body.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a > i {
    width: 1.6rem !important;
    margin-right: 1rem;
    float: left
}

    body.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a > i:not(.menu-livicon) {
        font-size: 1.4rem
    }

body.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a {
    -webkit-transition: all .35s ease !important;
    transition: all .35s ease !important
}

    body.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a > i {
        margin-right: 1.25rem
    }

body.vertical-layout.vertical-menu-modern .main-menu {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
    width: 260px
}

    body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > span.badge {
        position: absolute;
        right: 7px
    }

    body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li.open > a > span.badge {
        right: 19px
    }

    body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:not(.mm-next):after {
        content: '\ea4f';
        font-family: boxicons;
        font-size: 1.2rem;
        color: #8494A7;
        display: inline-block;
        position: absolute;
        right: 7px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        transition: -webkit-transform .4s ease-in-out
    }

    body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.open > a:not(.mm-next):after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

body.vertical-layout.vertical-menu-modern.menu-expanded .footer {
    margin-left: 260px
}

body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar.fixed-top {
    left: 78px
}

body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu {
    width: 78px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .modern-nav-toggle, body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navbar-header .brand-text {
        display: none
    }

    body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header {
        margin: 0
    }

    body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li a {
        display: block
    }

        body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li.navigation-header span, body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li a .badge, body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li a .menu-title {
            display: none
        }

    body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li:last-child {
        margin-bottom: 1.25rem !important
    }

    body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a {
        background: rgba(90,141,238,.2);
        box-shadow: none
    }

    body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.menu-collapsed-open {
        background: rgba(90,141,238,.2);
        border: none
    }

    body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation {
        overflow: visible
    }

        body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a {
            text-overflow: inherit
        }

            body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a > span.badge {
                float: none !important
            }

            body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a i {
                margin-right: 2rem;
                float: left
            }

    body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded {
        width: 260px;
        box-shadow: 5px 0 25px 0 rgba(55,70,95,.3)
    }

        body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li.navigation-header span {
            display: block
        }

        body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li > a i {
            margin-right: 1rem
        }

        body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li > a > span.badge {
            position: absolute;
            right: 20px
        }

        body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub > a:not(.mm-next):after {
            content: '\ea4f';
            font-family: boxicons;
            font-size: 1.2rem;
            color: #8494A7;
            display: inline-block;
            position: absolute;
            right: 7px;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            transition: -webkit-transform .4s ease-in-out
        }

        body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.open > a:not(.mm-next):after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navbar-header .brand-text {
            display: inline
        }

        body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .modern-nav-toggle {
            display: block
        }

body.vertical-layout.vertical-menu-modern.menu-collapsed .app-content, body.vertical-layout.vertical-menu-modern.menu-collapsed .footer, body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar-static-top .navbar-wrapper {
    margin-left: 78px
}

@media (min-width:992px) {
    body.vertical-layout.vertical-menu-modern .main-menu {
        border-right: 1px solid #DFE3E7
    }

        body.vertical-layout.vertical-menu-modern .main-menu.menu-dark {
            border-right: 1px solid #464D5C
        }

    body.vertical-layout.vertical-menu-modern .footer {
        margin-left: 260px
    }
}

@media (max-width:1199.98px) {
    body.vertical-layout.vertical-menu-modern .main-menu {
        width: 0
    }

        body.vertical-layout.vertical-menu-modern .main-menu .navigation li.navigation-header span {
            display: none
        }

    body.vertical-layout.vertical-menu-modern .content, body.vertical-layout.vertical-menu-modern .footer {
        margin-left: 0
    }

    .horizontal-layout.vertical-overlay-menu .app-content .content-wrapper {
        margin-top: 3.5rem
    }
}

@media (max-width:767.98px) {
    body.vertical-layout.vertical-menu-modern .main-menu {
        width: 0
    }

    body.vertical-layout.vertical-menu-modern .content, body.vertical-layout.vertical-menu-modern .footer {
        margin-left: 0
    }
}

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

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

.vertical-overlay-menu .navbar[data-nav=brand-center] .navbar-header {
    padding: 0
}

    .vertical-overlay-menu .navbar[data-nav=brand-center] .navbar-header .navbar-brand {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 0
    }

        .vertical-overlay-menu .navbar[data-nav=brand-center] .navbar-header .navbar-brand .brand-logo {
            background: url(../../../../../app-assets/images/logo/frest-logo.png) -65px -54px no-repeat;
            height: 27px;
            width: 35px
        }

        .vertical-overlay-menu .navbar[data-nav=brand-center] .navbar-header .navbar-brand .brand-text {
            color: #FFF;
            padding-left: 1rem;
            letter-spacing: .01rem;
            font-size: 1.57rem
        }

.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: 260px;
    left: -260px
}

    .vertical-overlay-menu .main-menu .navigation > li > a > span.badge {
        position: absolute;
        right: 20px
    }

    .vertical-overlay-menu .main-menu .navigation > li > a > i {
        margin-right: 14px;
        float: left;
        width: 1.6rem !important
    }

    .vertical-overlay-menu .main-menu .navigation > li ul li > a {
        -webkit-transition: all .35s ease !important;
        transition: all .35s ease !important
    }

        .vertical-overlay-menu .main-menu .navigation > li ul li > a > i {
            margin-right: 1.25rem
        }

    .vertical-overlay-menu .main-menu .navigation > li ul li:hover a {
        padding-left: 35px
    }

    .vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after {
        content: '\ea4f';
        font-family: boxicons;
        font-size: 1.2rem;
        /*color: #8494A7;*/
        display: inline-block;
        position: absolute;
        right: 7px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        transition: -webkit-transform .4s ease-in-out
    }

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

.vertical-overlay-menu.menu-open .main-menu {
    opacity: 1;
    -webkit-transform: translate3d(260px,0,0);
    transform: translate3d(260px,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;
    top: 0
}