.horizontal-menu.menu-collapsed #main-menu-navigation .nav-item a span, .vertical-overlay-menu .main-menu .navigation .navigation-header .feather.icon-minus {
    display: none
}

.horizontal-menu .navbar-horizontal .dropdown .dropdown-menu {
    -webkit-transition: none;
    transition: none;
    margin-top: 1px
}

.horizontal-menu .navbar-container .search-input.open {
    box-shadow: none;
    border-left: 1px solid #E0E2E8;
    border-right: 1px solid #E0E2E8;
    margin-top: -1px
}

.horizontal-menu .navigation-header {
    font-family: inherit;
    color: #929292;
    padding: 8px 20px;
    font-size: 1rem;
    text-transform: uppercase
}

.horizontal-menu .navbar-flipped .navbar-nav .nav-item {
    float: right
}

.horizontal-menu .navbar-light ul#main-menu-navigation > li.active > a {
    border-bottom: 2px solid #00B5B8;
    background: #FFF
}

.horizontal-menu .navbar-light .active > a {
    background: #FFF;
    font-weight: 500
}

.horizontal-menu .navbar-dark .nav-item.active > a {
    border-bottom: 2px solid #00B5B8;
    background-color: #313C50
}

.horizontal-menu .navbar-dark .active > a {
    background: #FFF;
    font-weight: 500
}

.horizontal-layout .main-menu .navigation > li > ul > li > a i {
    margin-right: .5rem
}

.horizontal-layout .container {
    padding: 0
}

.horizontal-layout.vertical-layout.vertical-overlay-menu .main-menu .navigation > li > a > span.badge {
    position: absolute;
    top: 11px;
    right: 40px
}

.horizontal-layout.vertical-layout.vertical-overlay-menu .main-menu .navigation li.nav-item.menu-collapsed-open > a {
    background: 0 0;
    margin: 0;
    border-radius: 0
}

    .horizontal-layout.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
    }

        .horizontal-layout.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
        }

[data-textdirection=rtl] body.horizontal-layout.horizontal-menu.menu-collapsed .main-menu .navigation > li > a {
    padding: 14px 16px !important
}

[data-textdirection=rtl] body.horizontal-layout.horizontal-menu.menu-collapsed .main-menu .navigation > li.navigation-header .feather.icon-minus {
    padding: 12px 0
}

[data-textdirection=rtl] body.horizontal-layout.horizontal-menu .header-navbar.navbar .dropdown-menu .dropdown-submenu > a:after {
    content: '\f104' !important
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.vertical-overlay-menu .content {
    margin-left: 0
}

.vertical-overlay-menu .navbar .navbar-header {
    float: left;
    width: 240px
}

.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;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: width .25s,opacity .25s,-webkit-transform .25s;
    transition: width .25s,opacity .25s,-webkit-transform .25s;
    transition: width .25s,opacity .25s,transform .25s;
    transition: width .25s,opacity .25s,transform .25s,-webkit-transform .25s;
    width: 240px;
    left: -240px
}

    .vertical-overlay-menu .main-menu .navigation > li > a > i {
        font-size: 1.2rem;
        margin-right: 12px;
        float: left
    }

        .vertical-overlay-menu .main-menu .navigation > li > a > i:before {
            -webkit-transition: .2s ease all;
            transition: .2s ease all
        }

    .vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after {
        content: '\f105';
        font-family: FontAwesome;
        font-size: 1rem;
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 10px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        transition: -webkit-transform .2s ease-in-out
    }

    .vertical-overlay-menu .main-menu .navigation li.open > a:not(.mm-next):after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .vertical-overlay-menu .main-menu .main-menu-footer {
        bottom: 55px;
        width: 240px
    }

.vertical-overlay-menu.menu-open .main-menu {
    opacity: 1;
    -webkit-transform: translate3d(240px,0,0);
    transform: translate3d(240px,0,0);
    -webkit-transition: width .25s,opacity .25s,-webkit-transform .25s;
    transition: width .25s,opacity .25s,-webkit-transform .25s;
    transition: width .25s,opacity .25s,transform .25s;
    transition: width .25s,opacity .25s,transform .25s,-webkit-transform .25s
}

.vertical-overlay-menu.menu-flipped .main-menu {
    right: -240px;
    left: inherit
}

.vertical-overlay-menu.menu-flipped .navbar .navbar-container {
    margin: 0 240px 0 0
}

.vertical-overlay-menu.menu-flipped .navbar .navbar-header {
    float: right
}

.vertical-overlay-menu.menu-flipped.menu-open .main-menu {
    -webkit-transform: translate3d(-240px,0,0);
    transform: translate3d(-240px,0,0)
}

.vertical-overlay-menu footer.footer.fixed-bottom {
    z-index: 999
}

.vertical-overlay-menu.vertical-overlay-menu.boxed-layout.menu-open .main-menu {
    -webkit-transform: translate3d(240px,0,0);
    transform: translate3d(240px,0,0);
    margin-left: 7px
}

@media (max-width:991.98px) {
    .vertical-overlay-menu .main-menu .main-menu-footer {
        bottom: 0
    }
}

@media screen and (max-width:575px) {
    .vertical-overlay-menu.boxed-layout.menu-open .main-menu {
        -webkit-transform: translate3d(240px,0,0) !important;
        transform: translate3d(240px,0,0) !important;
        margin-left: 0 !important
    }
}

[data-textdirection=rtl] body.vertical-layout.vertical-overlay-menu.menu-collapsed .main-menu .navigation > li > a {
    padding: 14px 16px !important
}

[data-textdirection=rtl] body.vertical-layout.vertical-overlay-menu.menu-collapsed .main-menu .navigation > li.navigation-header .feather.icon-minus {
    padding: 12px 0
}

[data-textdirection=rtl] body.vertical-layout.vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after {
    content: '\f104'
}

[data-textdirection=rtl] body.vertical-layout .knob-center-icon {
    margin-left: -99px
}