.sidemenu-bgimage .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.sidemenu-bgimage .app-sidebar:before {
    content: "";
    position: absolute;
    background: hsla(0,0%,100%,.95);
    width: 100%;
    height: 100%;
    display: block
}

.sidemenu-bgimage .side-header {
    background: transparent;
    border-bottom: 4px solid rgba(0,0,0,.05)!important
}

.sidemenu-bgimage .side-header:before {
    width: 250px;
    transition: left .3s ease,width .3s ease
}

.sidemenu-bgimage .side-header:before,.toggle-sidebar.sidemenu-bgimage .side-header:before {
    content: "";
    position: absolute;
    background: hsla(0,0%,100%,.95);
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

.toggle-sidebar.sidemenu-bgimage .side-header:before {
    width: 270px;
    transition: none
}

.toggle-sidebar.sidemenu-bgimage .first-sidemenu,.toggle-sidebar.sidemenu-bgimage .resp-vtabs ul.resp-tabs-list {
    background: transparent
}

.toggle-sidebar.sidemenu-bgimage .second-sidemenu {
    background-color: transparent
}

.toggle-sidebar.sidemenu-bgimage .resp-vtabs li.active.resp-tab-item {
    background: transparent!important
}

@media (min-width: 768px) {
    .sidemenu-bgimage.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.sidemenu-bgimage.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.sidemenu-bgimage.color-menu .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.sidemenu-bgimage.color-menu .app-sidebar:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.sidemenu-bgimage.color-menu .side-header {
    background: transparent;
    border-bottom: 4px solid hsla(0,0%,100%,.1)!important
}

.sidemenu-bgimage.color-menu .side-header:before {
    width: 250px;
    transition: left .3s ease,width .3s ease
}

.sidemenu-bgimage.color-menu .side-header:before,.toggle-sidebar.sidemenu-bgimage.color-menu .side-header:before {
    content: "";
    background: rgba(94,45,216,.94);
    position: absolute;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

.toggle-sidebar.sidemenu-bgimage.color-menu .side-header:before {
    width: 270px;
    transition: none
}

@media (min-width: 768px) {
    .sidemenu-bgimage.color-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.sidemenu-bgimage.color-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.light-mode.sidemenu-bgimage.color-menu .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.light-mode.sidemenu-bgimage.color-menu .app-sidebar:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.light-mode.sidemenu-bgimage.color-menu .side-header {
    background: transparent;
    border-bottom: 4px solid hsla(0,0%,100%,.1)!important
}

.light-mode.sidemenu-bgimage.color-menu .side-header:before {
    content: "";
    background: rgba(94,45,216,.94);
    position: absolute;
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: left .3s ease,width .3s ease
}

.toggle-sidebar.light-mode.sidemenu-bgimage.color-menu .side-header:before {
    content: "";
    background: rgba(94,45,216,.94);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: none
}

.toggle-sidebar.sidemenu-bgimage.color-menu .first-sidemenu,.toggle-sidebar.sidemenu-bgimage.color-menu .resp-vtabs ul.resp-tabs-list {
    background: transparent
}

.toggle-sidebar.sidemenu-bgimage.color-menu .second-sidemenu {
    background-color: transparent
}

.toggle-sidebar.sidemenu-bgimage.color-menu .resp-vtabs li.active.resp-tab-item {
    background: transparent!important
}

@media (min-width: 768px) {
    .light-mode.sidemenu-bgimage.color-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.light-mode.sidemenu-bgimage.color-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.sidemenu-bgimage.light-menu .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.sidemenu-bgimage.light-menu .app-sidebar:before {
    content: "";
    background: hsla(0,0%,100%,.95);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.sidemenu-bgimage.light-menu .side-header {
    background: transparent;
    border-bottom: 4px solid rgba(0,0,0,.05)!important
}

.sidemenu-bgimage.light-menu .side-header:before {
    width: 250px;
    transition: left .3s ease,width .3s ease
}

.sidemenu-bgimage.light-menu .side-header:before,.toggle-sidebar.sidemenu-bgimage.light-menu .side-header:before {
    content: "";
    background: hsla(0,0%,100%,.95);
    position: absolute;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

.toggle-sidebar.sidemenu-bgimage.light-menu .side-header:before {
    width: 270px;
    transition: none
}

@media (min-width: 768px) {
    .sidemenu-bgimage.light-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.sidemenu-bgimage.light-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.light-mode.sidemenu-bgimage.light-menu .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.light-mode.sidemenu-bgimage.light-menu .app-sidebar:before {
    content: "";
    background: hsla(0,0%,100%,.95);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.light-mode.sidemenu-bgimage.light-menu .side-header {
    background: transparent;
    border-bottom: 4px solid rgba(0,0,0,.05)!important
}

.light-mode.sidemenu-bgimage.light-menu .side-header:before {
    content: "";
    background: hsla(0,0%,100%,.95);
    position: absolute;
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: left .3s ease,width .3s ease
}

.toggle-sidebar.light-mode.sidemenu-bgimage.light-menu .side-header:before {
    content: "";
    background: hsla(0,0%,100%,.95);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: none
}

.toggle-sidebar.sidemenu-bgimage.light-menu .first-sidemenu,.toggle-sidebar.sidemenu-bgimage.light-menu .resp-vtabs ul.resp-tabs-list {
    background: transparent
}

.toggle-sidebar.sidemenu-bgimage.light-menu .second-sidemenu {
    background-color: transparent
}

.toggle-sidebar.sidemenu-bgimage.light-menu .resp-vtabs li.active.resp-tab-item {
    background: transparent!important
}

@media (min-width: 768px) {
    .light-mode.sidemenu-bgimage.light-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }
}

.sidemenu-bgimage.dark-menu .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.sidemenu-bgimage.dark-menu .app-sidebar:before {
    content: "";
    background: rgba(15,9,31,.89);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.sidemenu-bgimage.dark-menu .side-header {
    background: transparent;
    border-bottom: 4px solid hsla(0,0%,100%,.1)!important
}

.sidemenu-bgimage.dark-menu .side-header:before {
    width: 250px;
    transition: left .3s ease,width .3s ease
}

.sidemenu-bgimage.dark-menu .side-header:before,.toggle-sidebar.sidemenu-bgimage.dark-menu .side-header:before {
    content: "";
    background: rgba(15,9,31,.89);
    position: absolute;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

.toggle-sidebar.sidemenu-bgimage.dark-menu .side-header:before {
    width: 270px;
    transition: none
}

@media (min-width: 768px) {
    .sidemenu-bgimage.dark-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.sidemenu-bgimage.dark-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.light-mode.sidemenu-bgimage.dark-menu .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.light-mode.sidemenu-bgimage.dark-menu .app-sidebar:before {
    content: "";
    background: rgba(15,9,31,.89);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.light-mode.sidemenu-bgimage.dark-menu .side-header {
    background: transparent;
    border-bottom: 4px solid hsla(0,0%,100%,.1)!important
}

.light-mode.sidemenu-bgimage.dark-menu .side-header:before {
    content: "";
    background: rgba(15,9,31,.89);
    position: absolute;
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: left .3s ease,width .3s ease
}

.toggle-sidebar.light-mode.sidemenu-bgimage.dark-menu .side-header:before {
    content: "";
    background: rgba(15,9,31,.89);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: none
}

.toggle-sidebar.sidemenu-bgimage.dark-menu .first-sidemenu,.toggle-sidebar.sidemenu-bgimage.dark-menu .resp-vtabs ul.resp-tabs-list {
    background: transparent
}

.toggle-sidebar.sidemenu-bgimage.dark-menu .second-sidemenu {
    background-color: transparent
}

.toggle-sidebar.sidemenu-bgimage.dark-menu .resp-vtabs li.active.resp-tab-item {
    background: transparent!important
}

@media (min-width: 768px) {
    .light-mode.sidemenu-bgimage.dark-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.light-mode.sidemenu-bgimage.dark-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.sidemenu-bgimage.gradient-menu .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.sidemenu-bgimage.gradient-menu .app-sidebar:before {
    content: "";
    background: linear-gradient(0deg,rgba(2,80,197,.94) 0,rgba(212,63,141,.94))!important;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.sidemenu-bgimage.gradient-menu .side-header {
    background: transparent;
    border-bottom: 4px solid hsla(0,0%,100%,.1)!important
}

.sidemenu-bgimage.gradient-menu .side-header:before {
    width: 250px;
    transition: left .3s ease,width .3s ease
}

.sidemenu-bgimage.gradient-menu .side-header:before,.toggle-sidebar.sidemenu-bgimage.gradient-menu .side-header:before {
    content: "";
    background: rgba(212,63,141,.94);
    position: absolute;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

.toggle-sidebar.sidemenu-bgimage.gradient-menu .side-header:before {
    width: 270px;
    transition: none
}

@media (min-width: 768px) {
    .sidemenu-bgimage.gradient-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.sidemenu-bgimage.gradient-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.light-mode.sidemenu-bgimage.gradient-menu .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.light-mode.sidemenu-bgimage.gradient-menu .app-sidebar:before {
    content: "";
    background: linear-gradient(0deg,rgba(2,80,197,.94) 0,rgba(212,63,141,.94))!important;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.light-mode.sidemenu-bgimage.gradient-menu .side-header {
    background: transparent;
    border-bottom: 4px solid hsla(0,0%,100%,.1)!important
}

.light-mode.sidemenu-bgimage.gradient-menu .side-header:before {
    content: "";
    background: rgba(212,63,141,.94);
    position: absolute;
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: left .3s ease,width .3s ease
}

.toggle-sidebar.light-mode.sidemenu-bgimage.gradient-menu .side-header:before {
    content: "";
    background: rgba(212,63,141,.94);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: none
}

.toggle-sidebar.sidemenu-bgimage.gradient-menu .first-sidemenu,.toggle-sidebar.sidemenu-bgimage.gradient-menu .resp-vtabs ul.resp-tabs-list {
    background: transparent
}

.toggle-sidebar.sidemenu-bgimage.gradient-menu .second-sidemenu {
    background-color: transparent
}

.toggle-sidebar.sidemenu-bgimage.gradient-menu .resp-vtabs li.active.resp-tab-item {
    background: transparent!important
}

@media (min-width: 768px) {
    .light-mode.sidemenu-bgimage.gradient-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.sidemenu-bgimage.gradient-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.sidemenu-bgimage.light-mode .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.sidemenu-bgimage.light-mode .app-sidebar:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background: hsla(0,0%,100%,.95)
}

.sidemenu-bgimage.light-mode .side-header {
    background: transparent;
    border-bottom: 4px solid rgba(0,0,0,.05)!important
}

.sidemenu-bgimage.light-mode .side-header:before {
    width: 250px;
    transition: left .3s ease,width .3s ease
}

.sidemenu-bgimage.light-mode .side-header:before,.toggle-sidebar.sidemenu-bgimage.light-mode .side-header:before {
    content: "";
    position: absolute;
    background: hsla(0,0%,100%,.95);
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

.toggle-sidebar.sidemenu-bgimage.light-mode .side-header:before {
    width: 270px;
    transition: none
}

@media (min-width: 768px) {
    .sidemenu-bgimage.light-mode.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.sidemenu-bgimage.light-mode.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.light-mode.boxed.dark-hor-menu .sticky-pin .horizontal-main {
    background: #0f091f
}

.light-mode.boxed.light-hor-menu .sticky-pin .horizontal-main {
    background: #fff
}

.sidemenu-bgimage.transparent-mode .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.sidemenu-bgimage.transparent-mode .app-sidebar:before {
    content: "";
    background: rgba(240,241,251,.95);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.sidemenu-bgimage.transparent-mode .side-header {
    background: transparent;
    border-bottom: 4px solid rgba(94,103,117,.1)!important;
    border-right: 1px solid rgba(211,220,233,.1)!important
}

.sidemenu-bgimage.transparent-mode .side-header:before {
    width: 250px;
    transition: left .3s ease,width .3s ease
}

.sidemenu-bgimage.transparent-mode .side-header:before,.toggle-sidebar.sidemenu-bgimage.transparent-mode .side-header:before {
    content: "";
    background: rgba(240,241,251,.95);
    position: absolute;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

.toggle-sidebar.sidemenu-bgimage.transparent-mode .side-header:before {
    width: 270px;
    transition: none
}

@media (min-width: 768px) {
    .sidemenu-bgimage.transparent-mode.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.sidemenu-bgimage.transparent-mode.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.transparent-mode.boxed.dark-hor-menu .sticky-pin .horizontal-main {
    background: #0f091f
}

.transparent-mode.boxed.light-hor-menu .sticky-pin .horizontal-main {
    background: #fff
}

body.transparent-mode {
    background-color: #e3e4ed
}

.transparent-mode .page-header {
    background: #f0f1fb
}

.transparent-mode .card,.transparent-mode .page-header {
    border: 1px solid #d3dce9;
    border-radius: 0;
    box-shadow: 0 0 40px 0 rgba(234,238,249,.5)
}

.transparent-mode .card {
    background-color: #f0f1fb
}

.transparent-mode .footer {
    background: #f0f1fb;
    border-top: 1px solid #d3dce9
}

.transparent-mode .app-sidebar {
    background: #f0f1fb!important
}

.transparent-mode .side-header {
    border-bottom: 1px solid #d3dce9;
    border-right: 0 solid #d3dce9;
    background: #f0f1fb
}

.transparent-mode .sidebar-navs a {
    border: 1px solid #d3dce9!important;
    color: #68798b!important
}

.transparent-mode .side-header .header-brand-img.desktop-logo {
    display: none
}

.transparent-mode .side-header .header-brand-img.light-logo1 {
    display: block
}

.transparent-mode.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo {
    display: none;
    margin-right: 0
}

.transparent-mode.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1,.transparent-mode.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.toggle-logo {
    display: none
}

.transparent-mode .user-info .text-muted {
    color: #68798b!important
}

.transparent-mode .app-sidebar .sidebar-navs {
    border-bottom: 1px solid #d3dce9
}

.transparent-mode .side-menu h3 {
    color: #68798b;
    opacity: .7
}

.transparent-mode .slide-item {
    color: #25252a
}

.transparent-mode .slide-item.active,.transparent-mode .slide-item:focus,.transparent-mode .slide-item:hover {
    color: #7d7d84
}

.transparent-mode .slide-menu {
    border-left: 1px solid #d3dce9
}

.transparent-mode .slide-menu li.active:after,.transparent-mode .slide-menu li.active:before {
    background: #d3dce9
}

.transparent-mode .side-menu__item {
    color: #25252a
}

.transparent-mode .side-menu .side-menu__icon {
    color: #68798b
}

.transparent-mode .app-sidebar__toggle {
    color: #25252a
}

.transparent-mode .user-info .text-dark {
    color: #25252a!important
}

.transparent-mode .app-sidebar__toggle:hover {
    color: #25252a
}

.transparent-mode .sidebar-navs .nav-link {
    padding: .2rem .8rem
}

.transparent-mode .bg-white {
    background-color: #f0f1fb!important
}

.transparent-mode .list-group-item,.transparent-mode .listorder,.transparent-mode .listorder1,.transparent-mode .listunorder,.transparent-mode .listunorder1 {
    background-color: #f0f1fb;
    border: 1px solid #d3dce9
}

.transparent-mode .breadcrumb1,.transparent-mode pre {
    background-color: #e3e4ed
}

.transparent-mode .clipboard-icon {
    background: #f0f1fb;
    border: 1px solid #d3dce9
}

.transparent-mode .jumbotron {
    background-color: #e3e4ed
}

.transparent-mode .example {
    border: 1px solid #d3dce9
}

.transparent-mode .expanel {
    background-color: #f0f1fb!important;
    border: 1px solid #d3dce9!important
}

.transparent-mode .expanel-footer {
    background-color: #f0f1fb!important;
    border-top: 1px solid #d3dce9!important
}

.transparent-mode .thumbnail {
    background-color: #f0f1fb;
    border: 1px solid #d3dce9
}

.transparent-mode .model-wrapper-demo {
    background: #e3e4ed
}

.transparent-mode .modal-content {
    background-color: #f0f1fb;
    border: 1px solid #d3dce9
}

.transparent-mode .modal-header {
    border-bottom: 1px solid #d3dce9
}

.transparent-mode .modal-footer {
    border-top: 1px solid #d3dce9
}

.transparent-mode .card-header {
    border-bottom: 1px solid #d3dce9
}

.transparent-mode .card-body+.card-body,.transparent-mode .table-vcenter td,.transparent-mode .table-vcenter th {
    border-top: 1px solid #d3dce9
}

.transparent-mode .table-striped tbody tr:nth-of-type(2n),.transparent-mode .table .thead-light th,.transparent-mode .text-wrap table .thead-light th {
    background-color: #e3e4ed
}

.transparent-mode .dropify-wrapper {
    background-color: #f0f1fb;
    border: 1px solid #d3dce9
}

.transparent-mode .bg-light-gray {
    background-color: #e3e4ed
}

.transparent-mode .sw-theme-default {
    border: 1px solid #d3dce9
}

.transparent-mode .sw-theme-default .step-content {
    background-color: #f0f1fb
}

.transparent-mode .sw-theme-default .sw-toolbar {
    background: #f0f1fb
}

.transparent-mode .panel-default>.panel-heading {
    background-color: #e3e4ed;
    border-color: #d3dce9
}

.transparent-mode .accordionjs .acc_section {
    border: 1px solid #d3dce9
}

.transparent-mode .accordionjs .acc_section .acc_head {
    background: #f0f1fb
}

.transparent-mode .tab-menu-heading,.transparent-mode .tab_wrapper>ul li {
    border: 1px solid #d3dce9;
    border-bottom: 0
}

.transparent-mode .tab_wrapper .content_wrapper,.transparent-mode .tab_wrapper.right_side .content_wrapper,.transparent-mode .tabs-menu-body {
    border: 1px solid #d3dce9
}

.transparent-mode .tab_wrapper.right_side>ul li {
    border-left: 1px solid #d3dce9
}

.transparent-mode .example-bg {
    background: #f0f1fb
}

.transparent-mode .second-sidemenu {
    background-color: #f0f1fb
}

.transparent-mode .first-sidemenu,.transparent-mode .resp-vtabs ul.resp-tabs-list {
    background: #f0f1fb
}

.transparent-mode .resp-vtabs li.active.resp-tab-item {
    background: #f0f1fb!important;
    color: #5e2dd8
}

.transparent-mode .resp-vtabs li.resp-tab-active {
    border-right: 0!important;
    color: #5e2dd8
}

.transparent-mode .resp-vtabs .resp-tabs-list li {
    border-right: 1px solid #d3dce9!important
}

.transparent-mode .resp-vtabs li:hover {
    background: transparent!important;
    color: #5e2dd8
}

.transparent-mode .settings-icon {
    border: 1px solid #d3dce9!important
}

@media (max-width: 767px) {
    .transparent-mode .app-sidebar__toggle {
        color:#fff
    }
}

.sidemenu-bgimage.dark-mode .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.sidemenu-bgimage.dark-mode .app-sidebar:before {
    content: "";
    background: rgba(48,48,77,.95);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.sidemenu-bgimage.dark-mode .side-header {
    background: transparent;
    border-bottom: 4px solid hsla(0,0%,100%,.1)!important
}

.sidemenu-bgimage.dark-mode .side-header:before {
    width: 250px;
    transition: left .3s ease,width .3s ease
}

.sidemenu-bgimage.dark-mode .side-header:before,.toggle-sidebar.sidemenu-bgimage.dark-mode .side-header:before {
    content: "";
    background: rgba(48,48,77,.95);
    position: absolute;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

.toggle-sidebar.sidemenu-bgimage.dark-mode .side-header:before {
    width: 270px;
    transition: none
}

@media (min-width: 768px) {
    .sidemenu-bgimage.dark-mode.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.sidemenu-bgimage.dark-mode.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.dark-mode.boxed.light-hor-menu .sticky-pin .horizontal-main {
    background: #fff
}

.color-menu .app-sidebar .sidebar-navs,.color-menu .side-header {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.color-menu .slide-item {
    color: #fff
}

.color-menu .side-header .header-brand-img.light-logo1 {
    display: none
}

.color-menu .side-header .header-brand-img.desktop-logo {
    display: block
}

.color-menu .app-sidebar__toggle,.color-menu .app-sidebar__toggle:hover {
    color: #fff
}

.color-menu .side-header {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.color-menu .user-info .text-dark {
    color: #fff!important
}

.color-menu .user-info .text-muted {
    color: hsla(0,0%,100%,.4)!important
}

.color-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.color-menu .sidebar-navs a {
    border: 1px solid hsla(0,0%,100%,.1)!important;
    color: #fff!important
}

.color-menu .side-menu h3 {
    color: hsla(0,0%,100%,.3);
    opacity: 1
}

.color-menu .slide-menu {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.color-menu .slide-menu li.active:before {
    background: hsla(0,0%,100%,.1)
}

.color-menu .slide-menu li.active:after {
    background: hsla(0,0%,100%,.5)
}

.color-menu .slide-item.active,.color-menu .slide-item:focus,.color-menu .slide-item:hover,.color-menu .slide-menu a.active {
    color: hsla(0,0%,100%,.4)
}

.color-menu .side-menu .side-menu__icon,.color-menu .side-menu__item,.color-menu .slide-item {
    color: hsla(0,0%,100%,.7)
}

.color-menu .first-sidemenu,.color-menu .resp-vtabs ul.resp-tabs-list,.color-menu .side-header {
    background: #5e2dd8
}

.color-menu .resp-vtabs li.active.resp-tab-item {
    background: rgba(0,0,0,.07)!important;
    color: #fff
}

.color-menu .second-sidemenu {
    background-color: #5e2dd8
}

.color-menu .resp-vtabs .resp-tabs-list li {
    border: 1px solid hsla(0,0%,100%,.15)!important;
    border-left: 0!important;
    border-top: 0!important
}

.color-menu .resp-vtabs li:hover {
    background: transparent!important
}

.color-menu .side-menu .resp-tab-active .side-menu__icon {
    color: #fff!important
}

.color-menu .slide-item {
    border-bottom: 0
}

.color-menu .resp-vtabs li.resp-tab-active {
    border-right: 0!important
}

.color-menu .settings-icon {
    border: 1px solid hsla(0,0%,100%,.1)!important
}

.color-menu .app-sidebar {
    background: #5e2dd8!important
}

.color-menu .resp-vtabs .resp-tabs-container {
    color: #fff
}

.color-menu .progress {
    box-shadow: none
}

.transparent-mode.color-menu .first-sidemenu,.transparent-mode.color-menu .resp-vtabs ul.resp-tabs-list,.transparent-mode.color-menu .side-header {
    background: #5e2dd8
}

.transparent-mode.color-menu .resp-vtabs li.active.resp-tab-item {
    background: rgba(0,0,0,.07)!important;
    color: #fff
}

.transparent-mode.color-menu .second-sidemenu {
    background-color: #5e2dd8
}

.transparent-mode.color-menu .resp-vtabs .resp-tabs-list li {
    border: 1px solid hsla(0,0%,100%,.15)!important;
    border-left: 0!important;
    border-top: 0!important
}

.transparent-mode.color-menu .resp-vtabs li:hover {
    background: transparent!important
}

.transparent-mode.color-menu .side-menu .resp-tab-active .side-menu__icon {
    color: #fff!important
}

.transparent-mode.color-menu .slide-item {
    border-bottom: 0
}

.transparent-mode.color-menu .resp-vtabs li.resp-tab-active {
    border-right: 0!important
}

.transparent-mode.color-menu .settings-icon {
    border: 1px solid hsla(0,0%,100%,.1)!important
}

.transparent-mode.color-menu .app-sidebar {
    background: #5e2dd8!important
}

.transparent-mode.color-menu .resp-vtabs .resp-tabs-container {
    color: #fff
}

.transparent-mode.color-menu .progress {
    box-shadow: none
}

.light-mode.color-menu .first-sidemenu,.light-mode.color-menu .resp-vtabs ul.resp-tabs-list,.light-mode.color-menu .side-header {
    background: #5e2dd8
}

.light-mode.color-menu .resp-vtabs li.active.resp-tab-item {
    background: rgba(0,0,0,.07)!important;
    color: #fff
}

.light-mode.color-menu .second-sidemenu {
    background-color: #5e2dd8
}

.light-mode.color-menu .resp-vtabs .resp-tabs-list li {
    border: 1px solid hsla(0,0%,100%,.15)!important;
    border-left: 0!important;
    border-top: 0!important
}

.light-mode.color-menu .resp-vtabs li:hover {
    background: transparent!important
}

.light-mode.color-menu .side-menu .resp-tab-active .side-menu__icon {
    color: #fff!important
}

.light-mode.color-menu .slide-item {
    border-bottom: 0
}

.light-mode.color-menu .resp-vtabs li.resp-tab-active {
    border-right: 0!important
}

.light-mode.color-menu .settings-icon {
    border: 1px solid hsla(0,0%,100%,.1)!important
}

.light-mode.color-menu .app-sidebar {
    background: #5e2dd8!important
}

.light-mode.color-menu .resp-vtabs .resp-tabs-container {
    color: #fff
}

.light-mode.color-menu .progress {
    box-shadow: none
}

@media (min-width: 768px) {
    .color-menu.sidebar-mini.sidenav-toggled .first-sidemenu,.light-mode.color-menu.sidebar-mini.sidenav-toggled .first-sidemenu,.transparent-mode.color-menu.sidebar-mini.sidenav-toggled .first-sidemenu {
        border-top:0!important
    }

    .color-menu.sidebar-mini.sidenav-toggled .app-sidebar__user,.light-mode.color-menu.sidebar-mini.sidenav-toggled .app-sidebar__user,.transparent-mode.color-menu.sidebar-mini.sidenav-toggled .app-sidebar__user {
        border-bottom: 1px solid hsla(0,0%,88.2%,.1)
    }
}

@media (max-width: 767px) {
    .color-menu .side-menu,.light-mode.color-menu .side-menu,.transparent-mode.color-menu .side-menu {
        border-top:1px solid #704ad1
    }

    .color-menu .mobile-header,.light-mode.color-menu .mobile-header,.transparent-mode.color-menu .mobile-header {
        border-bottom: 1px solid hsla(0,0%,100%,.1)!important;
        box-shadow: none
    }
}

.color-menu .app-sidebar .second-sidemenu .text-primary {
    color: #af8fff!important
}

.color-menu .app-sidebar .second-sidemenu .bg-primary {
    background: #af8fff!important
}

.dark-menu .app-sidebar {
    background: #0f091f!important
}

.dark-menu .app-sidebar .sidebar-navs,.dark-menu .side-header {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.dark-menu .side-header {
    background: #0f091f
}

.dark-menu .sidebar-navs a {
    border: 1px solid hsla(0,0%,100%,.1)!important
}

.dark-menu .slide-item {
    color: #fff
}

.dark-menu .side-header .header-brand-img.light-logo1 {
    display: none
}

.dark-menu .side-header .header-brand-img.desktop-logo {
    display: block
}

.dark-menu .app-sidebar__toggle,.dark-menu .app-sidebar__toggle:hover {
    color: #fff
}

.dark-menu .side-header {
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

.dark-menu .user-info .text-dark {
    color: #fff!important
}

.dark-menu .user-info .text-muted {
    color: hsla(0,0%,100%,.4)!important
}

.dark-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

.dark-menu .sidebar-navs a {
    border: 1px solid hsla(0,0%,100%,.2)!important;
    color: #fff!important
}

.dark-menu .side-menu h3 {
    color: hsla(0,0%,100%,.3);
    opacity: 1
}

.dark-menu .slide-menu {
    border-left: 1px solid hsla(0,0%,100%,.2)
}

.dark-menu .slide-menu li.active:before {
    background: hsla(0,0%,100%,.2)
}

.dark-menu .slide-menu li.active:after {
    background: hsla(0,0%,100%,.5)
}

.dark-menu .slide-item.active,.dark-menu .slide-item:focus,.dark-menu .slide-item:hover,.dark-menu .slide-menu a.active {
    color: hsla(0,0%,100%,.4)
}

.dark-menu .side-menu .side-menu__icon,.dark-menu .side-menu__item,.dark-menu .slide-item {
    color: hsla(0,0%,100%,.7)
}

.boxed.dark-hor-menu .horizontal-main.hor-menu {
    background: #0f091f
}

.dark-menu .first-sidemenu,.dark-menu .resp-vtabs ul.resp-tabs-list,.dark-menu .side-header {
    background: #30304d
}

.dark-menu .resp-vtabs li.active.resp-tab-item {
    background: hsla(0,0%,100%,.05)!important;
    color: #5e2dd8
}

.dark-menu .second-sidemenu {
    background-color: #30304d
}

.dark-menu .resp-vtabs .resp-tabs-list li {
    border: 1px solid hsla(0,0%,100%,.07)!important;
    border-left: 0!important;
    border-top: 0!important
}

.dark-menu .resp-vtabs li:hover {
    background: transparent!important
}

.dark-menu .side-menu .resp-tab-active .side-menu__icon {
    color: #8061ce!important
}

.dark-menu .slide-item {
    border-bottom: 0
}

.dark-menu .resp-vtabs li.resp-tab-active {
    border-right: 0!important
}

.dark-menu .settings-icon {
    border: 1px solid hsla(0,0%,100%,.1)!important
}

.dark-menu .app-sidebar {
    background: #30304d!important
}

.dark-menu .resp-vtabs .resp-tabs-container {
    color: #fff
}

.dark-menu .progress {
    box-shadow: none
}

.transparent-mode.dark-menu .first-sidemenu,.transparent-mode.dark-menu .resp-vtabs ul.resp-tabs-list,.transparent-mode.dark-menu .side-header {
    background: #30304d
}

.transparent-mode.dark-menu .resp-vtabs li.active.resp-tab-item {
    background: hsla(0,0%,100%,.05)!important;
    color: #5e2dd8
}

.transparent-mode.dark-menu .second-sidemenu {
    background-color: #30304d
}

.transparent-mode.dark-menu .resp-vtabs .resp-tabs-list li {
    border: 1px solid hsla(0,0%,100%,.07)!important;
    border-left: 0!important;
    border-top: 0!important
}

.transparent-mode.dark-menu .resp-vtabs li:hover {
    background: transparent!important
}

.transparent-mode.dark-menu .side-menu .resp-tab-active .side-menu__icon {
    color: #8061ce!important
}

.transparent-mode.dark-menu .slide-item {
    border-bottom: 0
}

.transparent-mode.dark-menu .resp-vtabs li.resp-tab-active {
    border-right: 0!important
}

.transparent-mode.dark-menu .settings-icon {
    border: 1px solid hsla(0,0%,100%,.1)!important
}

.transparent-mode.dark-menu .resp-vtabs .resp-tabs-container {
    color: #fff
}

.transparent-mode.dark-menu .progress {
    box-shadow: none
}

.light-mode.dark-menu .first-sidemenu,.light-mode.dark-menu .resp-vtabs ul.resp-tabs-list,.light-mode.dark-menu .side-header {
    background: #30304d
}

.light-mode.dark-menu .resp-vtabs li.active.resp-tab-item {
    background: hsla(0,0%,100%,.05)!important;
    color: #5e2dd8
}

.light-mode.dark-menu .second-sidemenu {
    background-color: #30304d
}

.light-mode.dark-menu .resp-vtabs .resp-tabs-list li {
    border: 1px solid hsla(0,0%,100%,.07)!important;
    border-left: 0!important;
    border-top: 0!important
}

.light-mode.dark-menu .resp-vtabs li:hover {
    background: transparent!important
}

.light-mode.dark-menu .side-menu .resp-tab-active .side-menu__icon {
    color: #8061ce!important
}

.light-mode.dark-menu .slide-item {
    border-bottom: 0
}

.light-mode.dark-menu .resp-vtabs li.resp-tab-active {
    border-right: 0!important
}

.light-mode.dark-menu .settings-icon {
    border: 1px solid hsla(0,0%,100%,.1)!important
}

.light-mode.dark-menu .app-sidebar {
    background: #30304d!important
}

.light-mode.dark-menu .resp-vtabs .resp-tabs-container {
    color: #fff
}

.light-mode.dark-menu .progress {
    box-shadow: none
}

@media (min-width: 768px) {
    .dark-menu.sidebar-mini.sidenav-toggled .first-sidemenu,.light-mode.dark-menu.sidebar-mini.sidenav-toggled .first-sidemenu,.transparent-mode.dark-menu.sidebar-mini.sidenav-toggled .first-sidemenu {
        border-top:0!important
    }

    .dark-menu.sidebar-mini.sidenav-toggled .app-sidebar__user,.light-mode.dark-menu.sidebar-mini.sidenav-toggled .app-sidebar__user,.transparent-mode.dark-menu.sidebar-mini.sidenav-toggled .app-sidebar__user {
        border-bottom: 1px solid hsla(0,0%,88.2%,.1)
    }
}

@media (max-width: 767px) {
    .dark-menu .side-menu,.light-mode.dark-menu .side-menu,.transparent-mode.dark-menu .side-menu {
        border-top:1px solid #3f3f5a
    }

    .dark-menu .mobile-header,.light-mode.dark-menu .mobile-header,.transparent-mode.dark-menu .mobile-header {
        border-bottom: 1px solid hsla(0,0%,100%,.1)!important;
        box-shadow: none
    }
}

.color-menu .slide-item:hover,.gradient-menu.slide-item.active {
    color: hsla(0,0%,100%,.4)
}

.gradient-menu .slide-item {
    color: #fff
}

.gradient-menu .slide-item:focus {
    color: hsla(0,0%,100%,.4)
}

.gradient-menu .side-header .header-brand-img.light-logo1 {
    display: none
}

.gradient-menu .side-header .header-brand-img.desktop-logo {
    display: block
}

.gradient-menu .app-sidebar__toggle,.gradient-menu .app-sidebar__toggle:hover {
    color: #fff
}

.gradient-menu .side-header {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.gradient-menu .user-info .text-dark {
    color: #fff!important
}

.gradient-menu .user-info .text-muted {
    color: hsla(0,0%,100%,.4)!important
}

.gradient-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.gradient-menu .sidebar-navs a {
    border: 1px solid hsla(0,0%,100%,.1)!important;
    color: #fff!important
}

.gradient-menu .side-menu h3 {
    color: hsla(0,0%,100%,.3);
    opacity: 1
}

.gradient-menu .slide-menu {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.gradient-menu .slide-menu li.active:before {
    background: hsla(0,0%,100%,.1)
}

.gradient-menu .slide-menu li.active:after {
    background: hsla(0,0%,100%,.5)
}

.gradient-menu .slide-item.active,.gradient-menu .slide-item:focus,.gradient-menu .slide-item:hover,.gradient-menu .slide-menu a.active {
    color: hsla(0,0%,100%,.4)
}

.gradient-menu .side-menu .side-menu__icon,.gradient-menu .side-menu__item,.gradient-menu .slide-item {
    color: hsla(0,0%,100%,.7)
}

.gradient-menu .side-header {
    background: #bc4093
}

.gradient-menu .first-sidemenu,.gradient-menu .resp-vtabs ul.resp-tabs-list {
    background: transparent
}

.gradient-menu .resp-vtabs li.active.resp-tab-item {
    background: rgba(0,0,0,.07)!important;
    color: #fff
}

.gradient-menu .second-sidemenu {
    background-color: transparent
}

.gradient-menu .resp-vtabs .resp-tabs-list li {
    border: 1px solid hsla(0,0%,100%,.07)!important;
    border-left: 0!important;
    border-top: 0!important
}

.gradient-menu .resp-vtabs li:hover {
    background: transparent!important
}

.gradient-menu .side-menu .resp-tab-active .side-menu__icon {
    color: #fff!important
}

.gradient-menu .slide-item {
    border-bottom: 0
}

.gradient-menu .resp-vtabs li.resp-tab-active {
    background: transparent!important;
    border-right: 0!important
}

.gradient-menu .settings-icon {
    border: 1px solid hsla(0,0%,100%,.1)!important
}

.gradient-menu .app-sidebar {
    background: linear-gradient(0deg,#0250c5 0,#d43f8d)!important
}

.gradient-menu .resp-vtabs .resp-tabs-container {
    color: #fff
}

.gradient-menu .progress {
    box-shadow: none
}

.transparent-mode.gradient-menu .first-sidemenu,.transparent-mode.gradient-menu .resp-vtabs ul.resp-tabs-list {
    background: transparent
}

.transparent-mode.gradient-menu .resp-vtabs li.active.resp-tab-item {
    background: rgba(0,0,0,.07)!important;
    color: #fff
}

.transparent-mode.gradient-menu .second-sidemenu {
    background-color: transparent
}

.transparent-mode.gradient-menu .resp-vtabs .resp-tabs-list li {
    border: 1px solid hsla(0,0%,100%,.07)!important;
    border-left: 0!important;
    border-top: 0!important
}

.transparent-mode.gradient-menu .resp-vtabs li:hover {
    background: transparent!important
}

.transparent-mode.gradient-menu .side-menu .resp-tab-active .side-menu__icon {
    color: #fff!important
}

.transparent-mode.gradient-menu .slide-item {
    border-bottom: 0
}

.transparent-mode.gradient-menu .resp-vtabs li.resp-tab-active {
    background: transparent!important;
    border-right: 0!important
}

.transparent-mode.gradient-menu .settings-icon {
    border: 1px solid hsla(0,0%,100%,.1)!important
}

.transparent-mode.gradient-menu .resp-vtabs .resp-tabs-container {
    color: #fff
}

.transparent-mode.gradient-menu .progress {
    box-shadow: none
}

.light-mode.gradient-menu .first-sidemenu,.light-mode.gradient-menu .resp-vtabs ul.resp-tabs-list {
    background: transparent
}

.light-mode.gradient-menu .resp-vtabs li.active.resp-tab-item {
    background: rgba(0,0,0,.07)!important;
    color: #fff
}

.light-mode.gradient-menu .second-sidemenu {
    background-color: transparent
}

.light-mode.gradient-menu .resp-vtabs .resp-tabs-list li {
    border: 1px solid hsla(0,0%,100%,.07)!important;
    border-left: 0!important;
    border-top: 0!important
}

.light-mode.gradient-menu .resp-vtabs li:hover {
    background: transparent!important
}

.light-mode.gradient-menu .side-menu .resp-tab-active .side-menu__icon {
    color: #fff!important
}

.light-mode.gradient-menu .slide-item {
    border-bottom: 0
}

.light-mode.gradient-menu .resp-vtabs li.resp-tab-active {
    background: transparent;
    border-right: 0!important
}

.light-mode.gradient-menu .settings-icon {
    border: 1px solid hsla(0,0%,100%,.1)!important
}

.light-mode.gradient-menu .app-sidebar {
    background: linear-gradient(0deg,#0250c5 0,#d43f8d)!important
}

.light-mode.gradient-menu .resp-vtabs .resp-tabs-container {
    color: #fff
}

.light-mode.gradient-menu .progress {
    box-shadow: none
}

@media (min-width: 768px) {
    .gradient-menu.sidebar-mini.sidenav-toggled .first-sidemenu,.light-mode.gradient-menu.sidebar-mini.sidenav-toggled .first-sidemenu,.transparent-mode.gradient-menu.sidebar-mini.sidenav-toggled .first-sidemenu {
        border-top:0!important
    }

    .gradient-menu.sidebar-mini.sidenav-toggled .app-sidebar__user,.light-mode.gradient-menu.sidebar-mini.sidenav-toggled .app-sidebar__user,.transparent-mode.gradient-menu.sidebar-mini.sidenav-toggled .app-sidebar__user {
        border-bottom: 1px solid hsla(0,0%,88.2%,.1)
    }
}

@media (max-width: 767px) {
    .gradient-menu .side-menu,.light-mode.gradient-menu .side-menu,.transparent-mode.gradient-menu .side-menu {
        border-top:1px solid #a356a6
    }

    .gradient-menu .mobile-header,.light-mode.gradient-menu .mobile-header,.transparent-mode.gradient-menu .mobile-header {
        border-bottom: 1px solid hsla(0,0%,100%,.1)!important;
        box-shadow: none
    }
}

.gradient-menu .app-sidebar .second-sidemenu .text-primary {
    color: #af8fff!important
}

.gradient-menu .app-sidebar .second-sidemenu .bg-primary {
    background: #af8fff!important
}

.transparent-mode.color-menu .app-sidebar .sidebar-navs,.transparent-mode.color-menu .side-header {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.color-menu .slide-item {
    color: #fff
}

.transparent-mode.color-menu .side-header .header-brand-img.light-logo1 {
    display: none
}

.transparent-mode.color-menu .side-header .header-brand-img.desktop-logo {
    display: block
}

.transparent-mode.color-menu .app-sidebar__toggle,.transparent-mode.color-menu .app-sidebar__toggle:hover {
    color: #fff
}

.transparent-mode.color-menu .side-header {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.color-menu .user-info .text-dark {
    color: #fff!important
}

.transparent-mode.color-menu .user-info .text-muted {
    color: hsla(0,0%,100%,.4)!important
}

.transparent-mode.color-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.color-menu .sidebar-navs a {
    border: 1px solid hsla(0,0%,100%,.1)!important;
    color: #fff!important
}

.transparent-mode.color-menu .side-menu h3 {
    color: hsla(0,0%,100%,.3);
    opacity: 1
}

.transparent-mode.color-menu .slide-menu {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.color-menu .slide-menu li.active:before {
    background: hsla(0,0%,100%,.1)
}

.transparent-mode.color-menu .slide-menu li.active:after {
    background: hsla(0,0%,100%,.5)
}

.transparent-mode.color-menu .slide-item.active,.transparent-mode.color-menu .slide-item:focus,.transparent-mode.color-menu .slide-item:hover,.transparent-mode.color-menu .slide-menu a.active {
    color: hsla(0,0%,100%,.4)
}

.transparent-mode.color-menu .side-menu .side-menu__icon,.transparent-mode.color-menu .side-menu__item,.transparent-mode.color-menu .slide-item {
    color: hsla(0,0%,100%,.7)
}

.transparent-mode.dark-menu .app-sidebar {
    background: #30304d!important
}

.transparent-mode.dark-menu .side-header {
    background: #30304d
}

.transparent-mode.dark-menu .slide-item {
    color: #fff
}

.transparent-mode.dark-menu .side-header .header-brand-img.light-logo1 {
    display: none
}

.transparent-mode.dark-menu .side-header .header-brand-img.desktop-logo {
    display: block
}

.transparent-mode.dark-menu .app-sidebar__toggle,.transparent-mode.dark-menu .app-sidebar__toggle:hover {
    color: #fff
}

.transparent-mode.dark-menu .side-header {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.dark-menu .user-info .text-dark {
    color: #fff!important
}

.transparent-mode.dark-menu .user-info .text-muted {
    color: hsla(0,0%,100%,.4)!important
}

.transparent-mode.dark-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.dark-menu .sidebar-navs a {
    border: 1px solid hsla(0,0%,100%,.1)!important;
    color: #fff!important
}

.transparent-mode.dark-menu .side-menu h3 {
    color: hsla(0,0%,100%,.3);
    opacity: 1
}

.transparent-mode.dark-menu .slide-menu {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.dark-menu .slide-menu li.active:before {
    background: hsla(0,0%,100%,.1)
}

.transparent-mode.dark-menu .slide-menu li.active:after {
    background: hsla(0,0%,100%,.5)
}

.transparent-mode.dark-menu .slide-item.active,.transparent-mode.dark-menu .slide-item:focus,.transparent-mode.dark-menu .slide-item:hover,.transparent-mode.dark-menu .slide-menu a.active {
    color: hsla(0,0%,100%,.4)
}

.transparent-mode.dark-menu .side-menu .side-menu__icon,.transparent-mode.dark-menu .side-menu__item,.transparent-mode.dark-menu .slide-item {
    color: hsla(0,0%,100%,.7)
}

.transparent-mode.gradient-menu .app-sidebar {
    background: linear-gradient(0deg,#0250c5 0,#d43f8d)!important
}

.transparent-mode.color-menu .slide-item:hover,.transparent-mode.gradient-menu.slide-item.active {
    color: hsla(0,0%,100%,.4)
}

.transparent-mode.gradient-menu .slide-item {
    color: #fff
}

.transparent-mode.gradient-menu .slide-item:focus {
    color: hsla(0,0%,100%,.4)
}

.transparent-mode.gradient-menu .side-header .header-brand-img.light-logo1 {
    display: none
}

.transparent-mode.gradient-menu .side-header .header-brand-img.desktop-logo {
    display: block
}

.transparent-mode.gradient-menu .app-sidebar__toggle,.transparent-mode.gradient-menu .app-sidebar__toggle:hover {
    color: #fff
}

.transparent-mode.gradient-menu .side-header {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.gradient-menu .user-info .text-dark {
    color: #fff!important
}

.transparent-mode.gradient-menu .user-info .text-muted {
    color: hsla(0,0%,100%,.4)!important
}

.transparent-mode.gradient-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.gradient-menu .sidebar-navs a {
    border: 1px solid hsla(0,0%,100%,.1)!important;
    color: #fff!important
}

.transparent-mode.gradient-menu .side-menu h3 {
    color: hsla(0,0%,100%,.3);
    opacity: 1
}

.transparent-mode.gradient-menu .slide-menu {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.gradient-menu .slide-menu li.active:before {
    background: hsla(0,0%,100%,.1)
}

.transparent-mode.gradient-menu .slide-menu li.active:after {
    background: hsla(0,0%,100%,.5)
}

.transparent-mode.gradient-menu .slide-item.active,.transparent-mode.gradient-menu .slide-item:focus,.transparent-mode.gradient-menu .slide-item:hover,.transparent-mode.gradient-menu .slide-menu a.active {
    color: hsla(0,0%,100%,.4)
}

.transparent-mode.gradient-menu .side-menu .side-menu__icon,.transparent-mode.gradient-menu .side-menu__item,.transparent-mode.gradient-menu .slide-item {
    color: hsla(0,0%,100%,.7)
}

.transparent-mode.gradient-menu .side-header {
    background: #bc4093
}

.transparent-mode.sidemenu-bgimage.color-menu .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.transparent-mode.sidemenu-bgimage.color-menu .app-sidebar:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.transparent-mode.sidemenu-bgimage.color-menu .side-header {
    background: transparent;
    border-bottom: 4px solid hsla(0,0%,100%,.1)!important
}

.transparent-mode.sidemenu-bgimage.color-menu .side-header:before {
    content: "";
    background: rgba(94,45,216,.94);
    position: absolute;
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: left .3s ease,width .3s ease
}

.toggle-sidebar.transparent-mode.sidemenu-bgimage.color-menu .side-header:before {
    content: "";
    background: rgba(94,45,216,.94);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: none
}

@media (min-width: 768px) {
    .transparent-mode.sidemenu-bgimage.color-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.transparent-mode.sidemenu-bgimage.color-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.transparent-mode.sidemenu-bgimage.dark-menu .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.transparent-mode.sidemenu-bgimage.dark-menu .app-sidebar:before {
    content: "";
    background: rgba(15,9,31,.89);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.transparent-mode.sidemenu-bgimage.dark-menu .side-header {
    background: transparent;
    border-bottom: 4px solid hsla(0,0%,100%,.1)!important
}

.transparent-mode.sidemenu-bgimage.dark-menu .side-header:before {
    content: "";
    background: rgba(15,9,31,.89);
    position: absolute;
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: left .3s ease,width .3s ease
}

.toggle-sidebar.transparent-mode.sidemenu-bgimage.dark-menu .side-header:before {
    content: "";
    background: rgba(15,9,31,.89);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: none
}

@media (min-width: 768px) {
    .transparent-mode.sidemenu-bgimage.dark-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.transparent-mode.sidemenu-bgimage.dark-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.transparent-mode.sidemenu-bgimage.gradient-menu .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.transparent-mode.sidemenu-bgimage.gradient-menu .app-sidebar:before {
    content: "";
    background: linear-gradient(0deg,rgba(2,80,197,.94) 0,rgba(212,63,141,.94))!important;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.transparent-mode.sidemenu-bgimage.gradient-menu .side-header {
    background: transparent;
    border-bottom: 4px solid hsla(0,0%,100%,.1)!important
}

.transparent-mode.sidemenu-bgimage.gradient-menu .side-header:before {
    content: "";
    background: rgba(212,63,141,.94);
    position: absolute;
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: left .3s ease,width .3s ease
}

.toggle-sidebar.transparent-mode.sidemenu-bgimage.gradient-menu .side-header:before {
    content: "";
    background: rgba(212,63,141,.94);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: none
}

@media (min-width: 768px) {
    .transparent-mode.sidemenu-bgimage.gradient-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.transparent-mode.sidemenu-bgimage.gradient-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.dark-mode.color-menu .app-sidebar .sidebar-navs,.dark-mode.color-menu .side-header {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.color-menu .slide-item {
    color: #fff
}

.dark-mode.color-menu .side-header .header-brand-img.light-logo1 {
    display: none
}

.dark-mode.color-menu .side-header .header-brand-img.desktop-logo {
    display: block
}

.dark-mode.color-menu .app-sidebar__toggle,.dark-mode.color-menu .app-sidebar__toggle:hover {
    color: #fff
}

.dark-mode.color-menu .side-header {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.color-menu .user-info .text-dark {
    color: #fff!important
}

.dark-mode.color-menu .user-info .text-muted {
    color: hsla(0,0%,100%,.4)!important
}

.dark-mode.color-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.color-menu .sidebar-navs a {
    border: 1px solid hsla(0,0%,100%,.1)!important;
    color: #fff!important
}

.dark-mode.color-menu .side-menu h3 {
    color: hsla(0,0%,100%,.3);
    opacity: 1
}

.dark-mode.color-menu .slide-menu {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.color-menu .slide-menu li.active:before {
    background: hsla(0,0%,100%,.1)
}

.dark-mode.color-menu .slide-menu li.active:after {
    background: hsla(0,0%,100%,.5)
}

.dark-mode.color-menu .slide-item.active,.dark-mode.color-menu .slide-item:focus,.dark-mode.color-menu .slide-item:hover,.dark-mode.color-menu .slide-menu a.active {
    color: hsla(0,0%,100%,.4)
}

.dark-mode.color-menu .side-menu .side-menu__icon,.dark-mode.color-menu .side-menu__item,.dark-mode.color-menu .slide-item {
    color: hsla(0,0%,100%,.7)
}

.dark-mode.dark-menu .app-sidebar {
    background: #30304d!important
}

.dark-mode.dark-menu .side-header {
    background: #30304d
}

.dark-mode.transparent-mode.dark-menu .slide-item {
    color: #fff
}

.dark-mode.dark-menu .side-header .header-brand-img.light-logo1 {
    display: none
}

.dark-mode.dark-menu .side-header .header-brand-img.desktop-logo {
    display: block
}

.dark-mode.dark-menu .app-sidebar__toggle,.dark-mode.dark-menu .app-sidebar__toggle:hover {
    color: #fff
}

.dark-mode.dark-menu .side-header {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.dark-menu .user-info .text-dark {
    color: #fff!important
}

.dark-mode.dark-menu .user-info .text-muted {
    color: hsla(0,0%,100%,.4)!important
}

.dark-mode.dark-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.dark-menu .sidebar-navs a {
    border: 1px solid hsla(0,0%,100%,.1)!important;
    color: #fff!important
}

.dark-mode.dark-menu .side-menu h3 {
    color: hsla(0,0%,100%,.3);
    opacity: 1
}

.dark-mode.dark-menu .slide-menu {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.dark-menu .slide-menu li.active:before {
    background: hsla(0,0%,100%,.1)
}

.dark-mode.dark-menu .slide-menu li.active:after {
    background: hsla(0,0%,100%,.5)
}

.dark-mode.dark-menu .slide-item.active,.dark-mode.dark-menu .slide-item:focus,.dark-mode.dark-menu .slide-item:hover,.dark-mode.dark-menu .slide-menu a.active {
    color: hsla(0,0%,100%,.4)
}

.dark-mode.dark-menu .side-menu .side-menu__icon,.dark-mode.dark-menu .side-menu__item,.dark-mode.dark-menu .slide-item {
    color: hsla(0,0%,100%,.7)
}

.dark-mode.gradient-menu .app-sidebar {
    background: linear-gradient(0deg,#0250c5 0,#d43f8d)!important
}

.dark-mode.color-menu .slide-item:hover,.dark-mode.gradient-menu.slide-item.active {
    color: hsla(0,0%,100%,.4)
}

.dark-mode.gradient-menu .slide-item {
    color: #fff
}

.dark-mode.gradient-menu .slide-item:focus {
    color: hsla(0,0%,100%,.4)
}

.dark-mode.gradient-menu .side-header .header-brand-img.light-logo1 {
    display: none
}

.dark-mode.gradient-menu .side-header .header-brand-img.desktop-logo {
    display: block
}

.dark-mode.gradient-menu .app-sidebar__toggle,.dark-mode.gradient-menu .app-sidebar__toggle:hover {
    color: #fff
}

.dark-mode.gradient-menu .side-header {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.gradient-menu .user-info .text-dark {
    color: #fff!important
}

.dark-mode.gradient-menu .user-info .text-muted {
    color: hsla(0,0%,100%,.4)!important
}

.dark-mode.gradient-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.gradient-menu .sidebar-navs a {
    border: 1px solid hsla(0,0%,100%,.1)!important;
    color: #fff!important
}

.dark-mode.gradient-menu .side-menu h3 {
    color: hsla(0,0%,100%,.3);
    opacity: 1
}

.dark-mode.gradient-menu .slide-menu {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.gradient-menu .slide-menu li.active:before {
    background: hsla(0,0%,100%,.1)
}

.dark-mode.gradient-menu .slide-menu li.active:after {
    background: hsla(0,0%,100%,.5)
}

.dark-mode.gradient-menu .slide-item.active,.dark-mode.gradient-menu .slide-item:focus,.dark-mode.gradient-menu .slide-item:hover,.dark-mode.gradient-menu .slide-menu a.active {
    color: hsla(0,0%,100%,.4)
}

.dark-mode.gradient-menu .side-menu .side-menu__icon,.dark-mode.gradient-menu .side-menu__item,.dark-mode.gradient-menu .slide-item {
    color: hsla(0,0%,100%,.7)
}

.dark-mode.gradient-menu .side-header {
    background: #bc4093
}

.dark-mode.sidemenu-bgimage.color-menu .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.dark-mode.sidemenu-bgimage.color-menu .app-sidebar:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.dark-mode.sidemenu-bgimage.color-menu .side-header {
    background: transparent;
    border-bottom: 4px solid hsla(0,0%,100%,.1)!important
}

.dark-mode.sidemenu-bgimage.color-menu .side-header:before {
    content: "";
    background: rgba(94,45,216,.94);
    position: absolute;
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: left .3s ease,width .3s ease
}

.toggle-sidebar.dark-mode.sidemenu-bgimage.color-menu .side-header:before {
    content: "";
    background: rgba(94,45,216,.94);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: none
}

@media (min-width: 768px) {
    .dark-mode.sidemenu-bgimage.color-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.dark-mode.sidemenu-bgimage.color-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.dark-mode.sidemenu-bgimage.dark-menu .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.dark-mode.sidemenu-bgimage.dark-menu .app-sidebar:before {
    content: "";
    background: rgba(48,48,77,.95);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.dark-mode.sidemenu-bgimage.dark-menu .side-header {
    background: transparent;
    border-bottom: 4px solid hsla(0,0%,100%,.1)!important
}

.dark-mode.sidemenu-bgimage.dark-menu .side-header:before {
    content: "";
    background: rgba(48,48,77,.95);
    position: absolute;
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: left .3s ease,width .3s ease
}

.toggle-sidebar.dark-mode.sidemenu-bgimage.dark-menu .side-header:before {
    content: "";
    background: rgba(48,48,77,.95);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: none
}

@media (min-width: 768px) {
    .dark-mode.sidemenu-bgimage.dark-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.dark-mode.sidemenu-bgimage.dark-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.dark-mode.sidemenu-bgimage.gradient-menu .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.dark-mode.sidemenu-bgimage.gradient-menu .app-sidebar:before {
    content: "";
    background: linear-gradient(0deg,rgba(2,80,197,.94) 0,rgba(212,63,141,.94))!important;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.dark-mode.sidemenu-bgimage.gradient-menu .side-header {
    background: transparent;
    border-bottom: 4px solid hsla(0,0%,100%,.1)!important
}

.dark-mode.sidemenu-bgimage.gradient-menu .side-header:before {
    content: "";
    background: rgba(212,63,141,.94);
    position: absolute;
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: left .3s ease,width .3s ease
}

.toggle-sidebar.dark-mode.sidemenu-bgimage.gradient-menu .side-header:before {
    content: "";
    background: rgba(212,63,141,.94);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: none
}

@media (min-width: 768px) {
    .dark-mode.sidemenu-bgimage.gradient-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.dark-mode.sidemenu-bgimage.gradient-menu.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

.dark-mode.light-menu .app-sidebar {
    background: #fff!important;
    border-right: 0 solid #eaedf1
}

.dark-mode.light-menu .side-header {
    border-bottom: 1px solid #eaedf1
}

.dark-mode.light-menu .user-info .text-muted {
    color: #68798b!important
}

.dark-mode.light-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid #eaedf1
}

.dark-mode.light-menu .side-menu h3 {
    color: #68798b;
    opacity: .7
}

.dark-mode.light-menu .slide-item {
    color: #25252a
}

.dark-mode.light-menu .slide-item.active,.dark-mode.light-menu .slide-item:focus,.dark-mode.light-menu .slide-item:hover {
    color: #7d7d84
}

.dark-mode.light-menu .slide-menu {
    border-left: 1px solid #eaedf1
}

.dark-mode.light-menu .slide-menu li.active:after,.dark-mode.light-menu .slide-menu li.active:before {
    background: #eaedf1
}

.dark-mode.light-menu .side-menu .side-menu__icon,.dark-mode.light-menu .side-menu__item {
    color: #25252a
}

.dark-mode.light-menu .side-header .header-brand-img.desktop-logo {
    display: none
}

.dark-mode.light-menu .side-header .header-brand-img.light-logo1 {
    display: block
}

.dark-mode.light-menu .app-sidebar__toggle {
    color: #25252a
}

.dark-mode.light-menu .user-info .text-dark {
    color: #25252a!important
}

.dark-mode.light-menu .app-sidebar__toggle:hover {
    color: #25252a
}

.dark-mode.light-menu .sidebar-navs a {
    background: hsla(0,0%,100%,.1);
    border: 1px solid #eaedf1!important;
    color: #68798b!important
}

.dark-mode.light-menu .sidebar-navs .nav-link {
    padding: .2rem .8rem
}

.dark-mode.light-menu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo {
    display: none;
    margin-right: 0
}

.dark-mode.light-menu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1,.dark-mode.light-menu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.toggle-logo {
    display: none
}

.dark-mode.light-menu .side-header {
    background: #fff
}

.dark-mode.light-menu.sidemenu-bgimage .app-sidebar {
    background: url(../images/media/bg.jpg)!important;
    background-size: cover
}

.dark-mode.light-menu.sidemenu-bgimage .app-sidebar:before {
    content: "";
    position: absolute;
    background: hsla(0,0%,100%,.95);
    width: 100%;
    height: 100%;
    display: block
}

.dark-mode.light-menu.sidemenu-bgimage .side-header {
    background: transparent;
    border-bottom: 4px solid rgba(0,0,0,.05)!important
}

.dark-mode.light-menu.sidemenu-bgimage .side-header:before {
    content: "";
    position: absolute;
    background: hsla(0,0%,100%,.95);
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: left .3s ease,width .3s ease
}

.toggle-sidebar.dark-mode.light-menu.sidemenu-bgimage .side-header:before {
    content: "";
    background: hsla(0,0%,100%,.95);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    transition: none
}

.dark-mode.light-menu .first-sidemenu,.dark-mode.light-menu .resp-vtabs ul.resp-tabs-list,.dark-mode.light-menu .side-header {
    background: #fff
}

.dark-mode.light-menu .resp-vtabs li.active.resp-tab-item {
    background: #fff!important;
    color: #5e2dd8
}

.dark-mode.light-menu .second-sidemenu {
    background-color: #fff
}

.dark-mode.light-menu .resp-vtabs .resp-tabs-list li {
    border: 1px solid #eaedf1!important;
    border-left: 0!important;
    border-top: 0!important
}

.dark-mode.light-menu .resp-vtabs li:hover {
    background: transparent!important
}

.dark-mode.light-menu .side-menu .resp-tab-active .side-menu__icon {
    color: #8061ce!important
}

.dark-mode.light-menu .slide-item {
    border-bottom: 0
}

.dark-mode.light-menu .resp-vtabs li.resp-tab-active {
    border-right: 0!important
}

.dark-mode.light-menu .settings-icon {
    border: 1px solid #eaedf1!important
}

.dark-mode.light-menu .resp-vtabs .resp-tab-content {
    color: #25252a
}

.dark-mode.light-menu .first-sidemenu .resp-tabs-list li.resp-tab-active {
    border-right: 0!important
}

@media (min-width: 768px) {
    .dark-mode.light-menu.sidemenu-bgimage.app.sidebar-mini.sidenav-toggled .side-header:before {
        width:100px!important
    }

    .toggle-sidebar.dark-mode.light-menu.sidemenu-bgimage.app.sidebar-mini.sidenav-toggled .side-header:before {
        width: 70px!important
    }
}

@media (max-width: 767px) {
    .dark-menu .mobile-header {
        background:#30304d!important
    }

    .dark-menu .mobile-header .header-brand-img.desktop-logo {
        display: block
    }

    .dark-menu .mobile-header .header-brand-img.mobile-light {
        display: none
    }

    .dark-menu .mobile-header .header-settings .nav-link.icon i,.dark-menu .mobile-header .nav-link.icon i,.dark-menu .mobile-header .navbar-toggler-icon {
        color: #fff!important
    }
}

@media (max-width: 767px) {
    .color-hor-header .mobile-header .header-brand-img.desktop-logo {
        display:block
    }

    .color-hor-header .mobile-header .header-brand-img.mobile-light {
        display: none
    }

    .color-hor-header .mobile-header .header-settings .nav-link.icon i,.color-hor-header .mobile-header .nav-link.icon i,.color-hor-header .mobile-header .navbar-toggler-icon {
        color: #fff!important
    }

    .color-menu .mobile-header .header-brand-img.desktop-logo {
        display: block
    }

    .color-menu .mobile-header .header-brand-img.mobile-light {
        display: none
    }

    .color-menu .mobile-header .header-settings .nav-link.icon i,.color-menu .mobile-header .nav-link.icon i,.color-menu .mobile-header .navbar-toggler-icon {
        color: #fff!important
    }
}

.color-hor-header .animated-arrow span,.color-hor-header .animated-arrow span:after,.color-hor-header .animated-arrow span:before {
    background: #fff!important
}

@media (max-width: 992px) and (min-width:768px) {
    .color-hor-header .mobile-header .header-brand-img.desktop-logo {
        display:block
    }

    .color-hor-header .mobile-header .header-brand-img.mobile-light {
        display: none
    }

    .color-hor-header .mobile-header .nav-link.icon i {
        color: #76839a!important
    }

    .color-hor-header .mobile-header .header-settings .nav-link.icon i,.color-hor-header .mobile-header .navbar-toggler-icon {
        color: #fff!important
    }
}

@media (max-width: 767px) {
    .gradient-hor-header .mobile-header {
        background:linear-gradient(270deg,#0250c5 0,#d43f8d)!important
    }

    .gradient-hor-header .mobile-header .header-brand-img.desktop-logo {
        display: block
    }

    .gradient-hor-header .mobile-header .header-brand-img.mobile-light {
        display: none
    }

    .gradient-hor-header .mobile-header .nav-link.icon i {
        color: #76839a!important
    }

    .gradient-hor-header .mobile-header .header-settings .nav-link.icon i,.gradient-hor-header .mobile-header .navbar-toggler-icon {
        color: #fff!important
    }

    .gradient-menu .mobile-header {
        background: linear-gradient(270deg,#0250c5 0,#d43f8d)!important
    }

    .gradient-menu .mobile-header .header-brand-img.desktop-logo {
        display: block
    }

    .gradient-menu .mobile-header .header-brand-img.mobile-light {
        display: none
    }

    .gradient-menu .mobile-header .header-settings .nav-link.icon i,.gradient-menu .mobile-header .nav-link.icon i,.gradient-menu .mobile-header .navbar-toggler-icon {
        color: #fff!important
    }

    .transparent-mode .mobile-header {
        background: #f0f1fb;
        border-bottom: 1px solid #d3dce9;
        box-shadow: 0 0 40px 0 rgba(234,238,249,.5)
    }

    .transparent-mode .mobile-header .app-sidebar__toggle {
        color: #76839a
    }

    .dark-mode .mobile-header {
        background-color: #0c0c0d;
        border: 1px solid transparent;
        box-shadow: none
    }

    .dark-mode .mobile-header .header-brand-img.desktop-logo {
        display: block
    }

    .dark-mode .mobile-header .header-brand-img.mobile-light {
        display: none
    }

    .transparent-mode.light-menu .mobile-header {
        background: #fff
    }

    .transparent-mode.color-menu .mobile-header .app-sidebar__toggle,.transparent-mode.dark-menu .mobile-header .app-sidebar__toggle,.transparent-mode.gradient-menu .mobile-header .app-sidebar__toggle {
        color: #fff
    }

    .dark-mode.dark-menu .mobile-header {
        background-color: #30304d!important
    }

    .dark-mode.light-menu .mobile-header {
        background: #30304d
    }

    .dark-mode.light-menu .mobile-header .header-brand-img.desktop-logo {
        display: none
    }

    .dark-mode.light-menu .mobile-header .header-brand-img.mobile-light {
        display: block
    }

    .dark-mode.light-menu .mobile-header .header-settings .nav-link.icon i,.dark-mode.light-menu .mobile-header .navbar-toggler-icon {
        color: #76839a!important
    }

    .dark-mode.light-hor-header .mobile-header {
        background: #30304d
    }

    .dark-mode.light-hor-header .mobile-header .header-settings .nav-link.icon i,.dark-mode.light-hor-header .mobile-header .navbar-toggler-icon {
        color: #dedefd!important
    }
}

.dark-mode.light-hor-header .animated-arrow span,.dark-mode.light-hor-header .animated-arrow span:after,.dark-mode.light-hor-header .animated-arrow span:before {
    background: #dedefd!important
}

.gradient-hor-header .animated-arrow span,.gradient-hor-header .animated-arrow span:after,.gradient-hor-header .animated-arrow span:before {
    background: #fff!important
}

@media (max-width: 992px) and (min-width:768px) {
    .gradient-hor-header .mobile-header {
        background:linear-gradient(270deg,#0250c5 0,#d43f8d)!important
    }

    .gradient-hor-header .mobile-header .header-brand-img.desktop-logo {
        display: block
    }

    .gradient-hor-header .mobile-header .header-brand-img.mobile-light {
        display: none
    }

    .gradient-hor-header .mobile-header .nav-link.icon i {
        color: #76839a!important
    }

    .dark-mode.light-hor-header .header.hor-header .nav-link.icon i,.gradient-hor-header .mobile-header .header-settings .nav-link.icon i,.gradient-hor-header .mobile-header .navbar-toggler-icon {
        color: #fff!important
    }
}

.transparent-mode .header,.transparent-mode .horizontal-main.hor-menu {
    background: #f0f1fb;
    border-bottom: 1px solid #d3dce9
}

.transparent-mode .horizontalMenu>.horizontalMenu-list>li>a {
    border-right: 1px solid #d3dce9
}

.transparent-mode .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid #d3dce9
}

.transparent-mode .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid #d3dce9
}

.transparent-mode .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,.transparent-mode .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    background: #f0f1fb
}

.dark-mode .horizontal-main.hor-menu {
    background: #30304d
}

.dark-mode .horizontalMenu>.horizontalMenu-list>li>a {
    border-right: 1px solid hsla(0,0%,100%,.1);
    color: #dedefd
}

.dark-mode .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,.dark-mode .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    background: #30304d
}

.dark-mode .horizontalMenu h3 {
    color: #dedefd
}

@media only screen and (max-width: 991px) {
    .dark-mode .horizontalMenu>.horizontalMenu-list>li>a {
        color:#dedefd;
        border-bottom: 1px solid hsla(0,0%,100%,.1)
    }
}

.color-hor-header .hor-header .header-brand-img.desktop-logo {
    display: none
}

.color-hor-header .hor-header .header-brand-img.light-logo {
    display: block
}

.color-hor-header .header-right-icons .nav-link.icon:hover {
    background: rgba(0,0,0,.08)!important
}

.color-hor-header .header-right-icons .profile-user:hover {
    box-shadow: 0 0 0 6px rgba(0,0,0,.08)
}

.gradient-hor-header .header.hor-header {
    background: linear-gradient(270deg,#0250c5 0,#d43f8d)!important;
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.gradient-hor-header .hor-header .header-brand-img.desktop-logo {
    display: none
}

.gradient-hor-header .hor-header .header-brand-img.light-logo {
    display: block
}

.gradient-hor-header .header-right-icons .nav-link.icon:hover {
    background: rgba(0,0,0,.08)!important
}

.gradient-hor-header .header-right-icons .profile-user:hover {
    box-shadow: 0 0 0 6px rgba(0,0,0,.08)
}

.transparent-mode.color-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,.transparent-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: hsla(0,0%,100%,.7);
    background: rgba(0,0,0,.1)
}

.transparent-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.transparent-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,.transparent-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: hsla(0,0%,100%,.7);
    background: rgba(0,0,0,.1)
}

.dark-mode.color-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,.dark-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: hsla(0,0%,100%,.7);
    background: rgba(0,0,0,.1)
}

.light-mode.color-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.light-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.light-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.light-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,.light-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: hsla(0,0%,100%,.7);
    background: rgba(0,0,0,.1)
}

.light-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.light-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.light-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.light-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,.light-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: hsla(0,0%,100%,.7);
    background: rgba(0,0,0,.1)
}

.dark-mode.light-hor-menu .header.hor-header,.light-hor-menu .header.hor-header {
    border-bottom: 1px solid #eaedf1
}

.dark-mode.light-hor-menu .horizontal-main.hor-menu,.light-hor-menu .horizontal-main.hor-menu {
    background: #fff
}

.dark-mode.light-hor-menu .horizontalMenu>.horizontalMenu-list>li>a,.light-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #25252a;
    border-right: 1px solid #eaedf1
}

.dark-mode.light-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child,.light-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid #eaedf1
}

.dark-mode.light-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child,.light-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid #eaedf1
}

@media only screen and (max-width: 991px) {
    .light-hor-menu .horizontalMenu>.horizontalMenu-list {
        background:#fff
    }

    .light-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
        border-bottom-color: #eaedf1;
        border-right: 0
    }

    .light-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        background-color: #f2f3f9
    }

    .light-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: #7d7d84
    }

    .light-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: #76839a;
        opacity: .5
    }

    .light-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        background-color: #fff
    }

    .light-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
        color: #25252a
    }

    .light-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
        background-color: #f2f3f9;
        color: #7d7d84
    }

    .light-hor-menu .mega-menubg {
        background: #f2f3f9!important;
        box-shadow: none
    }

    .light-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        background: #f2f3f9!important;
        color: #7d7d84
    }

    .light-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
        color: #b394ff!important
    }
}

@media only screen and (max-width: 991px) {
    .dark-mode.light-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
        border-bottom-color:#eaedf1;
        border-right: 0
    }

    .dark-mode.light-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        background-color: #f2f3f9
    }

    .dark-mode.light-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: #7d7d84
    }

    .dark-mode.light-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: #76839a;
        opacity: .5
    }

    .dark-mode.light-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        background-color: #fff
    }

    .dark-mode.light-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
        color: #25252a
    }

    .dark-mode.light-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
        background-color: #f2f3f9;
        color: #7d7d84
    }

    .dark-mode.light-hor-menu .mega-menubg {
        background: #f2f3f9!important;
        box-shadow: none
    }

    .dark-mode.light-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        background: #f2f3f9!important;
        color: #7d7d84
    }

    .dark-mode.light-hor-menu .horizontalMenu>.horizontalMenu-list {
        background: #fff
    }

    .dark-mode.light-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
        color: #b394ff!important
    }

    .dark-mode.light-hor-menu .horizontalMenu h3 {
        color: #25252a
    }

    .dark-mode.light-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
        color: #5e2dd8;
        background-color: #e7e7e7
    }
}

@media (max-width: 767px) {
    .dark-mode.light-menu .mobile-header {
        background:#fff;
        border-bottom: 1px solid #eaedf1!important;
        box-shadow: none!important
    }

    .dark-mode.light-menu .side-menu {
        border-top: 1px solid #eaedf1
    }

    .dark-mode .header-right-icons .nav-link.icon:hover {
        background: none!important
    }
}

.dark-hor-menu .header.hor-header {
    border-bottom: 1px solid transparent
}

.dark-hor-menu .horizontal-main.hor-menu {
    background: #0f091f;
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

.dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid hsla(0,0%,100%,.2)
}

.dark-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid hsla(0,0%,100%,.2)
}

.dark-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid hsla(0,0%,100%,.2)
}

@media only screen and (max-width: 991px) {
    .dark-hor-menu .horizontalMenu>.horizontalMenu-list {
        background:#0f091f
    }

    .dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
        border-right: 0;
        border-bottom: 1px solid hsla(0,0%,100%,.1)
    }

    .dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: hsla(0,0%,100%,.7)
    }

    .dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: hsla(0,0%,100%,.3)
    }

    .dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        background-color: #170e2d
    }

    .dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        background-color: #0f091f
    }

    .dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
        color: #b394ff!important;
        background: none;
        background-color: #170e2d
    }

    .dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
        color: hsla(0,0%,100%,.7)!important
    }

    .dark-hor-menu .mega-menubg {
        background: #170e2d!important;
        box-shadow: none
    }

    .dark-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        background: #170e2d!important;
        color: hsla(0,0%,100%,.7)
    }

    .dark-hor-menu .sub-menu li a:before {
        color: hsla(0,0%,100%,.2)
    }

    .dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
        color: #b394ff!important
    }

    .dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
        background-color: #000;
        color: #b394ff!important
    }

    .dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu {
        color: #fff
    }
}

.dark-mode.dark-hor-menu .horizontal-main.hor-menu {
    background: #30304d
}

.dark-mode.dark-hor-menu .header.hor-header {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.dark-hor-menu .horizontal-main.hor-menu {
    border-bottom: 1px solid hsla(0,0%,100%,.1)!important
}

.dark-mode .horizontal-main.hor-menu {
    border-bottom: 1px solid #30304d!important
}

.dark-mode.color-hor-menu .horizontal-main.hor-menu,.dark-mode.gradient-hor-menu .horizontal-main.hor-menu {
    border-bottom: 1px solid transparent
}

.color-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: hsla(0,0%,100%,.7);
    background: rgba(0,0,0,.1)
}

.color-hor-menu .horizontal-main.hor-menu {
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

@media only screen and (max-width: 991px) {
    .color-hor-menu .horizontalMenu>.horizontalMenu-list {
        background:linear-gradient(0deg,#0250c5 0,#d43f8d)
    }

    .color-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
        border-right: 0;
        border-bottom: 1px solid hsla(0,0%,100%,.1);
        color: #fff
    }

    .color-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: hsla(0,0%,100%,.7)
    }

    .color-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: hsla(0,0%,100%,.3)
    }

    .color-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        background-color: #170e2d
    }

    .color-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        background-color: #0f091f
    }

    .color-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
        color: #b394ff!important;
        background: none
    }

    .color-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
        color: #b394ff!important
    }

    .color-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
        color: hsla(0,0%,100%,.7)!important
    }

    .color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        color: hsla(0,0%,100%,.7)
    }

    .color-hor-menu .sub-menu li a:before {
        color: hsla(0,0%,100%,.2)
    }

    .color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
        color: hsla(0,0%,100%,.7);
        background: rgba(0,0,0,.1)
    }

    .color-hor-menu .horizontalMenu h3 {
        color: #fff
    }

    .color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
        border-right: 0
    }

    .color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
        border-left: 0
    }

    .color-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
        background-color: #322b6d;
        color: #b394ff!important
    }

    .color-hor-menu .mega-menubg {
        box-shadow: none
    }

    .color-hor-menu.dark-mode .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        background: #3d357d!important
    }
}

.gradient-hor-menu .horizontal-main.hor-menu {
    background: linear-gradient(270deg,#0250c5 0,#d43f8d)!important
}

.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: hsla(0,0%,100%,.7);
    background: rgba(0,0,0,.1)
}

.gradient-hor-menu .horizontal-main.hor-menu {
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

@media only screen and (max-width: 991px) {
    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list {
        background:linear-gradient(0deg,#0250c5 0,#d43f8d)
    }

    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
        border-right: 0;
        border-bottom: 1px solid hsla(0,0%,100%,.1);
        color: #fff
    }

    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: hsla(0,0%,100%,.7)
    }

    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: hsla(0,0%,100%,.3)
    }

    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        background-color: #5d48ac
    }

    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        background-color: #0f091f
    }

    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
        color: #b394ff!important;
        background: none;
        background-color: #none
    }

    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
        color: hsla(0,0%,100%,.7)!important
    }

    .gradient-hor-menu .mega-menubg {
        background: #5d48ac!important;
        box-shadow: none
    }

    .gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        color: hsla(0,0%,100%,.7)
    }

    .gradient-hor-menu .sub-menu li a:before {
        color: hsla(0,0%,100%,.2)
    }

    .gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
        color: hsla(0,0%,100%,.7);
        background: rgba(0,0,0,.1)
    }

    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        background-color: #3d357d
    }

    .gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        background: #5d48ac!important;
        color: hsla(0,0%,100%,.6)
    }

    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        background-color: #393275
    }

    .gradient-hor-menu .horizontalMenu h3 {
        color: #fff
    }

    .gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
        border-right: 0
    }

    .gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
        border-left: 0
    }

    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
        color: #b394ff!important
    }

    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
        background-color: #322b6d;
        color: #b394ff!important
    }
}

