
.g1-main-menu {
    width: 200px;
    position: absolute;
    left: 0;
    z-index: 100;
    height: 100%;
    padding: 0 !important;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/*.g1-main-menu-wrap{*/
/*height: 100%;火狐浏览器滚动条会变成浏览器自带的*/
/*}*/
.g1-main-menu .g1-main-menu-ul {
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
}

/*.g1-main-menu.menuclosing {*/
/*    left: -120px;*/
/*}*/

/*.g1-main-menu.menuclosing .g1-main-menu-ul {*/
/*    width: 80px;*/
/*    float: right;*/
/*}*/

/*.g1-main-menu.menuclosing .userlogowarp {*/
/*    width: 80px;*/
/*    position: relative;*/
/*    right: -120px;*/
/*}*/

/*.g1-main-menu.menuclosing .usercorp,*/
/*.g1-main-menu.menuclosing .nav-top-item .menuText,*/
/*.g1-main-menu.menuclosing .subMenuUl > li > a .menuText {*/
/*    display: none;*/
/*}*/

/*.g1-main-menu.menuclosing .nav > li > a {*/
/*    padding: 0 5px;*/
/*    text-align: center;*/
/*}*/

/*.g1-main-menu.menuclosing .nav li ul li a.nav-top-item {*/
/*    background-image: none;*/
/*}*/

/*.g1-main-menu.menuclosing .subMenuUl li {*/
/*    position: relative;*/
/*}*/

/*.g1-main-menu.menuclosing .subMenuUl ul {*/
/*    width: 180px;*/
/*    position: fixed;*/
/*    left: 78px;*/
/*    z-index: 100;*/
/*}*/

/*.g1-main-menu.menuclosing .subMenuUl ul li {*/
/*    position: relative;*/
/*    top: -40px;*/
/*    background-color: #353D43;*/
/*    background-color: var(--menuBack);*/
/*}*/

.g1-main-menu .g1-user-module {
    width: 100%;
    margin: 18px 0;
    float: right;
    position: absolute;
    bottom: 0;
    z-index: 200;
}

/*.nav-node-item i,*/
/*.nav-top-item i*/
/*{*/
/*    width:25px;*/
/*}*/

.g1-main-menu .g1-user-module > a {
    display: inline-block;
    width: 100%;
    color: #7ed0f4;
    text-align: center;
    border: 1px solid #A3ABA3;
    border: 1px solid var(--menuText);
    border-radius: 5px;
}

.g1-main-menu .nav li a {
    display: block;
    height: 3rem;
    padding: 0 5px 0 16px;
    line-height: 3rem;
    color: #fff;
    background: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
}

.g1-main-menu .nav li a.current span {
    background-position: right -57px;
}


.g1-main-menu .nav .subMenuUl {
    display: none;
    /* background-color: #2E353B;
    background-color: var(--subMenuBack);  */
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.1);
    padding: 0 0 1px 0;
}

.g1-main-menu .nav li ul {
    display: none;
}

.g1-main-menu .nav li a {
    line-height: 30px;
    padding: 5px 5px 5px 40px;
}

.g1-main-menu .nav li a.nav-top-item {
    background: url(../img/icoAdd.png) no-repeat right 17px;
}

.g1-main-menu .nav li a span.fa {
    margin-right: 5px;
    width:15px;
}

/*.g1-main-menu .nav .menuSonUl li a {*/
/*    padding: 5px 0 5px 60px;*/
/*}*/

.menuclosing .subMenuUl .nav-top-item.current {
    background: #353D43;
    background: var(--menuBack);
}

.menuclosing .nav .menuSonUl li a {
    height: 35px;
    line-height: 25px;
    padding: 5px 0 5px 20px;
}

.menuclosing .nav li .subMenuUl > li > a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0;
    color: #A3ABAE;
    font-size: 14px;
    text-align: center;
}


/*.g1-main-menu .nav li ul a.current {*/
/*    background-color: #353D43;*/
/*    background-color: var(--menuBack);*/
/*}*/

.g1-main-menu .nav li a.current {
    background-position: right -51px;
}

.g1-main-menu .nav li a:hover {
    /* background-color: #353D43;
    background-color: var(--menuBack); */
}

.g1-main-menu-wrap,
.g1-main-menu-wrap .g1-main-menu-ul .g1-user-module-menu,
.g1-main-menu-wrap .g1-main-menu-ul .g1-user-module-menu ul.nav.g1-main-menu-entry{
    height: 100%;
    overflow: hidden;
}
.g1-main-menu-wrap .g1-main-menu-ul{
    /* height: calc(100% - 50px); */
    height: calc(100% - 90px);
}


.g1-menu-search
{
    height: 40px;
}


.g1-main-menu-wrap .g1-menu-search-result{
    height: 100%;
    /* background:#2E353B;
    background: var(--subMenuBack); */
    overflow-y: auto;
}

.g1-menu-search input{
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding-left: 40px;
    /* background:#2E353B; */
    /* color:#A3ABA3; */
    /* background: var(--subMenuBack); */
    /* color: var(--menuText); */
    background: #222;
    opacity: 0.5;
    color: #fff;
    border:none;
}

.g1-menu-search input:focus{
    opacity: 1;
}

.g1-menu-search i{
    position: absolute;
    color: #A3ABA3;
    color: var(--menuText);
    line-height: 40px;
    left: 20px;
}

.g1-menu-search-result a .fa {
    width: 15px;
    margin: 0 10px;
}

.g1-menu-search-result a {
    display: block;
    height: 36px;
    line-height: 36px;
    color: #fff!important;
    background: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 16px !important;
}



.g1-menu-not-found{
    color: #A3ABA3;
    color: var(--menuText);
    display: block;
    margin: 10px;
    font-style: italic;
}

/*.g1-main-menu-ul .g1-main-menu-entry>li>a:hover{*/
/*    background: none !important;*/
/*}*/

.g1-menu-search-result a:hover,
.g1-main-menu-ul .g1-main-menu-entry li>a:hover{
    border-top: solid 1px !important;
    border-bottom: solid 1px !important;
    border-image: -ms-linear-gradient(left, transparent 0%, var(--styleColorLight) 50%, transparent 100%) 1 1 1 1;
    border-image: -moz-linear-gradient(left, transparent 0%, var(--styleColorLight) 50%, transparent 100%) 1 1 1 1;
    border-image: -webkit-linear-gradient(left, transparent 0%, var(--styleColorLight) 50%, transparent 100%) 1 1 1 1;
}


/* g1 menu */
.g1-main-menu-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.g1-main-menu-top-left{
    display: flex;
    align-items: center;
    color: #fff;
}

.g1-main-menu .panel-heading {
    padding: 5px 5px;
}
