/*Color variables*/
/*border variables*/
/*white variables*/
/*black variables*/
/* =========== Horizontal-color CSS ============= */
.horizontal-color .horizontal-main.hor-menu {
    background: #5964ff;
    box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.horizontal-color .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
.horizontal-color .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: #fff;
    background: rgba(234, 235, 243, 0.15);
}

.horizontal-color .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode.horizontal-color .horizontalMenu>.horizontalMenu-list>li:hover>a {
    color: #fff;
    background: rgba(234, 235, 243, 0.15);
}

@media only screen and (max-width: 991px) {
    .horizontal-color .horizontalMenu>.horizontalMenu-list {
        background: #5964ff;
    }

    .horizontal-color .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        background-color: #4c57f3;
        margin: 0px;
    }

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

    .horizontal-color .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: rgba(255, 255, 255, 0.5);
    }

    .horizontal-color .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
        background-color: #4c57f3;
        color: #fff;
    }

    .horizontal-color .mega-menubg {
        background: #4c57f3 !important;
        margin: 0px;
    }

    .horizontal-color .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        background: #4c57f3 !important;
        color: rgba(255, 255, 255, 0.8) !important;
    }

    .horizontal-color .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        background-color: #4c57f3;
    }

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

    .horizontal-color .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
        background-color: #6e78fe;
        color: #fff;
    }

    .horizontal-color .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu {
        color: #fff;
    }

    .horizontal-color .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i {
        color: rgba(255, 255, 255, 0.2);
    }

    .horizontal-color .horizontalMenu>.horizontalMenu-list>li:hover>a {
        color: #fff;
        background: rgba(234, 235, 243, 0.15);
    }

    .horizontal-color .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
        color: #fff !important;
    }
}

/* =========== Horizontal-Dark CSS ============= */
.horizontal-dark .horizontal-main.hor-menu {
    background: #191c23;
    box-shadow: -8px 12px 18px 0 rgba(30, 33, 43, 0.13);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.horizontal-dark .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
.horizontal-dark .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: #9097ff;
    background: rgba(0, 0, 0, 0.3);
}

.horizontal-dark .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

@media only screen and (max-width: 991px) {
    .horizontal-dark .horizontalMenu>.horizontalMenu-list {
        background: #191c23;
    }

    .horizontal-dark .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        background-color: #272931;
        margin: 0px;
    }

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

    .horizontal-dark .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: rgba(255, 255, 255, 0.5);
    }

    .horizontal-dark .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
        background-color: #272931;
        color: #fff;
    }

    .horizontal-dark .mega-menubg {
        background: #272931 !important;
        margin: 0px;
    }

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

    .horizontal-dark .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        background-color: #272931;
    }

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

    .horizontal-dark .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
        background-color: #1e2027;
        color: #5964ff;
    }

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

    .horizontal-dark .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i {
        color: rgba(255, 255, 255, 0.2);
    }

    .horizontal-dark .horizontalMenu>.horizontalMenu-list>li:hover>a {
        color: #7079f9;
        background: rgba(0, 0, 0, 0.3);
    }

    .horizontal-dark.dark-mode .horizontalMenu h3 {
        color: #fff;
    }

    .horizontal-dark .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
        color: #fff !important;
    }
}

/* =========== Horizontal-Gradient CSS ============= */
.horizontal-gradient .horizontal-main.hor-menu {
    background: linear-gradient(to right, #5a65ff, #8548e3);
    box-shadow: -8px 12px 18px 0 rgba(30, 33, 43, 0.13);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.horizontal-gradient .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
.horizontal-gradient .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: #fff;
    background: rgba(234, 235, 243, 0.3);
}

.dark-mode.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li:hover>a {
    color: #fff;
    background: rgba(234, 235, 243, 0.3);
}

@media only screen and (max-width: 991px) {
    .horizontal-gradient .horizontalMenu>.horizontalMenu-list {
        background: linear-gradient(to top, #8548e3 0%, #5a65ff 70%);
    }

    .horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        background-color: #4c57f3;
        margin: 0px;
    }

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

    .horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: rgba(255, 255, 255, 0.5);
    }

    .horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
        background-color: #5a65ff;
        color: #fff;
    }

    .horizontal-gradient .mega-menubg {
        background: #4c57f3 !important;
        margin: 0px;
    }

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

    .horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        background-color: #4c57f3;
    }

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

    .horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
        background-color: #6e78fe;
        color: #fff;
    }

    .horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu {
        color: #fff;
    }

    .horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i {
        color: rgba(255, 255, 255, 0.2);
    }

    .horizontal-gradient .horizontalMenu>.horizontalMenu-list>li:hover>a {
        color: #fff;
        background: #7255ef;
    }

    .horizontal-gradient.dark-mode .horizontalMenu h3 {
        color: #fff;
    }

    .horizontal-gradient .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
    .horizontal-gradient .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
        color: #fff;
        background: #7255ef;
    }

    .horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
        color: #fff !important;
    }
}

