/*Color variables*/
/*white variables*/
/*black variables*/
/*Color variables*/
/*Default header*/
.default-header .horizontal-main {
    background: #1a1927;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.default-header .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
.default-header .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: #fff;
    background: #28273a;
}

.default-header .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active:hover {
    color: #fff;
}

.default-header .horizontalMenu>.horizontalMenu-list>li>a .fa {
    color: #04cad0;
}

.default-header .horizontalMenu>.horizontalMenu-list>li:last-child>a {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.default-header .horizontalMenu>.horizontalMenu-list>li>a {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.default-header .page-title {
    color: #fff;
}

.default-header .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.4);
}

.default-header .breadcrumb-item a {
    color: #fff;
}

.default-header .header .form-inline .form-control {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.default-header .header .form-inline .btn {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .default-header .horizontalMenu>.horizontalMenu-list {
        background: #fff;
    }

    .default-header .horizontalMenu>.horizontalMenu-list>li>a {
        color: #0b2239;
    }

    .horizontalMenu>.horizontalMenu-list>li>a {
        border-bottom: 1px solid;
        border-bottom-color: rgba(0, 0, 0, 0.1);
    }

    .default-header .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active {
        color: #fff;
        background: #564ec1;
    }

    .dark-mode.default-header .horizontalMenu>.horizontalMenu-list {
        background: #0b2239;
    }

    .dark-mode.default-header .horizontalMenu>.horizontalMenu-list>li>a {
        color: #fff;
    }

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

    .dark-mode .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
        background: rgba(255, 255, 255, 0.1) !important;
    }

    .dark-mode .horizontalMenu>.horizontalMenu-list>li>a.active {
        color: #fff;
        background: rgba(255, 255, 255, 0.1) !important;
    }

    .dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
        color: #a29de6 !important;
    }

    .dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }
}

/*Header Style1*/
.header-style1 .header {
    background: #0b2239;
}

