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

.sidemenu-bgimage .app-sidebar:before {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    width: 100%;
    height: 100%;
    display: block;
}

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

.sidemenu-bgimage .side-header:before {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: left 0.3s ease, width 0.3s ease;
    transition: left 0.3s ease, width 0.3s ease;
}

.toggle-sidebar.sidemenu-bgimage .side-header:before {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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;
    }
}

/*color-menu*/
.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 rgba(255, 255, 255, 0.1) !important;
}

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

.toggle-sidebar.sidemenu-bgimage.color-menu .side-header:before {
    content: '';
    background: rgba(94, 45, 216, 0.94);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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 rgba(255, 255, 255, 0.1) !important;
}

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

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

/*light-menu*/
.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: rgba(255, 255, 255, 0.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, 0.05) !important;
}

.sidemenu-bgimage.light-menu .side-header:before {
    content: '';
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: left 0.3s ease, width 0.3s ease;
    transition: left 0.3s ease, width 0.3s ease;
}

.toggle-sidebar.sidemenu-bgimage.light-menu .side-header:before {
    content: '';
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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: rgba(255, 255, 255, 0.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, 0.05) !important;
}

.light-mode.sidemenu-bgimage.light-menu .side-header:before {
    content: '';
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: left 0.3s ease, width 0.3s ease;
    transition: left 0.3s ease, width 0.3s ease;
}

.toggle-sidebar.light-mode.sidemenu-bgimage.light-menu .side-header:before {
    content: '';
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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;
    }
}

/*Dark-menu*/
.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, 0.89);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

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

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

.toggle-sidebar.sidemenu-bgimage.dark-menu .side-header:before {
    content: '';
    background: rgba(15, 9, 31, 0.89);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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, 0.89);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

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

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

.toggle-sidebar.light-mode.sidemenu-bgimage.dark-menu .side-header:before {
    content: '';
    background: rgba(15, 9, 31, 0.89);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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;
    }
}

/*Gradient-menu*/
.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: -webkit-gradient(linear, left bottom, left top, from(rgba(2, 80, 197, 0.94)), to(rgba(212, 63, 141, 0.94))) !important;
    background: linear-gradient(to top, rgba(2, 80, 197, 0.94) 0%, rgba(212, 63, 141, 0.94) 100%) !important;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

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

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

.toggle-sidebar.sidemenu-bgimage.gradient-menu .side-header:before {
    content: '';
    background: rgba(212, 63, 141, 0.94);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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: -webkit-gradient(linear, left bottom, left top, from(rgba(2, 80, 197, 0.94)), to(rgba(212, 63, 141, 0.94))) !important;
    background: linear-gradient(to top, rgba(2, 80, 197, 0.94) 0%, rgba(212, 63, 141, 0.94) 100%) !important;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

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

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

.toggle-sidebar.light-mode.sidemenu-bgimage.gradient-menu .side-header:before {
    content: '';
    background: rgba(212, 63, 141, 0.94);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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;
    }
}

/*light-mode*/
.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: rgba(255, 255, 255, 0.95);
}

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

.sidemenu-bgimage.light-mode .side-header:before {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: left 0.3s ease, width 0.3s ease;
    transition: left 0.3s ease, width 0.3s ease;
}

.toggle-sidebar.sidemenu-bgimage.light-mode .side-header:before {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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;
}

/*transparent-mode*/
.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, 0.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, 0.1) !important;
    border-right: 1px solid rgba(211, 220, 233, 0.1) !important;
}

.sidemenu-bgimage.transparent-mode .side-header:before {
    content: '';
    background: rgba(240, 241, 251, 0.95);
    position: absolute;
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: left 0.3s ease, width 0.3s ease;
    transition: left 0.3s ease, width 0.3s ease;
}

.toggle-sidebar.sidemenu-bgimage.transparent-mode .side-header:before {
    content: '';
    position: absolute;
    background: rgba(240, 241, 251, 0.95);
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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;
    border: 1px solid #d3dce9;
    border-radius: 0;
    -webkit-box-shadow: 0 0 40px 0 rgba(234, 238, 249, 0.5);
    box-shadow: 0 0 40px 0 rgba(234, 238, 249, 0.5);
}

.transparent-mode .card {
    background-color: #f0f1fb;
    border: 1px solid #d3dce9;
    border-radius: 0;
    -webkit-box-shadow: 0 0 40px 0 rgba(234, 238, 249, 0.5);
    box-shadow: 0 0 40px 0 rgba(234, 238, 249, 0.5);
}

.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: 0px 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.toggle-logo,
.transparent-mode.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {
    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: 0.7;
}

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

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

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

.transparent-mode .slide-menu li.active:before,
.transparent-mode .slide-menu li.active:after {
    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: 0.2rem 0.8rem;
}

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

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