/* =========== Horizontal-Gradient CSS ============= */
.horizontal-light .horizontal-main.hor-menu {
    background: #fff;
    box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13);
    border-top: 1px solid #e8ebf1;
}

.horizontal-light .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
.horizontal-light .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: #5964ff;
    background: rgba(234, 235, 243, 0.3);
}

.horizontal-light .horizontalMenu>.horizontalMenu-list>li>a {
    color: #000;
    border-bottom-color: rgba(0, 0, 0, 0.03);
}

.dark-mode.horizontal-light .horizontalMenu>.horizontalMenu-list>li:hover>a {
    color: #5964ff;
    background: rgba(234, 235, 243, 0.3);
}

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

    .horizontal-light .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        background-color: #fafafd;
        margin: 0px;
    }

    .horizontal-light .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: #686868;
    }

    .horizontal-light .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: rgba(0, 0, 0, 0.2);
    }

    .horizontal-light .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
        background-color: #fafafd;
        color: #5964ff;
    }

    .horizontal-light .mega-menubg {
        background: #fafafd !important;
        margin: 0px;
    }

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

    .horizontal-light .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        background-color: #fafafd;
    }

    .horizontal-light .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
        color: #686868;
    }

    .horizontal-light .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
        background-color: #e7e7e7;
        color: #5964ff;
    }

    .horizontal-light .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu {
        color: #000;
    }

    .horizontal-light .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i {
        color: rgba(8, 8, 8, 0.15);
    }

    .horizontal-light .horizontalMenu>.horizontalMenu-list>li:hover>a {
        color: #5964ff;
        background: rgba(234, 235, 243, 0.3);
    }

    .horizontal-light .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
        color: #5964ff !important;
    }
}

/* =========== Body Style1 CSS ============= */
body.body-style1 {
    background: #fff;
}

.body-style1 .horizontal-main.hor-menu {
    background: #fff;
    box-shadow: none;
    border-top: 1px solid #e8ebf1;
    border-bottom: 1px solid #e8ebf1;
}

.body-style1 .card {
    box-shadow: none;
    border: 1px solid #e8ebf1;
}

body.light-mode.body-style1 {
    background: #fff;
}

.light-mode.body-style1 .horizontal-main.hor-menu {
    background: #fff;
    box-shadow: none;
    border-top: 1px solid #e8ebf1;
    border-bottom: 1px solid #e8ebf1;
}

.light-mode.body-style1 .card {
    box-shadow: none;
    border: 1px solid #e8ebf1;
}

body.dark-mode.body-style1 {
    background: #191c23;
}

.dark-mode.body-style1 .horizontal-main.hor-menu {
    background: #191c23;
    box-shadow: none;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.dark-mode.body-style1 .card {
    box-shadow: none;
    border: 1px solid #4b4d57;
}

.body-style1.horizontal-color .horizontal-main.hor-menu {
    background: #5964ff;
    box-shadow: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.body-style1.horizontal-color .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
.body-style1.horizontal-color .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: #fff;
    background: rgba(234, 235, 243, 0.15);
}

.body-style1.horizontal-color .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.body-style1.dark-mode.horizontal-color .horizontalMenu>.horizontalMenu-list>li:hover>a {
    color: #fff;
    background: rgba(234, 235, 243, 0.15);
}

.body-style1.horizontal-dark .horizontal-main.hor-menu {
    background: #191c23;
    box-shadow: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.body-style1.horizontal-dark .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
.body-style1.horizontal-dark .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: #9097ff;
    background: rgba(0, 0, 0, 0.3);
}

.body-style1.horizontal-dark .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.body-style1.horizontal-gradient .horizontal-main.hor-menu {
    background: linear-gradient(to right, #5a65ff, #8548e3);
    box-shadow: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.body-style1.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.body-style1.horizontal-gradient .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
.body-style1.horizontal-gradient .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: #fff;
    background: rgba(234, 235, 243, 0.3);
}

.body-style1.dark-mode.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li:hover>a {
    color: #fff;
    background: rgba(234, 235, 243, 0.3);
}

.body-style1.horizontal-light .horizontal-main.hor-menu {
    background: #fff;
    box-shadow: none;
    border-top: 1px solid #e8ebf1;
}

.body-style1.horizontal-light .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,
.body-style1.horizontal-light .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: #5964ff;
    background: rgba(234, 235, 243, 0.3);
}

.body-style1.horizontal-light .horizontalMenu>.horizontalMenu-list>li>a {
    color: #000;
    border-bottom-color: rgba(0, 0, 0, 0.03);
}

.body-style1.dark-mode.horizontal-light .horizontalMenu>.horizontalMenu-list>li:hover>a {
    color: #5964ff;
    background: rgba(234, 235, 243, 0.3);
}

.light-mode .horizontal-light-switcher {
    display: none !important;
}

.light-mode.body-style1 .app-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: none;
}