.dark-mode.gradient-hor-menu .horizontal-main.hor-menu {
    background: linear-gradient(270deg,#0250c5 0,#d43f8d)!important
}

.dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,.dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: hsla(0,0%,100%,.7);
    background: rgba(0,0,0,.1)
}

.dark-mode.color-hor-header .nav-link.icon i,.dark-mode.gradient-hor-header .nav-link.icon i {
    color: #fff!important
}

.dark-mode.light-hor-menu .header.hor-header {
    border-bottom: 1px solid transparent
}

@media only screen and (max-width: 991px) {
    .dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list {
        background:linear-gradient(0deg,#0250c5 0,#d43f8d)
    }

    .dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
        border-right: 0;
        border-bottom: 1px solid hsla(0,0%,100%,.1);
        color: #fff
    }

    .dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: hsla(0,0%,100%,.7)
    }

    .dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: hsla(0,0%,100%,.3)
    }

    .dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        background-color: #0f091f
    }

    .dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
        color: #b394ff!important;
        background: none;
        background-color: #none
    }

    .dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
        color: hsla(0,0%,100%,.7)!important
    }

    .dark-mode.gradient-hor-menu .mega-menubg {
        background: #5d48ac!important;
        box-shadow: none
    }

    .dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        color: hsla(0,0%,100%,.7)
    }

    .dark-mode.gradient-hor-menu .sub-menu li a:before {
        color: hsla(0,0%,100%,.2)
    }

    .dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,.dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
        color: hsla(0,0%,100%,.7);
        background: rgba(0,0,0,.1)
    }

    .dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        background-color: #5d48ac
    }

    .dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        background: #5d48ac!important;
        color: hsla(0,0%,100%,.6)
    }

    .dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        background-color: #393275
    }

    .dark-mode.gradient-hor-menu .horizontalMenu h3 {
        color: #fff
    }

    .dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
        border-right: 0
    }

    .dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
        border-left: 0
    }

    .dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
        color: #b394ff!important
    }

    .dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
        background-color: #322b6d;
        color: #b394ff!important
    }
}

