.vertical-compact-menu .content,.vertical-compact-menu .navbar .navbar-container{
    margin-left:120px
}
.vertical-compact-menu .navbar .navbar-header{
    float:left;
    width:120px
}
.vertical-compact-menu .navbar.navbar-brand-center .navbar-container{
    margin-left:0
}
.vertical-compact-menu .navbar.navbar-brand-center .navbar-header{
    float:left;
    width:auto
}
.vertical-compact-menu .main-menu,.vertical-compact-menu .vertical-overlay-menu.menu-hide .main-menu,.vertical-overlay-menu.menu-hide .vertical-compact-menu .main-menu{
    width:120px;
    left:0
}
.vertical-compact-menu .main-menu .main-menu-header .user-content .media-left{
    display:block;
    text-align:center;
    padding:0
}
.vertical-compact-menu .main-menu .main-menu-header .user-content .media-left .avatar-md{
    width:60px;
    text-align:center
}
.vertical-compact-menu .main-menu .main-menu-header .user-content .media-body{
    display:block;
    text-align:center;
    margin:.5rem 0 0;
    padding:0;
    width:auto
}
.vertical-compact-menu .main-menu .main-menu-header .user-content .media-right{
    display:none
}
.vertical-compact-menu .main-menu .main-menu-content a.menu-title,.vertical-compact-menu .main-menu .main-menu-content>span.menu-title{
    right:-260px;
    width:260px;
    font-weight:600;
    color:#fff;
    text-transform:uppercase;
    text-align:left;
    background-color:#1e9ff2;
    border-color:#1e9ff2;
    padding:15px 20px
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .vertical-compact-menu .main-menu .main-menu-content a.menu-title,.vertical-compact-menu .main-menu .main-menu-content>span.menu-title{
        left:59px!important
    }
}
.vertical-compact-menu .main-menu .main-menu-content>ul.menu-content{
    left:120px;
    width:260px;
    transition:visibility .25s,opacity .25s;
    box-shadow:25px 5px 75px 2px rgba(64,70,74,.2);
    border-bottom:1px solid rgba(0,0,0,.2);
    border-left:1px solid rgba(0,0,0,.02)
}
.vertical-compact-menu .main-menu .main-menu-content>ul.menu-content li{
    white-space:nowrap;
    position:relative
}
.vertical-compact-menu .main-menu .main-menu-content>ul.menu-content li a{
    display:block;
    padding:12px 20px;
    transition:all .2s ease
}
.vertical-compact-menu .main-menu .main-menu-content>ul.menu-content li.has-sub>a:not(.mm-next):after{
    content:"\f112";
    font-family:LineAwesome;
    font-size:1rem;
    display:inline-block;
    position:absolute;
    right:20px;
    top:13px;
    transform:rotate(0);
    transition:-webkit-transform .2s ease-in-out
}
.vertical-compact-menu .main-menu .main-menu-content>ul.menu-content li.has-sub .has-sub>a:not(.mm-next):after{
    top:11px
}
.vertical-compact-menu .main-menu .main-menu-content>ul.menu-content li.open>a:not(.mm-next):after{
    transform:rotate(90deg)
}
.vertical-compact-menu .main-menu .main-menu-content>ul.menu-content li.hover>a,.vertical-compact-menu .main-menu .main-menu-content>ul.menu-content li:hover>a{
    transform:translateX(4px)
}
.vertical-compact-menu .main-menu .main-menu-content>ul.menu-content li.hover>a>a,.vertical-compact-menu .main-menu .main-menu-content>ul.menu-content li:hover>a>a{
    transform:translateX(-4px)
}
.vertical-compact-menu .main-menu ul.menu-popout li i{
    font-size:1.6rem;
    margin-right:12px;
    position:relative;
    top:2px
}
.vertical-compact-menu .main-menu .main-menu-content>ul>li>ul.menu-content>li a{
    line-height:1.4;
    padding:4px 18px 4px 45px
}
.vertical-compact-menu .main-menu ul.menu-popout .open>ul .open,.vertical-compact-menu .main-menu ul.menu-popout .open>ul .open>ul{
    background:0 0
}
.vertical-compact-menu .main-menu .navigation{
    overflow:visible
}
.vertical-compact-menu .main-menu .navigation>li.navigation-header{
    padding:12px 20px;
    text-align:center;
    font-weight:800
}
.vertical-compact-menu .main-menu .navigation>li.navigation-header .la-ellipsis-h,.vertical-compact-menu .main-menu .navigation>li.navigation-header .nav-menu-icon{
    visibility:hidden;
    display:none;
    opacity:0
}
.vertical-compact-menu .main-menu .navigation>li>ul li>a{
    padding:10px 18px 10px 54px
}
.vertical-compact-menu .main-menu .navigation>li>a{
    width:auto;
    padding:1.4rem .8rem;
    text-align:center;
    border-bottom:1px solid #e8e8e8;
    transition:all .2s ease;
    font-size:1rem
}
.vertical-compact-menu .main-menu .navigation>li>a>i{
    display:block;
    width:100%;
    font-size:2.5rem;
    margin:.2rem 0 .8rem;
    text-align:center
}
.vertical-compact-menu .main-menu .navigation>li.hover>ul,.vertical-overlay-menu .main-menu .navigation .navigation-header .la-ellipsis-h,.vertical-overlay-menu .main-menu .navigation .navigation-header .nav-menu-icon,[data-textdirection=rtl] body.vertical-layout.vertical-compact-menu .main-menu .navigation>li>a>span{
    display:none
}
.vertical-compact-menu .main-menu .navigation>li>a>i:before{
    transition:.2s ease all
}
.vertical-compact-menu.menu-hide .main-menu,.vertical-compact-menu.menu-open .main-menu{
    transition:transform .25s,opacity .25s,top .35s,height .35s;
    backface-visibility:hidden;
    perspective:1000
}
.vertical-compact-menu .main-menu .navigation>li>a>span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:middle
}
.vertical-compact-menu .main-menu .navigation>li.hover>a{
    padding-left:20px
}
.vertical-compact-menu .main-menu .navigation>li.hover>a>span{
    visibility:visible;
    opacity:1
}
.vertical-compact-menu .main-menu .navigation>li.active>a{
    font-weight:400;
    background:0 0;
    border-right:4px solid #666ee8;
    margin:0;
    border-radius:0;
    padding-left:.8rem
}
.vertical-compact-menu .main-menu .navigation>li.active>a>i,.vertical-compact-menu .main-menu .navigation>li.active>a>span{
    transform:translateX(0)
}
.vertical-compact-menu .main-menu .mTSWrapper{
    overflow:visible
}
.vertical-compact-menu .main-menu.menu-dark .navigation>li>a{
    border-bottom:1px solid #6b6f82
}
.vertical-compact-menu.menu-open .main-menu{
    opacity:1;
    transform:translate3d(0,0,0)
}
.vertical-compact-menu.menu-open .content,.vertical-compact-menu.menu-open .footer{
    margin-left:120px
}
.vertical-compact-menu.menu-hide .content,.vertical-compact-menu.menu-hide .footer,.vertical-compact-menu.menu-hide .navbar-brand-center .content,.vertical-compact-menu.menu-hide .navbar-brand-center .footer,.vertical-compact-menu.menu-open .navbar-brand-center .content,.vertical-compact-menu.menu-open .navbar-brand-center .footer{
    margin-left:0
}
.vertical-compact-menu.menu-hide .main-menu{
    opacity:0;
    transform:translate3d(-120px,0,0)
}
.vertical-compact-menu.menu-flipped .content,.vertical-compact-menu.menu-flipped .navbar .navbar-container{
    margin:0 120px 0 0
}
.vertical-compact-menu.menu-flipped .main-menu{
    right:0;
    left:inherit
}
.vertical-compact-menu.menu-flipped .main-menu .navigation>li>ul,.vertical-compact-menu.menu-flipped .main-menu ul.menu-content{
    right:120px;
    left:inherit
}
.vertical-compact-menu.menu-flipped .navbar .navbar-header{
    float:right
}
.vertical-compact-menu.menu-flipped.menu-open.boxed-layout .main-menu{
    transform:translate3d(-120px,0,0)
}
.vertical-compact-menu.menu-flipped.menu-hide .content{
    margin:0
}
.vertical-compact-menu.menu-flipped.menu-hide .main-menu{
    transform:translate3d(120px,0,0);
    backface-visibility:hidden;
    perspective:1000
}
.vertical-compact-menu.boxed-layout{
    position:relative
}
.vertical-compact-menu.boxed-layout .main-menu.menu-fixed{
    position:absolute
}
@media (min-width:992px){
    .vertical-overlay-menu.menu-hide body.vertical-compact-menu .main-menu,body.vertical-compact-menu .main-menu,body.vertical-compact-menu .navbar .navbar-header,body.vertical-compact-menu .vertical-overlay-menu.menu-hide .main-menu{
        width:120px
    }
    body.vertical-compact-menu .content,body.vertical-compact-menu .footer{
        margin-left:120px
    }
}
@media (max-width:991.98px){
    .vertical-overlay-menu.menu-hide body.vertical-compact-menu .main-menu,body.vertical-compact-menu .main-menu,body.vertical-compact-menu .navbar .navbar-header,body.vertical-compact-menu .vertical-overlay-menu.menu-hide .main-menu{
        width:120px
    }
    body.vertical-compact-menu .content,body.vertical-compact-menu .footer{
        margin-left:120px
    }
}
@media (max-width:767.98px){
    body.vertical-compact-menu .content,body.vertical-compact-menu .footer{
        margin-left:0
    }
}
.vertical-overlay-menu .content{
    margin-left:0
}
.vertical-overlay-menu .navbar .navbar-header{
    float:left;
    width:280px
}
.vertical-overlay-menu .navbar.navbar-brand-center .navbar-container{
    margin-left:auto
}
.vertical-overlay-menu .navbar.navbar-brand-center .navbar-header{
    float:left;
    width:auto
}
.vertical-overlay-menu .main-menu,.vertical-overlay-menu.menu-hide .main-menu{
    opacity:0;
    transform:translate3d(0,0,0);
    transition:width .25s,opacity .25s,transform .25s;
    width:280px;
    left:-280px
}
.vertical-overlay-menu .main-menu .navigation .navigation-header{
    padding-left:34px
}
.vertical-overlay-menu .main-menu .navigation>li>a{
    padding-left:32px
}
.vertical-overlay-menu .main-menu .navigation>li>a>i{
    font-size:1.6rem;
    margin-right:12px;
    float:left
}
.vertical-overlay-menu .main-menu .navigation>li>a>i:before{
    transition:.2s ease all
}
.vertical-overlay-menu .main-menu .navigation>li.hover>a{
    padding-left:36px
}
.vertical-overlay-menu .main-menu .navigation>li ul li>a{
    padding-left:68px
}
.vertical-overlay-menu .main-menu .navigation>li .active>a{
    padding-left:54px
}
.vertical-overlay-menu .main-menu .navigation>li ul .open>ul li>a{
    padding-left:74px
}
.vertical-overlay-menu .main-menu .navigation>li ul .open>ul li:not(.active):hover>a{
    padding-left:78px
}
.vertical-overlay-menu .main-menu .navigation>li.open>ul>li:hover>a{
    padding-left:72px
}
.vertical-overlay-menu .main-menu .navigation>li.open>ul>li:hover.active>a{
    padding-left:54px
}
.vertical-overlay-menu .main-menu .navigation li.has-sub>a:not(.mm-next):after{
    content:"\f112";
    font-family:LineAwesome;
    font-size:1rem;
    display:inline-block;
    position:absolute;
    top:13px;
    transform:rotate(0);
    transition:-webkit-transform .2s ease-in-out;
    right:34px
}
.vertical-overlay-menu .main-menu .navigation li.has-sub .has-sub>a:not(.mm-next):after{
    top:11px
}
.vertical-overlay-menu .main-menu .navigation li.open>a:not(.mm-next):after{
    transform:rotate(90deg)
}
.vertical-overlay-menu.menu-open .main-menu{
    opacity:1;
    transform:translate3d(280px,0,0);
    transition:width .25s,opacity .25s,transform .25s
}
.vertical-overlay-menu.menu-flipped .main-menu{
    right:-280px;
    left:inherit
}
.vertical-overlay-menu.menu-flipped .navbar .navbar-container{
    margin:0 280px 0 0
}
.vertical-overlay-menu.menu-flipped .navbar .navbar-header{
    float:right
}
.vertical-overlay-menu.menu-flipped.menu-open .main-menu{
    transform:translate3d(-280px,0,0)
}
.vertical-overlay-menu footer.footer.fixed-bottom{
    z-index:999
}
.vertical-overlay-menu.boxed-layout{
    position:relative
}
.vertical-overlay-menu.boxed-layout .main-menu.menu-fixed{
    position:absolute
}
@media (max-width:768px){
    .vertical-overlay-menu .header-navbar .navbar-header .mobile-menu a.menu-toggle,.vertical-overlay-menu .header-navbar .navbar-header li.nav-item.d-md-none a.open-navbar-container{
        padding-top:1rem
    }
}
@media (max-width:767.98px){
    .main-menu .navigation li a i,.vertical-overlay-menu.menu-hide .main-menu .navigation li a i{
        font-size:1.4rem;
        margin-right:4px
    }
    .main-menu .navigation>li>a i,.vertical-overlay-menu.menu-hide .main-menu .navigation>li>a i{
        top:2px!important
    }
}
@media only screen and (max-width:768px){
    .vertical-layout.vertical-overlay-menu .main-menu .navigation li.nav-item.menu-collapsed-open>a{
        background:0 0;
        margin:0;
        border-radius:0
    }
    .vertical-layout.vertical-overlay-menu .main-menu .navigation li.nav-item.menu-collapsed-open>a~ul li.menu-collapsed-open>a~ul{
        margin-top:4px
    }
    .vertical-layout.vertical-overlay-menu .main-menu .navigation li.nav-item.menu-collapsed-open>a~ul li.menu-collapsed-open>a~ul li.active a{
        background:0 0
    }
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .menu-content.menu-popout{
        top:70px!important
    }
}
@keyframes fadein{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}