.dark-mode .horizontal-Dark-switcher {
    display: none !important;
}

.dark-mode.body-style1 .app-sidebar {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid transparent;
    box-shadow: none;
}

.dark-mode.body-style1 .app-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: none;
}

.light-mode.body-style1 .app-sidebar {
    border-right: 1px solid #e8ebf1;
    border-top: 1px solid transparent;
    box-shadow: none;
}

.light-mode.body-style1 .app-header {
    border-bottom: 1px solid #e8ebf1;
    box-shadow: none;
}

.body-style1.leftmenu-gradient .app-sidebar {
    border-top: 1px solid #5a65ff;
}

/* =========== Leftmenu-color CSS ============= */
.leftmenu-color .app-sidebar {
    background: #5964ff;
    border-right: 1px solid #e8ebf1;
    border-top: 1px solid #e8ebf1;
}

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

.leftmenu-color .side-menu li ul {
    background: transparent;
}

.leftmenu-color .toggle-menu.side-menu li ul li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.01);
    color: rgba(255, 255, 255, 0.7);
}

.leftmenu-color .slide-menu li.active>a {
    color: #fff !important;
}

.leftmenu-color .app-sidebar .slide-menu .slide-item:hover {
    color: #fff;
}

.leftmenu-color .app-sidebar .toggle-menu .side-menu__item.active {
    color: #fff !important;
    background: rgba(234, 235, 243, 0.2);
}

.leftmenu-color .app-sidebar .side-menu__item.active .side-menu__icon {
    color: #fff !important;
}

.leftmenu-color .app-sidebar .toggle-menu .side-menu__item:hover {
    background: rgba(234, 235, 243, 0.2);
    color: #fff !important;
}

.leftmenu-color .app-sidebar .toggle-menu .side-menu__item.active:hover .side-menu__icon {
    color: #fff !important;
}

.leftmenu-color .toggle-menu.side-menu li a {
    border-top: 1px solid transparent;
}

.leftmenu-color .side-menu h3 {
    color: rgba(255, 255, 255, 0.6);
}

.dark-mode.leftmenu-color .app-sidebar {
    background: #5964ff;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.leftmenu-color .slide.is-expanded .side-menu__item {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}

/* =========== Leftmenu-Dark CSS ============= */
.leftmenu-dark .app-sidebar {
    background: #191c23;
    border-right: 1px solid transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

.leftmenu-dark .side-menu li ul {
    background: transparent;
}

.leftmenu-dark .toggle-menu.side-menu li ul li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.01);
    color: rgba(255, 255, 255, 0.7);
}

.leftmenu-dark .slide-menu li.active>a {
    color: #868eff !important;
}

.leftmenu-dark .app-sidebar .slide-menu .slide-item:hover {
    color: #868eff;
}

.leftmenu-dark .app-sidebar .toggle-menu .side-menu__item.active {
    color: #868eff !important;
    background: rgba(0, 0, 0, 0.3);
}

.leftmenu-dark .app-sidebar .side-menu__item.active .side-menu__icon {
    color: #868eff !important;
}

.leftmenu-dark .app-sidebar .toggle-menu .side-menu__item:hover {
    background: rgba(0, 0, 0, 0.3);
    color: #868eff !important;
}

.leftmenu-dark .app-sidebar .toggle-menu .side-menu__item.active:hover .side-menu__icon {
    color: #868eff !important;
}