@media (min-width: 1025px) {
    .boxed .page {
        max-width:1170px;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100%;
        box-shadow: 0 5px 0 0 rgba(0,0,0,.3),0 5px 25px 0 rgba(0,0,0,.3)
    }

    .boxed .page,body.boxed {
        background: #f2f3f9
    }

    .boxed .sticky-pin .horizontal-main {
        box-shadow: 0 2px 8px 0 rgba(40,37,89,.2);
        background: #fff;
        max-width: 1170px
    }

    .boxed .horizontalMenu>.horizontalMenu-list>li>a .fa {
        margin-right: 5px!important
    }

    .boxed .navbar {
        max-width: 1170px;
        margin: 0 auto
    }

    .boxed .vh {
        height: 100vh
    }

    .boxed .navbar.land-navbar {
        max-width: 1170px;
        margin: 0 auto
    }

    .boxed .app-sidebar {
        left: auto!important
    }

    .boxed .side-header {
        left: auto!important;
        right: auto!important;
        z-index: 1044;
        background: #fff
    }

    .boxed .second-sidemenu {
        left: auto!important;
        margin-left: 70px
    }

    .boxed.dark-menu .side-header {
        background: #30304d
    }

    .boxed.gradient-menu .side-header {
        background: #bc4093
    }

    .sidemenu-bgimage.boxed.color-menu .side-header,.sidemenu-bgimage.boxed.dark-menu .side-header,.sidemenu-bgimage.boxed.light-menu .side-header,.sidemenu-bgimage.boxed .side-header,.sidemenu-bgimage.gradient-menu.boxed .side-header {
        background: transparent
    }
}

