#menu {
    position: absolute;
    top: 115px;
    height: 35px;
    width: 100%;
    color: var(--menu-text-color);
    font-weight: bolder;
    z-index: 10007;

    background: rgb(149,149,149);
    background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(13,13,13,1) 93%, rgba(78,78,78,1) 77%, rgba(1,1,1,1) 78%, rgba(10,10,10,1) 82%, rgba(27,27,27,1) 89%, rgba(56,56,56,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 93%,rgba(78,78,78,1) 77%,rgba(1,1,1,1) 78%,rgba(10,10,10,1) 82%,rgba(27,27,27,1) 89%,rgba(56,56,56,1) 100%);
    background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 93%,rgba(78,78,78,1) 77%,rgba(1,1,1,1) 78%,rgba(10,10,10,1) 82%,rgba(27,27,27,1) 89%,rgba(56,56,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#383838',GradientType=0 );

    /*
    background: rgb(30,87,153);
    background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
    */
}
#menu.overflow {
    height: 70px;

    background: rgb(149, 149, 149);
    background: -moz-repeating-linear-gradient(to bottom, rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(78,78,78,1) 39%, rgba(1,1,1,1) 39%, rgba(10,10,10,1) 41%, rgba(27,27,27,1) 45%, rgba(56,56,56,1) 50%);
    background: -webkit-repeating-linear-gradient(to bottom, rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(78,78,78,1) 39%, rgba(1,1,1,1) 39%, rgba(10,10,10,1) 41%, rgba(27,27,27,1) 45%, rgba(56,56,56,1) 50%);
    background: repeating-linear-gradient(to bottom, rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(78,78,78,1) 39%, rgba(1,1,1,1) 39%, rgba(10,10,10,1) 41%, rgba(27,27,27,1) 45%, rgba(56,56,56,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#383838', GradientType=0);
}
#menu.overflow li.parent.logout {
    position: relative !important;
    top: -33px !important;
}
#menu a {
    color: var(--menu-text-color);
    font-weight: bolder;
}
.menu {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
}
.menu .glyphicon{
    font-size: x-small;
    position: absolute;
    right: 5px;
    top: 9px;
}
.change-edit-request .form-control {
    width: 50%;
}
.menu li.parent {
    display: inline-block;
    position: relative;
    top: 0;
    padding: 5px 7px 5px 7px;
    cursor: pointer;
    height: 33px !important;
}
.menu li.parent.logout{
    float: right;
}
.menu li.parent .fa {
    color: var(--menu-text-hover-color) !important;
}
.menu li.parent:hover {
    color: var(--menu-text-hover-color) !important;
    text-decoration: none;
    -webkit-box-shadow:0 0 10px 5px var(--menu-hover-color) ;
    -moz-box-shadow:0 0 10px 5px var(--menu-hover-color) ;
    box-shadow:0 0 10px 5px var(--menu-hover-color) ;

    /*
    background: rgb(55,153,239);
    background: -moz-linear-gradient(top,  rgba(55,153,239,1) 0%, rgba(32,116,234,1) 25%, rgba(18,49,226,1) 51%, rgba(30,105,222,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(55,153,239,1) 0%,rgba(32,116,234,1) 25%,rgba(18,49,226,1) 51%,rgba(30,105,222,1) 100%);
    background: linear-gradient(to bottom,  rgba(55,153,239,1) 0%,rgba(32,116,234,1) 25%,rgba(18,49,226,1) 51%,rgba(30,105,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3799ef', endColorstr='#1e69de',GradientType=0 );
    */
}
.menu li.parent:hover a{
    color: var(--menu-text-hover-color) !important;
    text-decoration: none;
}
.menu li.parent a:hover{
    color: var(--menu-text-hover-color) !important;
    text-decoration: none;
    white-space: nowrap !important;
}
.menu a, .menu .nested-parent{
    white-space: nowrap;
}
.nested-parent .grandchild{
    white-space: pre-wrap;
}
ul.child {
    display: none;
    position: absolute;
    padding: 0;
    width: auto;
    left: 0px;
    top: 33px;
    z-index: 10009;
}
li.child {
    font-weight: normal !important;
    display: inline-block;
    position: relative;
    width: calc(100% + 15px);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 2px;
    font-family: "Trebuchet MS", sans-serif;
    color: var(--menu-text-color);
    background-color: var(--menu-bg-color);
    z-index: 10009;
}
li.child:hover {
    color: var(--menu-text-hover-color);
}
li.child a, li.child .glyphicon {
    color: var(--menu-text-color);
    font-weight: normal !important;
}
li.child:hover a, li.child:hover .glyphicon {
    color: var(--menu-text-hover-color);
}
li.child:hover {
    text-decoration: none;
    -webkit-box-shadow:0 0 10px 5px var(--menu-hover-color) ;
    -moz-box-shadow:0 0 10px 5px var(--menu-hover-color) ;
    box-shadow:0 0 10px 5px var(--menu-hover-color) ;
    z-index: 10010;
}
li.child:hover, li.child:hover a, li.child:hover .glyphicon {
    color: var(--menu-text-hover-color) !important;
}
ul.grandchild {
    display: none;
    position: absolute;
    padding: 0;
    left: 100%;
    top: 0;
    z-index: 10008;
}
li.grandchild {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 2px;
    font-weight: normal;
    font-family: "Trebuchet MS", sans-serif;
    color: var(--menu-text-color);
    background-color: var(--menu-bg-color);
    z-index: 10008;
}
li.grandchild:first-child {

}
li.grandchild:last-child {

}
li.grandchild:hover {
    color: var(--menu-text-hover-color);
    -webkit-box-shadow:0 0 10px 5px var(--menu-hover-color) ;
    -moz-box-shadow:0 0 10px 5px var(--menu-hover-color) ;
    box-shadow:0 0 10px 5px var(--menu-hover-color) ;
    z-index: 10010;
}
#top-padding {
    display: none;
    position: fixed;
    top: 35px;
    height: 10px;
    width: 100%;
    background-color: var(--menu-top-padding-color);
    z-index: 10006;
}