.header-style1 .horizontal-main {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.header-style1 .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active:hover {
    color: #fff;
}

.header-style1 .horizontalMenu>.horizontalMenu-list>li>a .fa {
    color: #04cad0;
}

.header-style1 .horizontalMenu>.horizontalMenu-list>li:first-child a {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.header-style1 .horizontalMenu>.horizontalMenu-list>li:last-child>a {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.header-style1 .horizontalMenu>.horizontalMenu-list>li>a {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.header-style1 .page-title {
    color: #fff;
}

.header-style1 .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.4);
}

.header-style1 .breadcrumb-item a {
    color: #fff;
}

.header-style1 .header .form-inline .form-control {
    border-color: rgba(255, 255, 255, 0.1);
    background: #928f8f33;
    color: #fff;
}

.header-style1 .header .form-inline .btn {
    color: #fff;
}

.header-style1 .sticky.sticky-pin .horizontal-main {
    background: #0b2239;
}

@media only screen and (max-width: 991px) {
    .header-style1 .horizontalMenu>.horizontalMenu-list {
        background: #564ec1;
    }

    .header-style1 .horizontalMenu>.horizontalMenu-list>li:hover>a {
        background: #453e9b;
    }
}

/*Header Style2*/
.header-style2 .horizontal-main {
    background: #0b2239;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.header-style2 .page-main:after {
    background: #564ec1;
    display: none;
}

.header-style2 .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
.header-style2 .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: #fff;
    background: #28273a;
}

.header-style2 .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active:hover {
    color: #fff;
}

.header-style2 .horizontalMenu>.horizontalMenu-list>li>a .fa {
    color: #04cad0;
}

.header-style2 .horizontalMenu>.horizontalMenu-list>li:first-child a {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.header-style2 .horizontalMenu>.horizontalMenu-list>li:last-child>a {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.header-style2 .horizontalMenu>.horizontalMenu-list>li>a {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.header-style2 .page-title {
    color: #0b2239;
}

.header-style2 .breadcrumb-item.active {
    color: #564ec1;
}

.header-style2 .breadcrumb-item a {
    color: #0b2239;
}

.header-style2 .header .form-inline .form-control {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.header-style2 .header .form-inline .btn {
    color: #fff;
}

/* Default-leftmenu */
.default-menu .first-sidemenu {
    background: #fff;
}

.default-menu .side-menu__icon {
    color: #564ec1;
}

.default-menu .resp-vtabs .resp-tabs-list li {
    color: #121029;
}

.default-menu .app-sidebar .app-logo {
    border-bottom: 1px solid rgba(107, 122, 144, 0.1);
    border-right: 1px solid rgba(107, 122, 144, 0.1);
}

.default-menu .resp-vtabs li.resp-tab-active {
    background-color: #f4f3f780 !important;
    border: 1px solid rgba(107, 122, 144, 0.1) !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0;
    border-right: 0;
}

.default-menu .resp-vtabs .resp-tabs-list li.active {
    background-color: #efedf380 !important;
}

.default-menu .resp-vtabs li.active,
.default-menu .resp-vtabs li:hover {
    background-color: #efedf380 !important;
}

.default-menu .slide-item {
    color: #2e384d;
}

/* Dark-leftmenu */
.dark-menu .first-sidemenu {
    background: #0b2239;
}

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

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

.dark-menu .resp-vtabs li.resp-tab-active {
    background-color: #1c2d3e !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0;
    border-right: 0;
}

.dark-menu .resp-vtabs .resp-tabs-list li.active {
    background-color: #28273a !important;
}

.dark-menu .resp-vtabs li.active,
.dark-menu .resp-vtabs li:hover {
    background-color: #28273a !important;
}

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

/* Default-leftmenu-2 */
.default-leftmenu .app-sidebar {
    background: #fff;
    color: #1d262c;
}

.default-leftmenu .app-sidebar__user {
    color: #9493a9;
    border-bottom: 1px solid rgba(107, 122, 144, 0.1);
}

.default-leftmenu .side-menu li h3:hover {
    color: #1d262c !important;
}

.default-leftmenu .app-sidebar ul li a {
    color: #121029;
}

.default-leftmenu .side-menu li a {
    border-top: 1px solid rgba(107, 122, 144, 0.1);
}

.default-leftmenu .side-menu li:last-child a {
    border-bottom: 1px solid rgba(107, 122, 144, 0.1);
}

.default-leftmenu .side-menu li ul li a {
    border-top: 0;
    border-bottom: 0;
}

.default-leftmenu .slide-menu li:last-child a {
    border-bottom: 0;
}

/* Dark-leftmenu-2 */
.leftmenu-style2.dark-leftmenu .app-sidebar2 {
    background: #0b2239;
    color: #fff;
}

.leftmenu-style2.dark-leftmenu .user-info h2 {
    color: #fff;
}

.leftmenu-style2.dark-leftmenu .app-sidebar__user2 {
    color: #9493a9;
    border-bottom: 1px solid rgba(107, 122, 144, 0.2);
}

.leftmenu-style2.dark-leftmenu .side-menu li h3 {
    color: #fff !important;
}

.leftmenu-style2.dark-leftmenu .side-menu li h3:hover {
    color: #fff !important;
}

.leftmenu-style2.dark-leftmenu .left-menu2 .app-sidebar2 .side-menu li a:hover {
    color: #fff;
    background: #28273a;
}

.leftmenu-style2.dark-leftmenu .left-menu2.app-sidebar2 .side-menu li a:hover {
    color: #fff;
    background: #28273a;
}

.leftmenu-style2.dark-leftmenu .left-menu2.app-sidebar2 .slide-menu li a:hover {
    color: #a29de6;
    background: none;
}

.leftmenu-style2.dark-leftmenu .sidebar-navs .border {
    border: 1px solid rgba(107, 122, 144, 0.3) !important;
}

.leftmenu-style2.dark-leftmenu .app-sidebar2 ul li a {
    color: #fff;
}

.leftmenu-style2.dark-leftmenu .side-menu li a {
    border-top: 1px solid rgba(107, 122, 144, 0.2);
}

.leftmenu-style2.dark-leftmenu .side-menu li:last-child a {
    border-bottom: 1px solid rgba(107, 122, 144, 0.2);
}

.leftmenu-style2.dark-leftmenu .side-menu li ul li a {
    border-top: 0;
    border-bottom: 0;
}

.leftmenu-style2.dark-leftmenu .slide-menu li:last-child a {
    border-bottom: 0;
}

/* Light-leftmenu */
.light-leftmenu .app-sidebar {
    background: #fff;
    box-shadow: 0 0 0 1px rgba(181, 201, 227, 0.12), 0 8px 16px 0 rgba(181, 201, 227, 0.24);
    color: #1d262c;
}

.light-leftmenu .user-info h2,
.light-leftmenu .sidebar-navs .nav-item a {
    color: #9493a9;
}

.light-leftmenu .nav-link.border {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.light-leftmenu .app-sidebar ul li a {
    color: #121029;
}

.light-leftmenu .side-menu h3,
.light-leftmenu .side-menu li h3:hover {
    color: #1d262c;
}

/* Dark-leftmenu-2 */
.dark-leftmenu .app-sidebar {
    background: #28273a;
    color: #fff;
    box-shadow: 0 0 0 1px rgba(26, 27, 41, 0.12), 0 8px 16px 0 rgba(26, 27, 41, 0.24);
}

.dark-leftmenu .user-info h2,
.dark-leftmenu .sidebar-navs .nav-item a {
    color: #9493a9;
}

.dark-leftmenu .nav-link.border {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-leftmenu .app-sidebar ul li a {
    color: #fff;
}

.dark-leftmenu .side-menu h3 {
    color: #fff;
}

.dark-leftmenu .side-menu li h3:hover {
    color: #fff !important;
}

.dark-leftmenu .left-menu2 .slide-menu li.active>a {
    color: #8c83ff;
}

.dark-leftmenu.default-header .slide-menu li a:hover {
    color: #8c83ff;
}

.dark-leftmenu.default-header .user-info h2 {
    color: #fff;
}

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