.transparent-mode pre,
.transparent-mode .breadcrumb1 {
    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 {
    border-top: 1px solid #d3dce9;
}

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

.transparent-mode .table .thead-light th,
.transparent-mode .text-wrap table .thead-light th,
.transparent-mode .table-striped tbody tr:nth-of-type(even) {
    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_wrapper>ul li {
    border: 1px solid #d3dce9;
    border-top: 1px solid #d3dce9;
    border-bottom: 0;
}

.transparent-mode .tab-menu-heading {
    border: 1px solid #d3dce9;
    border-bottom: 0;
}

.transparent-mode .tabs-menu-body {
    border: 1px solid #d3dce9;
}

.transparent-mode .tab_wrapper .content_wrapper {
    border: 1px solid #d3dce9;
}

.transparent-mode .tab_wrapper.right_side .content_wrapper {
    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 .resp-vtabs ul.resp-tabs-list,
.transparent-mode .first-sidemenu {
    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: 0px !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;
    }
}

/*Dark-mode*/
.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, 0.95);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

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

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

.toggle-sidebar.sidemenu-bgimage.dark-mode .side-header:before {
    content: '';
    position: absolute;
    background: rgba(48, 48, 77, 0.95);
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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;
}

/*------------- Left-menu -------------*/
/*color-menu*/
.color-menu .app-sidebar .sidebar-navs,
.color-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.color-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.color-menu .slide-item {
    color: #ffffff;
}

.color-menu .slide-item.active,
.color-menu .slide-item:hover,
.color-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

.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: #fff;
}

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

.color-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

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

.color-menu .user-info .text-muted {
    color: rgba(255, 255, 255, 0.4) !important;
}

.color-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.color-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.color-menu .side-menu h3 {
    color: rgba(255, 255, 255, 0.3);
    opacity: 9;
}