@media (min-width: 1025px) {
    .light-mode.boxed .page {
        max-width:1170px;
        margin: 0 auto;
        background: #f2f3f9;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100%;
        box-shadow: 0 5px 0 0 rgba(0,0,0,.3),0 5px 25px 0 rgba(0,0,0,.3)
    }

    body.light-mode.boxed {
        background: #f2f3f9!important
    }

    .light-mode.boxed .sticky-pin .horizontal-main {
        box-shadow: 0 2px 8px 0 rgba(40,37,89,.2);
        background: #fff;
        max-width: 1170px
    }

    .light-mode.boxed .horizontalMenu>.horizontalMenu-list>li>a .fa {
        margin-right: 5px!important
    }

    .light-mode.boxed .navbar {
        max-width: 1170px;
        margin: 0 auto
    }

    .light-mode.boxed .vh {
        height: 100vh
    }

    .light-mode.boxed .navbar.land-navbar {
        max-width: 1170px;
        margin: 0 auto
    }

    .light-mode.boxed .app-sidebar {
        left: auto!important
    }

    .light-mode.boxed .side-header {
        left: auto!important;
        right: auto!important;
        z-index: 1044;
        background: #fff
    }

    .light-mode.boxed .second-sidemenu {
        left: auto!important;
        margin-left: 70px
    }

    .light-mode.gradient-menu.boxed .side-header {
        background: #bc4093
    }

    .light-mode.boxed.dark-menu .side-header {
        background: #30304d
    }

    .light-mode.boxed.color-menu .side-header {
        background: #5e2dd8
    }

    .light-mode.boxed.light-menu .side-header {
        background: #fff
    }

    .sidemenu-bgimage.light-mode.boxed.color-menu .side-header,.sidemenu-bgimage.light-mode.boxed.dark-menu .side-header,.sidemenu-bgimage.light-mode.boxed.light-menu .side-header,.sidemenu-bgimage.light-mode.gradient-menu.boxed .side-header {
        background: transparent
    }
}