.leftmenu-dark .toggle-menu.side-menu li a {
    border-top: 1px solid transparent;
}

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

.dark-mode.leftmenu-dark .app-sidebar {
    border-right: 1px solid transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.leftmenu-dark .slide.is-expanded .side-menu__item {
    color: #868eff;
    background: rgba(0, 0, 0, 0.3);
}

/* =========== Leftmenu-Gradient CSS ============= */
.leftmenu-gradient .app-sidebar {
    background: linear-gradient(to top, #8548e3 0%, #5a65ff 70%);
    border-right: 1px solid #e8ebf1;
    border-top: 1px solid #e8ebf1;
}

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

.leftmenu-gradient .side-menu li ul {
    background: transparent;
}

.leftmenu-gradient .toggle-menu.side-menu li ul li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.01);
    color: rgba(255, 255, 255, 0.7);
}

.leftmenu-gradient .slide-menu li.active>a {
    color: #fff !important;
}

.leftmenu-gradient .app-sidebar .slide-menu .slide-item:hover {
    color: #fff;
}

.leftmenu-gradient .app-sidebar .toggle-menu .side-menu__item.active {
    color: #fff !important;
    background: rgba(234, 235, 243, 0.2);
}

.leftmenu-gradient .app-sidebar .side-menu__item.active .side-menu__icon {
    color: #fff !important;
}

.leftmenu-gradient .app-sidebar .toggle-menu .side-menu__item:hover {
    background: rgba(234, 235, 243, 0.2);
    color: #fff !important;
}

.leftmenu-gradient .app-sidebar .toggle-menu .side-menu__item.active:hover .side-menu__icon {
    color: #fff !important;
}

.leftmenu-gradient .toggle-menu.side-menu li a {
    border-top: 1px solid transparent;
}

.leftmenu-gradient .side-menu h3 {
    color: rgba(255, 255, 255, 0.6);
}

.dark-mode.leftmenu-gradient .app-sidebar {
    background: linear-gradient(to top, #8548e3 0%, #5a65ff 70%);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}

.leftmenu-gradient .slide.is-expanded .side-menu__item {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}

/* =========== Leftmenu-Light CSS ============= */
.leftmenu-light .app-sidebar {
    box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13);
    background: #fff;
    border-right: 1px solid #e8ebf1;
    border-top: 1px solid #e8ebf1;
}

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

.leftmenu-light .side-menu li ul {
    background: transparent;
}

.leftmenu-light .toggle-menu.side-menu li ul li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.01);
    color: #000;
}

.leftmenu-light .slide-menu li.active>a {
    color: #5964ff !important;
}

.leftmenu-light .app-sidebar .slide-menu .slide-item:hover {
    color: #5964ff;
}

.leftmenu-light .app-sidebar .toggle-menu .side-menu__item.active {
    color: #5964ff !important;
    background: rgba(234, 235, 243, 0.3);
}

.leftmenu-light .app-sidebar .side-menu__item.active .side-menu__icon {
    color: #5964ff !important;
}

.leftmenu-light .app-sidebar .toggle-menu .side-menu__item:hover {
    color: #5964ff !important;
    background: rgba(234, 235, 243, 0.3);
}

.leftmenu-light .app-sidebar .toggle-menu .side-menu__item.active:hover .side-menu__icon {
    color: #5964ff !important;
}

.leftmenu-light .toggle-menu.side-menu li a {
    border-top: 1px solid transparent;
}

.leftmenu-light .side-menu h3 {
    color: #b1b3bb;
}

.dark-mode.leftmenu-light .app-sidebar {
    border-top: 1px solid transparent;
}

.dark-mode.leftmenu-light .slide.is-expanded .side-menu__item {
    color: #5964ff;
    background: rgba(234, 235, 243, 0.3);
}

/*--- Patterns ---*/
body.pattern1 {
    background: url(../images/patterns/bg-1.png);
}

body.pattern2 {
    background: url(../images/patterns/bg-2.png);
}

body.pattern3 {
    background: url(../images/patterns/bg-3.png);
}

body.pattern4 {
    background: url(../images/patterns/bg-4.png);
}

body.pattern5 {
    background: url(../images/patterns/bg-5.png);
}

body.pattern6 {
    background: url(../images/patterns/bg-6.png);
    background-color: #23262f !important;
}

body.pattern7 {
    background: url(../images/patterns/bg-7.png);
    background-color: #23262f !important;
}