.color-menu .slide-menu {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.color-menu .slide-menu li.active:before {
    background: rgba(255, 255, 255, 0.1);
}

.color-menu .slide-menu li.active:after {
    background: rgba(255, 255, 255, 0.5);
}

.color-menu .slide-menu a.active {
    color: rgba(255, 255, 255, 0.4);
}

.color-menu .slide-item.active,
.color-menu .slide-item:hover,
.color-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

.color-menu .side-menu .side-menu__icon,
.color-menu .side-menu__item,
.color-menu .slide-item {
    color: rgba(255, 255, 255, 0.7);
}

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

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

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

.color-menu .resp-vtabs .resp-tabs-list li {
    border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.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: 0px;
}

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

.color-menu .settings-icon {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

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

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

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

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

.transparent-mode.color-menu .resp-vtabs li.active.resp-tab-item {
    background: rgba(0, 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-right: 1px solid rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.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: 0px;
}

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

.transparent-mode.color-menu .settings-icon {
    border: 1px solid rgba(255, 255, 255, 0.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 {
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

.light-mode.color-menu .resp-vtabs li.active.resp-tab-item {
    background: rgba(0, 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-right: 1px solid rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.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: 0px;
}

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

.light-mode.color-menu .settings-icon {
    border: 1px solid rgba(255, 255, 255, 0.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 {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 768px) {

    .light-mode.color-menu.sidebar-mini.sidenav-toggled .first-sidemenu,
    .color-menu.sidebar-mini.sidenav-toggled .first-sidemenu,
    .transparent-mode.color-menu.sidebar-mini.sidenav-toggled .first-sidemenu {
        border-top: 0px !important;
    }

    .light-mode.color-menu.sidebar-mini.sidenav-toggled .app-sidebar__user,
    .color-menu.sidebar-mini.sidenav-toggled .app-sidebar__user,
    .transparent-mode.color-menu.sidebar-mini.sidenav-toggled .app-sidebar__user {
        border-bottom: 1px solid rgba(225, 225, 225, 0.1);
    }
}

@media (max-width: 767px) {

    .light-mode.color-menu .side-menu,
    .color-menu .side-menu,
    .transparent-mode.color-menu .side-menu {
        border-top: 1px solid #704ad1;
    }

    .light-mode.color-menu .mobile-header,
    .color-menu .mobile-header,
    .transparent-mode.color-menu .mobile-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        -webkit-box-shadow: none;
        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*/
.dark-menu .app-sidebar {
    background: #0f091f !important;
}

.dark-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-menu .side-header {
    background: #0f091f;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-menu .slide-item {
    color: #ffffff;
}

.dark-menu .slide-item.active,
.dark-menu .slide-item:hover,
.dark-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

.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 {
    color: #fff;
}

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

.dark-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

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

.dark-menu .user-info .text-muted {
    color: rgba(255, 255, 255, 0.4) !important;
}

.dark-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.dark-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
}

.dark-menu .side-menu h3 {
    color: rgba(255, 255, 255, 0.3);
    opacity: 9;
}

.dark-menu .slide-menu {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.dark-menu .slide-menu li.active:before {
    background: rgba(255, 255, 255, 0.2);
}

.dark-menu .slide-menu li.active:after {
    background: rgba(255, 255, 255, 0.5);
}

.dark-menu .slide-menu a.active {
    color: rgba(255, 255, 255, 0.4);
}

.dark-menu .slide-item.active,
.dark-menu .slide-item:hover,
.dark-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

.dark-menu .side-menu .side-menu__icon,
.dark-menu .side-menu__item,
.dark-menu .slide-item {
    color: rgba(255, 255, 255, 0.7);
}

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

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

.dark-menu .resp-vtabs li.active.resp-tab-item {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #5e2dd8;
}

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

.dark-menu .resp-vtabs .resp-tabs-list li {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.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: 0px;
}

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

.dark-menu .settings-icon {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

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

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

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

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

.transparent-mode.dark-menu .resp-vtabs li.active.resp-tab-item {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #5e2dd8;
}

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

.transparent-mode.dark-menu .resp-vtabs .resp-tabs-list li {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.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: 0px;
}

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

.transparent-mode.dark-menu .settings-icon {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

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

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

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

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

.light-mode.dark-menu .resp-vtabs li.active.resp-tab-item {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #5e2dd8;
}

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

.light-mode.dark-menu .resp-vtabs .resp-tabs-list li {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.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: 0px;
}

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

.light-mode.dark-menu .settings-icon {
    border: 1px solid rgba(255, 255, 255, 0.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 {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 768px) {

    .light-mode.dark-menu.sidebar-mini.sidenav-toggled .first-sidemenu,
    .dark-menu.sidebar-mini.sidenav-toggled .first-sidemenu,
    .transparent-mode.dark-menu.sidebar-mini.sidenav-toggled .first-sidemenu {
        border-top: 0px !important;
    }

    .light-mode.dark-menu.sidebar-mini.sidenav-toggled .app-sidebar__user,
    .dark-menu.sidebar-mini.sidenav-toggled .app-sidebar__user,
    .transparent-mode.dark-menu.sidebar-mini.sidenav-toggled .app-sidebar__user {
        border-bottom: 1px solid rgba(225, 225, 225, 0.1);
    }
}

@media (max-width: 767px) {

    .light-mode.dark-menu .side-menu,
    .dark-menu .side-menu,
    .transparent-mode.dark-menu .side-menu {
        border-top: 1px solid #3f3f5a;
    }

    .light-mode.dark-menu .mobile-header,
    .dark-menu .mobile-header,
    .transparent-mode.dark-menu .mobile-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

/*gradient-menu*/
.gradient-menu .app-sidebar {
    background: -webkit-gradient(linear, left bottom, left top, from(#0250c5), to(#d43f8d)) !important;
    background: linear-gradient(to top, #0250c5 0%, #d43f8d 100%) !important;
}

.gradient-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.gradient-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.gradient-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.gradient-menu.slide-item.active {
    color: rgba(255, 255, 255, 0.4);
}

.color-menu .slide-item:hover {
    color: rgba(255, 255, 255, 0.4);
}

.gradient-menu .slide-item {
    color: #ffffff;
}

.gradient-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.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 {
    color: #fff;
}

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

.gradient-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

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

.gradient-menu .user-info .text-muted {
    color: rgba(255, 255, 255, 0.4) !important;
}

.gradient-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.gradient-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.gradient-menu .side-menu h3 {
    color: rgba(255, 255, 255, 0.3);
    opacity: 9;
}

.gradient-menu .slide-menu {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.gradient-menu .slide-menu li.active:before {
    background: rgba(255, 255, 255, 0.1);
}

.gradient-menu .slide-menu li.active:after {
    background: rgba(255, 255, 255, 0.5);
}

.gradient-menu .slide-menu a.active {
    color: rgba(255, 255, 255, 0.4);
}

.gradient-menu .slide-item.active,
.gradient-menu .slide-item:hover,
.gradient-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

.gradient-menu .side-menu .side-menu__icon,
.gradient-menu .side-menu__item,
.gradient-menu .slide-item {
    color: rgba(255, 255, 255, 0.7);
}

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

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

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

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

.gradient-menu .resp-vtabs .resp-tabs-list li {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.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: 0px;
}

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

.gradient-menu .settings-icon {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.gradient-menu .app-sidebar {
    background: -webkit-gradient(linear, left bottom, left top, from(#0250c5), to(#d43f8d)) !important;
    background: linear-gradient(to top, #0250c5 0%, #d43f8d 100%) !important;
}

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

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

/*Toggle Gradient-menu*/
.transparent-mode.gradient-menu .resp-vtabs ul.resp-tabs-list,
.transparent-mode.gradient-menu .first-sidemenu {
    background: transparent;
}

.transparent-mode.gradient-menu .resp-vtabs li.active.resp-tab-item {
    background: rgba(0, 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-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.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: 0px;
}

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

.transparent-mode.gradient-menu .settings-icon {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-mode.gradient-menu .app-sidebar {
    background: -webkit-gradient(linear, left bottom, left top, from(#0250c5), to(#d43f8d)) !important;
    background: linear-gradient(to top, #0250c5 0%, #d43f8d 100%) !important;
}

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

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

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

.light-mode.gradient-menu .resp-vtabs li.active.resp-tab-item {
    background: rgba(0, 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-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.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: 0px;
}

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

.light-mode.gradient-menu .settings-icon {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.light-mode.gradient-menu .app-sidebar {
    background: -webkit-gradient(linear, left bottom, left top, from(#0250c5), to(#d43f8d)) !important;
    background: linear-gradient(to top, #0250c5 0%, #d43f8d 100%) !important;
}

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

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

@media (min-width: 768px) {

    .light-mode.gradient-menu.sidebar-mini.sidenav-toggled .first-sidemenu,
    .gradient-menu.sidebar-mini.sidenav-toggled .first-sidemenu,
    .transparent-mode.gradient-menu.sidebar-mini.sidenav-toggled .first-sidemenu {
        border-top: 0px !important;
    }

    .light-mode.gradient-menu.sidebar-mini.sidenav-toggled .app-sidebar__user,
    .gradient-menu.sidebar-mini.sidenav-toggled .app-sidebar__user,
    .transparent-mode.gradient-menu.sidebar-mini.sidenav-toggled .app-sidebar__user {
        border-bottom: 1px solid rgba(225, 225, 225, 0.1);
    }
}

@media (max-width: 767px) {

    .light-mode.gradient-menu .side-menu,
    .gradient-menu .side-menu,
    .transparent-mode.gradient-menu .side-menu {
        border-top: 1px solid #a356a6;
    }

    .light-mode.gradient-menu .mobile-header,
    .gradient-menu .mobile-header,
    .transparent-mode.gradient-menu .mobile-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        -webkit-box-shadow: none;
        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;
}

/*color-menu*/
.transparent-mode.color-menu .app-sidebar .sidebar-navs,
.transparent-mode.color-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.color-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

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

.transparent-mode.color-menu .slide-item.active,
.transparent-mode.color-menu .slide-item:hover,
.transparent-mode.color-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

.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 {
    color: #fff;
}

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

.transparent-mode.color-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

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

.transparent-mode.color-menu .user-info .text-muted {
    color: rgba(255, 255, 255, 0.4) !important;
}

.transparent-mode.color-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.color-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.transparent-mode.color-menu .side-menu h3 {
    color: rgba(255, 255, 255, 0.3);
    opacity: 9;
}

.transparent-mode.color-menu .slide-menu {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.color-menu .slide-menu li.active:before {
    background: rgba(255, 255, 255, 0.1);
}

.transparent-mode.color-menu .slide-menu li.active:after {
    background: rgba(255, 255, 255, 0.5);
}

.transparent-mode.color-menu .slide-menu a.active {
    color: rgba(255, 255, 255, 0.4);
}

.transparent-mode.color-menu .slide-item.active,
.transparent-mode.color-menu .slide-item:hover,
.transparent-mode.color-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

.transparent-mode.color-menu .side-menu .side-menu__icon,
.transparent-mode.color-menu .side-menu__item,
.transparent-mode.color-menu .slide-item {
    color: rgba(255, 255, 255, 0.7);
}

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

.transparent-mode.dark-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.dark-menu .side-header {
    background: #30304d;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.dark-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

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

.transparent-mode.dark-menu .slide-item.active,
.transparent-mode.dark-menu .slide-item:hover,
.transparent-mode.dark-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

.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 {
    color: #fff;
}

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

.transparent-mode.dark-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

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

.transparent-mode.dark-menu .user-info .text-muted {
    color: rgba(255, 255, 255, 0.4) !important;
}

.transparent-mode.dark-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.dark-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.transparent-mode.dark-menu .side-menu h3 {
    color: rgba(255, 255, 255, 0.3);
    opacity: 9;
}

.transparent-mode.dark-menu .slide-menu {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.dark-menu .slide-menu li.active:before {
    background: rgba(255, 255, 255, 0.1);
}

.transparent-mode.dark-menu .slide-menu li.active:after {
    background: rgba(255, 255, 255, 0.5);
}

.transparent-mode.dark-menu .slide-menu a.active {
    color: rgba(255, 255, 255, 0.4);
}

.transparent-mode.dark-menu .slide-item.active,
.transparent-mode.dark-menu .slide-item:hover,
.transparent-mode.dark-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

.transparent-mode.dark-menu .side-menu .side-menu__icon,
.transparent-mode.dark-menu .side-menu__item,
.transparent-mode.dark-menu .slide-item {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-mode.gradient-menu .app-sidebar {
    background: -webkit-gradient(linear, left bottom, left top, from(#0250c5), to(#d43f8d)) !important;
    background: linear-gradient(to top, #0250c5 0%, #d43f8d 100%) !important;
}

.transparent-mode.gradient-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.gradient-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.gradient-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-mode.gradient-menu.slide-item.active {
    color: rgba(255, 255, 255, 0.4);
}

.transparent-mode.color-menu .slide-item:hover {
    color: rgba(255, 255, 255, 0.4);
}

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

.transparent-mode.gradient-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.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 {
    color: #fff;
}

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

.transparent-mode.gradient-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

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

.transparent-mode.gradient-menu .user-info .text-muted {
    color: rgba(255, 255, 255, 0.4) !important;
}

.transparent-mode.gradient-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.gradient-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.transparent-mode.gradient-menu .side-menu h3 {
    color: rgba(255, 255, 255, 0.3);
    opacity: 9;
}

.transparent-mode.gradient-menu .slide-menu {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.gradient-menu .slide-menu li.active:before {
    background: rgba(255, 255, 255, 0.1);
}

.transparent-mode.gradient-menu .slide-menu li.active:after {
    background: rgba(255, 255, 255, 0.5);
}

.transparent-mode.gradient-menu .slide-menu a.active {
    color: rgba(255, 255, 255, 0.4);
}

.transparent-mode.gradient-menu .slide-item.active,
.transparent-mode.gradient-menu .slide-item:hover,
.transparent-mode.gradient-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

.transparent-mode.gradient-menu .side-menu .side-menu__icon,
.transparent-mode.gradient-menu .side-menu__item,
.transparent-mode.gradient-menu .slide-item {
    color: rgba(255, 255, 255, 0.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 rgba(255, 255, 255, 0.1) !important;
}

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

/*Dark-menu*/
/*gradient-menu*/
/*color-menu*/
.toggle-sidebar.transparent-mode.sidemenu-bgimage.color-menu .side-header:before {
    content: '';
    background: rgba(94, 45, 216, 0.94);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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;
    }
}

/*Dark-menu*/
.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, 0.89);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

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

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

.toggle-sidebar.transparent-mode.sidemenu-bgimage.dark-menu .side-header:before {
    content: '';
    background: rgba(15, 9, 31, 0.89);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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;
    }
}

/*Garident-menu*/
.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: -webkit-gradient(linear, left bottom, left top, from(rgba(2, 80, 197, 0.94)), to(rgba(212, 63, 141, 0.94))) !important;
    background: linear-gradient(to top, rgba(2, 80, 197, 0.94) 0%, rgba(212, 63, 141, 0.94) 100%) !important;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

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

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

.toggle-sidebar.transparent-mode.sidemenu-bgimage.gradient-menu .side-header:before {
    content: '';
    background: rgba(212, 63, 141, 0.94);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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;
    }
}

/*color-menu*/
.dark-mode.color-menu .app-sidebar .sidebar-navs,
.dark-mode.color-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.color-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

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

.dark-mode.color-menu .slide-item.active,
.dark-mode.color-menu .slide-item:hover,
.dark-mode.color-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

.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 {
    color: #fff;
}

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

.dark-mode.color-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

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

.dark-mode.color-menu .user-info .text-muted {
    color: rgba(255, 255, 255, 0.4) !important;
}

.dark-mode.color-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.color-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.dark-mode.color-menu .side-menu h3 {
    color: rgba(255, 255, 255, 0.3);
    opacity: 9;
}

.dark-mode.color-menu .slide-menu {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.color-menu .slide-menu li.active:before {
    background: rgba(255, 255, 255, 0.1);
}

.dark-mode.color-menu .slide-menu li.active:after {
    background: rgba(255, 255, 255, 0.5);
}

.dark-mode.color-menu .slide-menu a.active {
    color: rgba(255, 255, 255, 0.4);
}

.dark-mode.color-menu .slide-item.active,
.dark-mode.color-menu .slide-item:hover,
.dark-mode.color-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

.dark-mode.color-menu .side-menu .side-menu__icon,
.dark-mode.color-menu .side-menu__item,
.dark-mode.color-menu .slide-item {
    color: rgba(255, 255, 255, 0.7);
}

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

.dark-mode.dark-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.dark-menu .side-header {
    background: #30304d;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.dark-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode.dark-menu .slide-item.active,
.dark-mode.dark-menu .slide-item:hover,
.dark-mode.dark-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

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

.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 {
    color: #fff;
}

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

.dark-mode.dark-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

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

.dark-mode.dark-menu .user-info .text-muted {
    color: rgba(255, 255, 255, 0.4) !important;
}

.dark-mode.dark-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.dark-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.dark-mode.dark-menu .side-menu h3 {
    color: rgba(255, 255, 255, 0.3);
    opacity: 9;
}

.dark-mode.dark-menu .slide-menu {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.dark-menu .slide-menu li.active:before {
    background: rgba(255, 255, 255, 0.1);
}

.dark-mode.dark-menu .slide-menu li.active:after {
    background: rgba(255, 255, 255, 0.5);
}

.dark-mode.dark-menu .slide-menu a.active {
    color: rgba(255, 255, 255, 0.4);
}

.dark-mode.dark-menu .slide-item.active,
.dark-mode.dark-menu .slide-item:hover,
.dark-mode.dark-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

.dark-mode.dark-menu .side-menu .side-menu__icon,
.dark-mode.dark-menu .side-menu__item,
.dark-mode.dark-menu .slide-item {
    color: rgba(255, 255, 255, 0.7);
}

.dark-mode.gradient-menu .app-sidebar {
    background: -webkit-gradient(linear, left bottom, left top, from(#0250c5), to(#d43f8d)) !important;
    background: linear-gradient(to top, #0250c5 0%, #d43f8d 100%) !important;
}

.dark-mode.gradient-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.gradient-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.gradient-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode.gradient-menu.slide-item.active {
    color: rgba(255, 255, 255, 0.4);
}

.dark-mode.color-menu .slide-item:hover {
    color: rgba(255, 255, 255, 0.4);
}

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

.dark-mode.gradient-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.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 {
    color: #fff;
}

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

.dark-mode.gradient-menu .side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

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

.dark-mode.gradient-menu .user-info .text-muted {
    color: rgba(255, 255, 255, 0.4) !important;
}

.dark-mode.gradient-menu .app-sidebar .sidebar-navs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.gradient-menu .sidebar-navs a {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.dark-mode.gradient-menu .side-menu h3 {
    color: rgba(255, 255, 255, 0.3);
    opacity: 9;
}

.dark-mode.gradient-menu .slide-menu {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.gradient-menu .slide-menu li.active:before {
    background: rgba(255, 255, 255, 0.1);
}

.dark-mode.gradient-menu .slide-menu li.active:after {
    background: rgba(255, 255, 255, 0.5);
}

.dark-mode.gradient-menu .slide-menu a.active {
    color: rgba(255, 255, 255, 0.4);
}

.dark-mode.gradient-menu .slide-item.active,
.dark-mode.gradient-menu .slide-item:hover,
.dark-mode.gradient-menu .slide-item:focus {
    color: rgba(255, 255, 255, 0.4);
}

.dark-mode.gradient-menu .side-menu .side-menu__icon,
.dark-mode.gradient-menu .side-menu__item,
.dark-mode.gradient-menu .slide-item {
    color: rgba(255, 255, 255, 0.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 rgba(255, 255, 255, 0.1) !important;
}

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

/*Dark-menu*/
/*gradient-menu*/
/*color-menu*/
.toggle-sidebar.dark-mode.sidemenu-bgimage.color-menu .side-header:before {
    content: '';
    background: rgba(94, 45, 216, 0.94);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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-menu*/
.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, 0.95);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

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

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

.toggle-sidebar.dark-mode.sidemenu-bgimage.dark-menu .side-header:before {
    content: '';
    background: rgba(48, 48, 77, 0.95);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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;
    }
}

/*Garident-menu*/
.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: -webkit-gradient(linear, left bottom, left top, from(rgba(2, 80, 197, 0.94)), to(rgba(212, 63, 141, 0.94))) !important;
    background: linear-gradient(to top, rgba(2, 80, 197, 0.94) 0%, rgba(212, 63, 141, 0.94) 100%) !important;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

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

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

.toggle-sidebar.dark-mode.sidemenu-bgimage.gradient-menu .side-header:before {
    content: '';
    background: rgba(212, 63, 141, 0.94);
    position: absolute;
    width: 270px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: none;
    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;
    }
}

/*Light-menu*/
.dark-mode.light-menu .app-sidebar {
    background: #fff !important;
    border-right: 0px 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: 0.7;
}

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

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

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

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

.dark-mode.light-menu .side-menu__item,
.dark-mode.light-menu .side-menu .side-menu__icon {
    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: rgba(255, 255, 255, 0.1);
    border: 1px solid #eaedf1 !important;
    color: #68798b !important;
}

.dark-mode.light-menu .sidebar-navs .nav-link {
    padding: 0.2rem 0.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.toggle-logo,
.dark-mode.light-menu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {
    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: rgba(255, 255, 255, 0.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, 0.05) !important;
}

.dark-mode.light-menu.sidemenu-bgimage .side-header:before {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    width: 250px;
    height: 85px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: left 0.3s ease, width 0.3s ease;
    transition: left 0.3s ease, width 0.3s ease;
}

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

.dark-mode.light-menu .side-header,
.dark-mode.light-menu .resp-vtabs ul.resp-tabs-list,
.dark-mode.light-menu .first-sidemenu {
    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-right: 1px solid #eaedf1 !important;
    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: 0px;
}

.dark-mode.light-menu .resp-vtabs li.resp-tab-active {
    border-right: 0px !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: 0px !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;
    }
}

/*---------------- Header-----------------*/
@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 .nav-link.icon i,
    .dark-menu .mobile-header .navbar-toggler-icon,
    .dark-menu .mobile-header .header-settings .nav-link.icon i {
        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 .nav-link.icon i,
    .color-hor-header .mobile-header .navbar-toggler-icon,
    .color-hor-header .mobile-header .header-settings .nav-link.icon i {
        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 .nav-link.icon i,
    .color-menu .mobile-header .navbar-toggler-icon,
    .color-menu .mobile-header .header-settings .nav-link.icon i {
        color: #fff !important;
    }
}

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

.color-hor-header .animated-arrow span:before,
.color-hor-header .animated-arrow span:after {
    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 .navbar-toggler-icon,
    .color-hor-header .mobile-header .header-settings .nav-link.icon i {
        color: #fff !important;
    }
}

@media (max-width: 767px) {
    .gradient-hor-header .mobile-header {
        background: -webkit-gradient(linear, right top, left top, from(#0250c5), to(#d43f8d)) !important;
        background: linear-gradient(to left, #0250c5 0%, #d43f8d 100%) !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 .navbar-toggler-icon,
    .gradient-hor-header .mobile-header .header-settings .nav-link.icon i {
        color: #fff !important;
    }

    .gradient-menu .mobile-header {
        background: -webkit-gradient(linear, right top, left top, from(#0250c5), to(#d43f8d)) !important;
        background: linear-gradient(to left, #0250c5 0%, #d43f8d 100%) !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 .nav-link.icon i,
    .gradient-menu .mobile-header .navbar-toggler-icon,
    .gradient-menu .mobile-header .header-settings .nav-link.icon i {
        color: #fff !important;
    }

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

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

    .dark-mode .mobile-header {
        background-color: #30304d;
        border: 1px solid transparent;
        -webkit-box-shadow: none;
        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.dark-menu .mobile-header .app-sidebar__toggle,
    .transparent-mode.gradient-menu .mobile-header .app-sidebar__toggle,
    .transparent-mode.color-menu .mobile-header .app-sidebar__toggle {
        color: #ffff;
    }

    .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 .navbar-toggler-icon,
    .dark-mode.light-menu .mobile-header .header-settings .nav-link.icon i {
        color: #76839a !important;
    }

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

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

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

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

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

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

@media (max-width: 992px) and (min-width: 768px) {
    .gradient-hor-header .mobile-header {
        background: -webkit-gradient(linear, right top, left top, from(#0250c5), to(#d43f8d)) !important;
        background: linear-gradient(to left, #0250c5 0%, #d43f8d 100%) !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 .navbar-toggler-icon,
    .gradient-hor-header .mobile-header .header-settings .nav-link.icon i {
        color: #fff !important;
    }

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

/*transparent-mode*/
.transparent-mode .horizontal-main.hor-menu,
.transparent-mode .header {
    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*/
.dark-mode .horizontal-main.hor-menu {
    background: #30304d;
}

.dark-mode .horizontalMenu>.horizontalMenu-list>li>a {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    color: #dedefd;
}

.dark-mode .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.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 rgba(255, 255, 255, 0.1);
    }
}

/*color header*/
.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, 0.08) !important;
}

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

/*Gradient-Header*/
.gradient-hor-header .header.hor-header {
    background: -webkit-gradient(linear, right top, left top, from(#0250c5), to(#d43f8d)) !important;
    background: linear-gradient(to left, #0250c5 0%, #d43f8d 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.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, 0.08) !important;
}

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

/*---------- Horizonatl-menu---------------*/
.transparent-mode.color-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.1);
}

.transparent-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.1);
}

.dark-mode.color-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.1);
}

.dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.1);
}

.light-mode.color-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.light-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.light-mode.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.1);
}

.light-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.light-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.light-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.1);
}

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

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

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

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

.light-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child,
.dark-mode.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: 0.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;
        -webkit-box-shadow: none;
        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 {
        background: #fff;
    }

    .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: 0.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;
        -webkit-box-shadow: none;
        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;
        -webkit-box-shadow: none !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-menu*/
.dark-hor-menu .header.hor-header {
    border-bottom: 1px solid transparent;
}

.dark-hor-menu .horizontal-main.hor-menu {
    background: #0f091f;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.dark-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.dark-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.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 rgba(255, 255, 255, 0.1);
    }

    .dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: rgba(255, 255, 255, 0.7);
    }

    .dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: rgba(255, 255, 255, 0.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;
    }

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

    .dark-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
        color: rgba(255, 255, 255, 0.7) !important;
    }

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

    .dark-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        background: #170e2d !important;
        color: rgba(255, 255, 255, 0.7);
    }

    .dark-hor-menu .sub-menu li a:before {
        color: rgba(255, 255, 255, 0.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 rgba(255, 255, 255, 0.1);
}

.dark-mode.dark-hor-menu .horizontal-main.hor-menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.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-menu*/
.color-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
.color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.1);
}

.color-hor-menu .horizontal-main.hor-menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media only screen and (max-width: 991px) {
    .color-hor-menu .horizontalMenu>.horizontalMenu-list {
        background: -webkit-gradient(linear, left bottom, left top, from(#0250c5), to(#d43f8d));
        background: linear-gradient(to top, #0250c5 0%, #d43f8d 100%);
    }

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

    .color-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: rgba(255, 255, 255, 0.7);
    }

    .color-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.7) !important;
    }

    .color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        color: rgba(255, 255, 255, 0.7);
    }

    .color-hor-menu .sub-menu li a:before {
        color: rgba(255, 255, 255, 0.2);
    }

    .color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
    .color-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
        color: rgba(255, 255, 255, 0.7);
        background: rgba(0, 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 {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

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

/*Gradient-menu*/
.gradient-hor-menu .horizontal-main.hor-menu {
    background: -webkit-gradient(linear, right top, left top, from(#0250c5), to(#d43f8d)) !important;
    background: linear-gradient(to left, #0250c5 0%, #d43f8d 100%) !important;
}

.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.1);
}

.gradient-hor-menu .horizontal-main.hor-menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media only screen and (max-width: 991px) {
    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list {
        background: -webkit-gradient(linear, left bottom, left top, from(#0250c5), to(#d43f8d));
        background: linear-gradient(to top, #0250c5 0%, #d43f8d 100%);
    }

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

    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: rgba(255, 255, 255, 0.7);
    }

    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: rgba(255, 255, 255, 0.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;
    }

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

    .gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
        color: rgba(255, 255, 255, 0.7) !important;
    }

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

    .gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        background: #5d48ac !important;
        color: rgba(255, 255, 255, 0.7);
    }

    .gradient-hor-menu .sub-menu li a:before {
        color: rgba(255, 255, 255, 0.2);
    }

    .gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
    .gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
        color: rgba(255, 255, 255, 0.7);
        background: rgba(0, 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: rgba(255, 255, 255, 0.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: -webkit-gradient(linear, right top, left top, from(#0250c5), to(#d43f8d)) !important;
    background: linear-gradient(to left, #0250c5 0%, #d43f8d 100%) !important;
}

.dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.1);
}

.dark-mode.gradient-hor-header .nav-link.icon i,
.dark-mode.color-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: -webkit-gradient(linear, left bottom, left top, from(#0250c5), to(#d43f8d));
        background: linear-gradient(to top, #0250c5 0%, #d43f8d 100%);
    }

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

    .dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: rgba(255, 255, 255, 0.7);
    }

    .dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: rgba(255, 255, 255, 0.3);
    }

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

    .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;
    }

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

    .dark-mode.gradient-hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
        color: rgba(255, 255, 255, 0.7) !important;
    }

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

    .dark-mode.gradient-hor-menu .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        background: #5d48ac !important;
        color: rgba(255, 255, 255, 0.7);
    }

    .dark-mode.gradient-hor-menu .sub-menu li a:before {
        color: rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.7);
        background: rgba(0, 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: rgba(255, 255, 255, 0.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;
    }
}

/*----- Boxed -----*/
@media (min-width: 1025px) {
    .boxed .page {
        max-width: 1170px;
        margin: 0 auto;
        background: #f2f3f9;
        position: relative;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        min-height: 100%;
        -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 0px 0px, rgba(0, 0, 0, 0.3) 0px 5px 25px 0px;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 0px 0px, rgba(0, 0, 0, 0.3) 0px 5px 25px 0px;
    }

    body.boxed {
        background: #f2f3f9;
    }

    .boxed .sticky-pin .horizontal-main {
        -webkit-box-shadow: 0 2px 8px 0 rgba(40, 37, 89, 0.2);
        box-shadow: 0 2px 8px 0 rgba(40, 37, 89, 0.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.dark-menu .side-header,
    .sidemenu-bgimage.boxed.light-menu .side-header {
        background: transparent;
    }

    .sidemenu-bgimage.gradient-menu.boxed .side-header {
        background: transparent;
    }

    .sidemenu-bgimage.boxed.color-menu .side-header,
    .sidemenu-bgimage.boxed .side-header {
        background: transparent;
    }
}

/*Light-boxed */
@media (min-width: 1025px) {
    .light-mode.boxed .page {
        max-width: 1170px;
        margin: 0 auto;
        background: #f2f3f9;
        position: relative;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        min-height: 100%;
        -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 0px 0px, rgba(0, 0, 0, 0.3) 0px 5px 25px 0px;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 0px 0px, rgba(0, 0, 0, 0.3) 0px 5px 25px 0px;
    }

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

    .light-mode.boxed .sticky-pin .horizontal-main {
        -webkit-box-shadow: 0 2px 8px 0 rgba(40, 37, 89, 0.2);
        box-shadow: 0 2px 8px 0 rgba(40, 37, 89, 0.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.dark-menu .side-header,
    .sidemenu-bgimage.light-mode.boxed.light-menu .side-header {
        background: transparent;
    }

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

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

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

    .transparent-mode.boxed .sticky-pin .horizontal-main {
        -webkit-box-shadow: 0 2px 8px 0 rgba(40, 37, 89, 0.2);
        box-shadow: 0 2px 8px 0 rgba(40, 37, 89, 0.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.dark-menu .side-header,
    .sidemenu-bgimage.transparent-mode.boxed.light-menu .side-header {
        background: transparent;
    }

    .sidemenu-bgimage.transparent-mode.gradient-menu.boxed .side-header {
        background: transparent;
    }

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

/*Dark-Boxed*/
@media (min-width: 1025px) {
    .dark-mode.boxed .page {
        max-width: 1170px;
        margin: 0 auto;
        background: #1f1f35;
        position: relative;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        min-height: 100%;
        -webkit-box-shadow: rgba(55, 55, 56, 0.4) 0px 5px 25px 0px;
        box-shadow: rgba(55, 55, 56, 0.4) 0px 5px 25px 0px;
    }

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

    .dark-mode.boxed .sticky-pin .horizontal-main {
        -webkit-box-shadow: 0 2px 8px 0 rgba(40, 37, 89, 0.2);
        box-shadow: 0 2px 8px 0 rgba(40, 37, 89, 0.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.dark-menu .side-header,
    .sidemenu-bgimage.dark-mode.boxed.light-menu .side-header {
        background: transparent;
    }

    .sidemenu-bgimage.dark-mode.gradient-menu.boxed .side-header,
    .sidemenu-bgimage.dark-mode.boxed.color-menu .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;
    }
}

/*# sourceMappingURL=skin-modes.css.map */