@media (min-width: 1025px) {
    .transparent-mode.boxed .page {
        max-width:1170px;
        margin: 0 auto;
        background: #e3e4ed;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100%;
        box-shadow: 0 5px 0 0 rgba(0,0,0,.3),0 5px 25px 0 rgba(0,0,0,.3)
    }

    body.transparent-mode.boxed {
        background: #e3e4ed
    }

    .transparent-mode.boxed .sticky-pin .horizontal-main {
        box-shadow: 0 2px 8px 0 rgba(40,37,89,.2);
        background: #f0f1fb;
        max-width: 1170px
    }

    .transparent-mode.boxed .horizontalMenu>.horizontalMenu-list>li>a .fa {
        margin-right: 5px!important
    }

    .transparent-mode.boxed .navbar {
        max-width: 1170px;
        margin: 0 auto
    }

    .transparent-mode.boxed .vh {
        height: 100vh
    }

    .transparent-mode.boxed .navbar.land-navbar {
        max-width: 1170px;
        margin: 0 auto
    }

    .transparent-mode.boxed .app-sidebar {
        left: auto!important
    }

    .transparent-mode.boxed .side-header {
        left: auto!important;
        right: auto!important;
        z-index: 1044;
        background: #f0f1fb
    }

    .transparent-mode.boxed .second-sidemenu {
        left: auto!important;
        margin-left: 70px
    }

    .transparent-mode.gradient-menu.boxed .side-header {
        background: #bc4093
    }

    .transparent-mode.boxed.color-menu .side-header {
        background: #5e2dd8
    }

    .transparent-mode.boxed.dark-menu .side-header {
        background: #30304d
    }

    .transparent-mode.boxed.light-menu .side-header {
        background: #f0f1fb
    }

    .sidemenu-bgimage.transparent-mode.boxed.color-menu .side-header,.sidemenu-bgimage.transparent-mode.boxed.dark-menu .side-header,.sidemenu-bgimage.transparent-mode.boxed.light-menu .side-header,.sidemenu-bgimage.transparent-mode.boxed .side-header,.sidemenu-bgimage.transparent-mode.gradient-menu.boxed .side-header {
        background: transparent
    }
}