body.pattern8 {
    background: url(../images/patterns/bg-8.png);
    background-color: #23262f !important;
}

body.pattern9 {
    background: url(../images/patterns/bg-9.png);
    background-color: #23262f !important;
}

body.pattern10 {
    background: url(../images/patterns/bg-10.png);
    background-color: #23262f !important;
}

body.pattern1.body-style1 {
    background: url(../images/patterns/bg-1.png);
}

body.pattern2.body-style1 {
    background: url(../images/patterns/bg-2.png);
}

body.pattern3.body-style1 {
    background: url(../images/patterns/bg-3.png);
}

body.pattern4.body-style1 {
    background: url(../images/patterns/bg-4.png);
}

body.pattern5.body-style1 {
    background: url(../images/patterns/bg-5.png);
}

body.pattern6.body-style1 {
    background: url(../images/patterns/bg-6.png);
    background-color: #23262f !important;
}

body.pattern7.body-style1 {
    background: url(../images/patterns/bg-7.png);
    background-color: #23262f !important;
}

body.pattern8.body-style1 {
    background: url(../images/patterns/bg-8.png);
    background-color: #23262f !important;
}

body.pattern9.body-style1 {
    background: url(../images/patterns/bg-9.png);
    background-color: #23262f !important;
}

body.pattern10.body-style1 {
    background: url(../images/patterns/bg-10.png);
    background-color: #23262f !important;
}