@media (min-width: 1025px) {
    .dark-mode.boxed .page {
        max-width:1170px;
        margin: 0 auto;
        background: #1f1f35;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100%;
        box-shadow: 0 5px 25px 0 rgba(55,55,56,.4)
    }

    body.dark-mode.boxed {
        background: #26243b!important
    }

    .dark-mode.boxed .sticky-pin .horizontal-main {
        box-shadow: 0 2px 8px 0 rgba(40,37,89,.2);
        background: #30304d;
        max-width: 1170px
    }

    .dark-mode.boxed .horizontalMenu>.horizontalMenu-list>li>a .fa {
        margin-right: 5px!important
    }

    .dark-mode.boxed .navbar {
        max-width: 1170px;
        margin: 0 auto
    }

    .dark-mode.boxed .vh {
        height: 100vh
    }

    .dark-mode.boxed .navbar.land-navbar {
        max-width: 1170px;
        margin: 0 auto
    }

    .dark-mode.boxed .app-sidebar {
        left: auto!important
    }

    .dark-mode.boxed .side-header {
        left: auto!important;
        right: auto!important;
        z-index: 1044;
        background: #30304d
    }

    .dark-mode.boxed .second-sidemenu {
        left: auto!important;
        margin-left: 70px
    }

    .dark-mode.boxed.dark-menu .side-header {
        background: #30304d
    }

    .dark-mode.boxed.light-menu .side-header {
        background: #fff
    }

    .dark-mode.gradient-menu.boxed .side-header {
        background: #bc4093
    }

    .dark-mode.boxed.color-menu .side-header {
        background: #5e2dd8
    }

    .sidemenu-bgimage.dark-mode.boxed.color-menu .side-header,.sidemenu-bgimage.dark-mode.boxed.dark-menu .side-header,.sidemenu-bgimage.dark-mode.boxed.light-menu .side-header,.sidemenu-bgimage.dark-mode.gradient-menu.boxed .side-header,.sidemenu-bgimage.dark-mode.transparent-mode.boxed .side-header {
        background: transparent
    }
}

@media (min-width: 768px) {
    .color-hor-header .hor-header .nav-link.icon i,.gradient-hor-header .hor-header .nav-link.icon i {
        color:#fff!important
    }
}