/*---- Bg-Image ---*/
.leftbgimage1 .app-sidebar {
    background: url(../images/photos/bgimage1.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftbgimage1 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(255, 255, 255, 0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftbgimage2 .app-sidebar {
    background: url(../images/photos/bgimage2.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftbgimage2 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(255, 255, 255, 0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftbgimage3 .app-sidebar {
    background: url(../images/photos/bgimage3.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftbgimage3 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(255, 255, 255, 0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftbgimage4 .app-sidebar {
    background: url(../images/photos/bgimage4.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftbgimage4 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(255, 255, 255, 0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftbgimage5 .app-sidebar {
    background: url(../images/photos/bgimage5.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftbgimage5 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(255, 255, 255, 0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

/* Dark left-menu*/
.dark-mode.leftbgimage1 .app-sidebar {
    background: url(../images/photos/bgimage1.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.dark-mode.leftbgimage1 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(43, 46, 57, 0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.dark-mode.leftbgimage2 .app-sidebar {
    background: url(../images/photos/bgimage2.jpg) !important;
    background-size: cover;
    border-right: 0;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.dark-mode.leftbgimage2 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(43, 46, 57, 0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.dark-mode.leftbgimage3 .app-sidebar {
    background: url(../images/photos/bgimage3.jpg) !important;
    background-size: cover;
    border-right: 0;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.dark-mode.leftbgimage3 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(43, 46, 57, 0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.dark-mode.leftbgimage4 .app-sidebar {
    background: url(../images/photos/bgimage4.jpg) !important;
    background-size: cover;
    border-right: 0;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.dark-mode.leftbgimage4 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(43, 46, 57, 0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.dark-mode.leftbgimage5 .app-sidebar {
    background: url(../images/photos/bgimage5.jpg) !important;
    background-size: cover;
    border-right: 0;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.dark-mode.leftbgimage5 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(43, 46, 57, 0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

/* Left menu color */
.leftmenu-color.leftbgimage1 .app-sidebar {
    background: url(../images/photos/bgimage1.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-color.leftbgimage1 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(89, 100, 255, 0.85);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-color.leftbgimage1 .side-menu li ul {
    background: transparent;
}

.leftmenu-color.leftbgimage2 .app-sidebar {
    background: url(../images/photos/bgimage2.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-color.leftbgimage2 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(89, 100, 255, 0.85);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-color.leftbgimage2 .side-menu li ul {
    background: transparent;
}

.leftmenu-color.leftbgimage3 .app-sidebar {
    background: url(../images/photos/bgimage3.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-color.leftbgimage3 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(89, 100, 255, 0.85);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-color.leftbgimage3 .side-menu li ul {
    background: transparent;
}

.leftmenu-color.leftbgimage4 .app-sidebar {
    background: url(../images/photos/bgimage4.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-color.leftbgimage4 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(89, 100, 255, 0.85);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-color.leftbgimage4 .side-menu li ul {
    background: transparent;
}

.leftmenu-color.leftbgimage5 .app-sidebar {
    background: url(../images/photos/bgimage5.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-color.leftbgimage5 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(89, 100, 255, 0.85);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-color.leftbgimage5 .side-menu li ul {
    background: transparent;
}

/* Left menu Dark */
.leftmenu-dark.leftbgimage1 .app-sidebar {
    background: url(../images/photos/bgimage1.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-dark.leftbgimage1 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(43, 46, 57, 0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-dark.leftbgimage1 .side-menu li ul {
    background: rgba(58, 55, 57, 0);
}

.leftmenu-dark.leftbgimage2 .app-sidebar {
    background: url(../images/photos/bgimage2.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-dark.leftbgimage2 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(43, 46, 57, 0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-dark.leftbgimage2 .side-menu li ul {
    background: rgba(58, 55, 57, 0);
}

.leftmenu-dark.leftbgimage3 .app-sidebar {
    background: url(../images/photos/bgimage3.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-dark.leftbgimage3 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(43, 46, 57, 0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-dark.leftbgimage3 .side-menu li ul {
    background: rgba(58, 55, 57, 0);
}

.leftmenu-dark.leftbgimage4 .app-sidebar {
    background: url(../images/photos/bgimage4.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-dark.leftbgimage4 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(43, 46, 57, 0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-dark.leftbgimage4 .side-menu li ul {
    background: rgba(58, 55, 57, 0);
}

.leftmenu-dark.leftbgimage5 .app-sidebar {
    background: url(../images/photos/bgimage5.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-dark.leftbgimage5 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(43, 46, 57, 0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-dark.leftbgimage5 .side-menu li ul {
    background: rgba(58, 55, 57, 0);
}

/* Left menu Gradient */
.leftmenu-gradient.leftbgimage1 .app-sidebar {
    background: url(../images/photos/bgimage1.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-gradient.leftbgimage1 .app-sidebar:before {
    content: '';
    position: fixed;
    background: linear-gradient(to top, rgba(133, 72, 227, 0.9) 0%, rgba(90, 101, 255, 0.9) 70%);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-gradient.leftbgimage2 .app-sidebar {
    background: url(../images/photos/bgimage2.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-gradient.leftbgimage2 .app-sidebar:before {
    content: '';
    position: fixed;
    background: linear-gradient(to top, rgba(133, 72, 227, 0.9) 0%, rgba(90, 101, 255, 0.9) 70%);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-gradient.leftbgimage3 .app-sidebar {
    background: url(../images/photos/bgimage3.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-gradient.leftbgimage3 .app-sidebar:before {
    content: '';
    position: fixed;
    background: linear-gradient(to top, rgba(133, 72, 227, 0.9) 0%, rgba(90, 101, 255, 0.9) 70%);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-gradient.leftbgimage4 .app-sidebar {
    background: url(../images/photos/bgimage4.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-gradient.leftbgimage4 .app-sidebar:before {
    content: '';
    position: fixed;
    background: linear-gradient(to top, rgba(133, 72, 227, 0.9) 0%, rgba(90, 101, 255, 0.9) 70%);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-gradient.leftbgimage5 .app-sidebar {
    background: url(../images/photos/bgimage5.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-gradient.leftbgimage5 .app-sidebar:before {
    content: '';
    position: fixed;
    background: linear-gradient(to top, rgba(133, 72, 227, 0.9) 0%, rgba(90, 101, 255, 0.9) 70%);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

/* Left menu Light */
.leftmenu-light.leftbgimage1 .app-sidebar {
    background: url(../images/photos/bgimage1.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-light.leftbgimage1 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(255, 255, 255, 0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-light.leftbgimage2 .app-sidebar {
    background: url(../images/photos/bgimage2.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-light.leftbgimage2 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(255, 255, 255, 0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-light.leftbgimage3 .app-sidebar {
    background: url(../images/photos/bgimage3.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-light.leftbgimage3 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(255, 255, 255, 0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-light.leftbgimage4 .app-sidebar {
    background: url(../images/photos/bgimage4.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-light.leftbgimage4 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(255, 255, 255, 0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

.leftmenu-light.leftbgimage5 .app-sidebar {
    background: url(../images/photos/bgimage5.jpg) !important;
    background-size: cover;
    height: 100vh;
    width: 250px;
    border-right: 1px solid transparent;
}

.leftmenu-light.leftbgimage5 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgba(255, 255, 255, 0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-top: 68px;
}

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