/*----------- Header -------------*/
/*---Heade-color---*/
@media (min-width: 992px) {
    .color-header .hor-header .demo-icon {
        border-right: 1px solid #7d67d4 !important;
    }

    .color-header .nav-link.theme-layout {
        border-left: 1px solid #7d67d4 !important;
    }
}

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

.color-header .profile-dropdown {
    border-right: 1px solid #7d67d4 !important;
}

.color-header .collapse:not(.show) {
    display: none;
    background: transparent;
}

.color-header .header {
    background: #664dc9;
}

.color-header .app-sidebar__toggle {
    border-right: 1px solid #7d67d4;
}

.color-header .app-header {
    border-bottom: 1px solid #7d67d4 !important;
}

.color-header .header-icon {
    fill: #fff !important;
}

.color-header .header .form-inline .form-control {
    background: #664dc9;
    color: #fff;
}

.color-header .form-control::placeholder {
    color: #ffffff !important;
}

.color-header.dark-mode .form-control::placeholder {
    color: #ffffff !important;
    opacity: 0.5 !important;
}

.color-header .nav-link.icon .header-icon {
    background: transparent;
}

.color-header .header .main-header-end .nav-link.icon {
    border-right: 1px solid #7d67d4;
}

.color-header #fullscreen-button {
    border-left: 1px solid #7d67d4;
}

.color-header .hor-header .form-control {
    border: 1px solid #7d67d4 !important;
}

.color-header .hor-header .search-element .btn {
    background-color: transparent !important;
}

@media (max-width: 992px) {
    .color-header .hor-header .form-control:focus {
        border-color: #32394e !important;
    }

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

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

.color-header .hor-header .desktop-lgo,
.color-header .hor-header .mobile-logo,
.color-header .hor-header .darkmobile-logo {
    display: none !important;
}

.color-header .hor-header .dark-logo {
    display: block !important;
    margin: 0 auto;
}

.color-header .hor-header .form-inline .btn .search-icon {
    fill: #ccd4e0 !important;
}

@media (min-width: 767px) {
    .color-header .hor-header .profile-dropdown img {
        box-shadow: 0 0 0 4px #755dd3;
        border: 2px solid #755dd3;
    }

    .color-header .profile-dropdown img {
        box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
        border: 2px solid #755dd3;
    }
}

@media (max-width: 767px) {
    .color-header .header-icon.settings-icon {
        fill: #fff !important;
    }

    .color-header.dark-mode .header-icon.settings-icon {
        fill: #fff !important;
    }

    .color-header .profile-dropdown {
        border-right: 1px solid #e6ebf1 !important;
    }

    .color-header.dark-mode .profile-dropdown {
        border-right: 1px solid #32394e !important;
    }

    .color-header .hor-header .navbar-toggler {
        top: -10px;
    }

    .color-header .hor-header .animated-arrow span {
        background: #ffffff;
    }

    .color-header .hor-header .animated-arrow span:before,
    .color-header .hor-header .animated-arrow span:after {
        background: #ffffff;
    }

    .color-header .profile-dropdown .header-icon {
        fill: #664dc9 !important;
    }

    .color-header .header .main-header-end .nav-link.icon {
        border-right: 1px solid #e6ebf1;
    }

    .color-header.dark-mode .header .main-header-end .nav-link.icon {
        border-right: 1px solid #32394e;
    }

    .color-header.dark-mode .profile-dropdown .header-icon {
        fill: #ccd4e0 !important;
    }

    .color-header .theme-layout {
        border-left: 0px !important;
    }

    .color-header .desktop-lgo,
    .color-header .darkmobile-logo,
    .color-header .mobile-logo {
        display: none !important;
    }

    .color-header .header-brand-img.dark-logo {
        display: block !important;
        margin: 0 auto;
        text-align: center;
        left: 0;
        right: 0;
        position: absolute;
    }

    .color-header .header-icon {
        fill: #664dc9 !important;
    }

    .color-header .app-sidebar__toggle .header-icon {
        fill: #fff !important;
    }

    .color-header .nav-link.icon .header-icon {
        background: transparent;
    }

    .color-header .nav-link.icon .header-icon {
        margin-top: 3px;
    }

    .color-header .hader-message {
        margin-left: 0px;
    }

    .color-header.dark-mode .header-icon {
        fill: #ccd4e0 !important;
    }
}

.color-header .navbar-toggler-icon {
    color: #fff;
}

.color-header .navbar-toggler:focus {
    box-shadow: none;
}

@media (min-width: 992px) {
    .dark-header .hor-header .demo-icon {
        border-right: 1px solid #32394e !important;
    }

    .dark-header .nav-link.theme-layout {
        border-left: 1px solid #32394e !important;
    }
}

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

.dark-header .hor-header .desktop-lgo,
.dark-header .hor-header .darkmobile-logo,
.dark-header .hor-header .mobile-logo {
    display: none !important;
}

.dark-header .hor-header .dark-logo {
    display: block !important;
}

@media (max-width: 992px) {
    .dark-header .hor-header .animated-arrow span {
        background: #ffffff !important;
    }

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

    .dark-header .hor-header .theme-layout {
        border-left: 0px !important;
    }
}

.dark-header .profile-dropdown {
    border-right: 1px solid #32394e !important;
}

@media (min-width: 768px) {
    .dark-header .hor-header .header-search {
        border: 1px solid #32394e !important;
    }

    .dark-header .hor-header .search-element .btn {
        background-color: transparent !important;
    }

    .dark-header .hor-header .search-element .btn .search-icon {
        fill: #ccd4e0 !important;
    }

    .dark-header .profile-dropdown img {
        box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
        border: 2px solid #32394e;
    }
}

.dark-header .collapse:not(.show) {
    display: none;
    background: transparent;
}

.dark-header .header {
    background: #2a2e3f;
}

.dark-header .app-sidebar__toggle {
    border-right: 1px solid #32394e;
}

.dark-header .app-header {
    border-bottom: 1px solid #32394e !important;
}

.dark-header .header-icon {
    fill: #fff !important;
}

.dark-header .header .form-inline .form-control {
    background: #2a2e3f;
    color: #fff;
}

.dark-header .form-control::placeholder {
    color: #ffffff !important;
}

.dark-header.dark-mode .form-control::placeholder {
    color: #ffffff !important;
    opacity: 0.5 !important;
}

.dark-header .nav-link.icon .header-icon {
    background: transparent;
}

.dark-header .header .main-header-end .nav-link.icon {
    border-right: 1px solid #32394e;
}

.dark-header #fullscreen-button {
    border-left: 1px solid #32394e;
}

@media (max-width: 767px) {
    .dark-header .profile-dropdown {
        border-right: 1px solid #e6ebf1 !important;
    }

    .dark-header.dark-mode .profile-dropdown {
        border-right: 1px solid #32394e !important;
    }

    .dark-header .header-icon.settings-icon {
        fill: #fff !important;
    }

    .dark-header .profile-dropdown img {
        box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
        border: 2px solid #e6ebf1;
    }

    .dark-header .profile-dropdown .header-icon {
        fill: #664dc9 !important;
    }

    .dark-header .header .main-header-end .nav-link.icon {
        border-right: 1px solid #e6ebf1;
    }

    .dark-header.dark-mode .header .main-header-end .nav-link.icon {
        border-right: 1px solid #32394e;
    }

    .dark-header.dark-mode .profile-dropdown .header-icon {
        fill: #ccd4e0 !important;
    }

    .dark-header .theme-layout {
        border-left: 0px !important;
    }

    .dark-header .desktop-lgo,
    .dark-header .darkmobile-logo,
    .dark-header .mobile-logo {
        display: none !important;
    }

    .dark-header .header-brand-img.dark-logo {
        display: block !important;
        margin: 0 auto;
        text-align: center;
        left: 0;
        right: 0;
        position: absolute;
    }

    .dark-header .header-icon {
        fill: #664dc9 !important;
    }

    .dark-header .app-sidebar__toggle .header-icon {
        fill: #fff !important;
    }

    .dark-header .nav-link.icon .header-icon {
        background: transparent;
    }

    .dark-header .nav-link.icon .header-icon {
        margin-top: 3px;
    }

    .dark-header .hader-message {
        margin-left: 0px;
    }

    .dark-header.dark-mode .header-icon {
        fill: #ccd4e0 !important;
    }
}

.dark-header .navbar-toggler-icon {
    color: #fff;
}

.dark-header .navbar-toggler:focus {
    box-shadow: none;
}

@media (min-width: 992px) {
    .light-header .hor-header .demo-icon {
        border-right: 1px solid #e6ebf1 !important;
    }

    .light-header .nav-link.theme-layout {
        border-left: 1px solid #e6ebf1 !important;
    }
}

.light-header .hor-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.light-header.dark-mode .profile-dropdown {
    margin-top: 1px;
    border-right: 1px solid #e6ebf1 !important;
}

.light-header .profile-dropdown img {
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 2px solid #e6ebf1;
}

.light-header .collapse:not(.show) {
    display: none;
    background: transparent;
}

.light-header .header {
    background: #fff;
}

.light-header .app-sidebar__toggle {
    border-right: 1px solid #e6ebf1;
}

.light-header .app-header {
    border-bottom: 1px solid #e6ebf1 !important;
}

.light-header .header-icon {
    fill: #664dc9 !important;
}

.light-header .header .form-inline .form-control {
    background: #fff;
    color: #8c97a9;
}

.light-header .form-control::placeholder {
    color: #bcc1c4 !important;
}

.light-header.dark-mode .form-control::placeholder {
    color: #bcc1c4 !important;
    opacity: 0.5 !important;
}

.light-header .nav-link.icon .header-icon {
    background: transparent;
}

.light-header .header .main-header-end .nav-link.icon {
    border-right: 1px solid #e6ebf1;
}

.light-header #fullscreen-button {
    border-left: 1px solid #e6ebf1;
}

.light-header.dark-mode .search-element .search-icon {
    fill: #664dc9 !important;
}

.light-header .hor-header .form-control {
    border: 1px solid #e6ebf1 !important;
}

.light-header .hor-header .search-element .btn {
    background-color: #664dc9 !important;
}

@media (max-width: 992px) {
    .light-header .hor-header .form-control:focus {
        border-color: #e6ebf1 !important;
    }
}

.light-header .hor-header .dark-logo,
.light-header .hor-header .mobile-logo,
.light-header .hor-header .darkmobile-logo {
    display: none !important;
}

.light-header .hor-header .desktop-lgo {
    display: block !important;
}

.light-header .hor-header .form-inline .btn .search-icon {
    fill: #ccd4e0 !important;
}

@media (min-width: 767px) {
    .light-header .hor-header .profile-dropdown img {
        box-shadow: 0 0 0 4px #e6ebf1;
        border: 2px solid #e6ebf1;
    }
}

@media (max-width: 767px) {
    .light-header.dark-mode .header-icon.settings-icon {
        fill: #664dc9 !important;
    }

    .light-header.dark-mode .profile-dropdown {
        border-right: 1px solid #32394e !important;
    }

    .light-header .hor-header .navbar-toggler {
        top: -10px;
    }

    .light-header .hor-header .animated-arrow span {
        background: #664dc9;
    }

    .light-header .hor-header .animated-arrow span:before,
    .light-header .hor-header .animated-arrow span:after {
        background: #664dc9;
    }

    .light-header .profile-dropdown .header-icon {
        fill: #664dc9 !important;
    }

    .light-header .header .main-header-end .nav-link.icon {
        border-right: 1px solid #e6ebf1;
    }

    .light-header.dark-mode .header .main-header-end .nav-link.icon {
        border-right: 1px solid #32394e;
    }

    .light-header.dark-mode .profile-dropdown .header-icon {
        fill: #ccd4e0 !important;
    }

    .light-header .theme-layout {
        border-left: 0px !important;
    }

    .light-header .dark-logo,
    .light-header .darkmobile-logo,
    .light-header .mobile-logo {
        display: none !important;
    }

    .light-header .header-brand-img.desktop-lgo {
        display: block !important;
        margin: 0 auto;
        text-align: center;
        left: 0;
        right: 0;
        position: absolute;
    }

    .light-header.dark-mode .dark-logo,
    .light-header.dark-mode .darkmobile-logo,
    .light-header.dark-mode .mobile-logo {
        display: none !important;
    }

    .light-header.dark-mode .header-brand-img.desktop-lgo {
        display: block !important;
        margin: 0 auto;
    }

    .light-header .header-icon {
        fill: #664dc9 !important;
    }

    .light-header .app-sidebar__toggle .header-icon {
        fill: #664dc9 !important;
    }

    .light-header .nav-link.icon .header-icon {
        background: transparent;
    }

    .light-header .nav-link.icon .header-icon {
        margin-top: 3px;
    }

    .light-header .hader-message {
        margin-left: 0px;
    }

    .light-header.dark-mode .header-icon {
        fill: #ccd4e0 !important;
    }

    .light-header.dark-mode .app-sidebar__toggle .header-icon {
        fill: #664dc9 !important;
    }
}

.light-header .navbar-toggler-icon {
    color: #664dc9;
}

.light-header .navbar-toggler:focus {
    box-shadow: none;
}

@media (min-width: 992px) {
    .gradient-header .hor-header .header-search {
        border: 1px solid #755dd3 !important;
    }

    .gradient-header .hor-header .demo-icon {
        border-right: 1px solid #7d67d4 !important;
    }

    .gradient-header .nav-link.theme-layout {
        border-left: 1px solid #7d67d4 !important;
    }
}

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

.gradient-header .hor-header .desktop-lgo,
.gradient-header .hor-header .darkmobile-logo,
.gradient-header .hor-header .mobile-logo {
    display: none !important;
}

.gradient-header .hor-header .dark-logo {
    display: block !important;
}

@media (max-width: 992px) {
    .gradient-header .hor-header .animated-arrow span {
        background: #ffffff !important;
    }

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

    .gradient-header .hor-header .hor-header .header-search {
        border: 1px solid #e6ebf1 !important;
    }
}

.gradient-header .profile-dropdown {
    border-right: 1px solid #7d67d4 !important;
}

.gradient-header .collapse:not(.show) {
    display: none;
    background: transparent;
}

.gradient-header .header {
    background-image: linear-gradient(to right, #513da0, #664dc9) !important;
}

.gradient-header .app-sidebar__toggle {
    border-right: 1px solid #7d67d4;
}

.gradient-header .app-header {
    border-bottom: 1px solid #7d67d4 !important;
}

.gradient-header .header-icon {
    fill: #fff !important;
}

.gradient-header .header .form-inline .form-control {
    background: transparent;
    color: #fff;
}

.gradient-header .form-control::placeholder {
    color: #ffffff !important;
}

.gradient-header.dark-mode .form-control::placeholder {
    color: #ffffff !important;
    opacity: 0.5 !important;
}

.gradient-header .nav-link.icon .header-icon {
    background: transparent;
}

.gradient-header .header .main-header-end .nav-link.icon {
    border-right: 1px solid #7d67d4;
}

.gradient-header #fullscreen-button {
    border-left: 1px solid #7d67d4;
}

@media (min-width: 767px) {
    .gradient-header .profile-dropdown img {
        box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
        border: 2px solid #755dd3;
    }

    .gradient-header .form-control::placeholder {
        color: #ffffff !important;
    }

    .gradient-header .hor-header .search-element .btn {
        background-color: transparent !important;
    }

    .gradient-header .hor-header .search-element .btn .search-icon {
        fill: #ccd4e0 !important;
    }
}

@media (max-width: 767px) {
    .gradient-header .header-icon.settings-icon {
        fill: #fff !important;
    }

    .gradient-header.dark-mode .header-icon.settings-icon {
        fill: #fff !important;
    }

    .gradient-header .profile-dropdown {
        border-right: 1px solid #e6ebf1 !important;
    }

    .gradient-header.dark-mode .profile-dropdown {
        border-right: 1px solid #32394e !important;
    }

    .gradient-header .profile-dropdown .header-icon {
        fill: #664dc9 !important;
    }

    .gradient-header .header .main-header-end .nav-link.icon {
        border-right: 1px solid #e6ebf1;
    }

    .gradient-header.dark-mode .header .main-header-end .nav-link.icon {
        border-right: 1px solid #32394e;
    }

    .gradient-header.dark-mode .profile-dropdown .header-icon {
        fill: #ccd4e0 !important;
    }

    .gradient-header .theme-layout {
        border-left: 0px !important;
    }

    .gradient-header .desktop-lgo,
    .gradient-header .darkmobile-logo,
    .gradient-header .mobile-logo {
        display: none !important;
    }

    .gradient-header .header-brand-img.dark-logo {
        display: block !important;
        margin: 0 auto;
        text-align: center;
        left: 0;
        right: 0;
        position: absolute;
    }

    .gradient-header .header-icon {
        fill: #664dc9 !important;
    }

    .gradient-header .app-sidebar__toggle .header-icon {
        fill: #fff !important;
    }

    .gradient-header .nav-link.icon .header-icon {
        background: transparent;
    }

    .gradient-header .nav-link.icon .header-icon {
        margin-top: 3px;
    }

    .gradient-header .hader-message {
        margin-left: 0px;
    }

    .gradient-header.dark-mode .header-icon {
        fill: #ccd4e0 !important;
    }
}

.gradient-header .navbar-toggler-icon {
    color: #fff;
}

.gradient-header .navbar-toggler:focus {
    box-shadow: none;
}

.color-menu .sub-side-menu__label2 {
    color: #ccd4e0;
}

.color-menu .sub-angle2 {
    color: #ccd4e0;
}

.color-menu .sub-slide-item2 {
    color: #ccd4e0;
}

.color-menu .slide-menu a.active {
    color: #ffffff !important;
}

.color-menu .sub-side-menu__item {
    color: #ccd4e0;
}

.color-menu .sub-slide-item {
    color: #ccd4e0;
}

.color-menu .desktop-lgo {
    display: none;
}

.color-menu .dark-logo {
    display: block !important;
    margin: 0 auto;
}

.color-menu .app-sidebar {
    background: #664dc9 !important;
}

.color-menu .app-sidebar__logo {
    border-bottom: 1px solid #755dd3;
    border-right: 1px solid #755dd3;
    background: #664dc9;
    padding: 14px 40px;
}

.color-menu .app-sidebar .side-item.side-item-category {
    color: #ccd4e0;
}

.color-menu .app-sidebar {
    border-right: 1px solid #755dd3;
}

.color-menu .app-sidebar__user {
    border-bottom: 1px solid #755dd3;
}

.color-menu .slide.is-expanded .slide-menu li a:hover {
    color: #fff;
}

.color-menu .app-sidebar__user .user-pic img {
    border: 3px solid #755dd3;
    box-shadow: 0 0 0 4px #755dd3;
}

.color-menu .app-sidebar__user-name {
    color: #ccd4e0b5 !important;
}

.color-menu .app-sidebar {
    border-top: 1px solid #755dd3;
}

.color-menu .user-info h5 {
    color: #ccd4e0;
}

.color-menu .side-menu__item.active,
.color-menu .side-menu__item:hover,
.color-menu .side-menu__item:focus {
    background: #ccd4e01c;
    color: #fff !important;
}

.color-menu .side-menu__item.active .side-menu__label,
.color-menu .side-menu__item:hover .side-menu__label,
.color-menu .side-menu__item:focus .side-menu__label {
    color: #fff !important;
}

.color-menu .side-menu__item.active .side-menu__icon,
.color-menu .side-menu__item:hover .side-menu__icon,
.color-menu .side-menu__item:focus .side-menu__icon {
    fill: #fff !important;
}

.color-menu .side-menu__item.active i,
.color-menu .side-menu__item:hover i,
.color-menu .side-menu__item:focus i {
    color: #fff !important;
}

.color-menu .side-menu__label {
    color: #ccd4e0 !important;
}

.color-menu .side-menu__icon {
    fill: #ccd4e0 !important;
}

.color-menu .side-menu__item i {
    color: #ccd4e0;
}

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

.color-menu.sidenav-toggled1 .side-menu__item:focus {
    background: #ccd4e01c !important;
}

@media (min-width: 768px) {
    .color-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
        border-right: 1px solid #755dd3 !important;
    }

    .color-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
        border-bottom: 1px solid #755dd3 !important;
    }

    .color-menu.sidenav-toggled .desktop-lgo,
    .color-menu.sidenav-toggled .dark-logo,
    .color-menu.sidenav-toggled .mobile-logo {
        display: none !important;
    }

    .color-menu.sidenav-toggled .darkmobile-logo {
        display: block !important;
        margin: 0 auto;
    }

    .color-menu.sidenav-toggled.sidenav-toggled1 .desktop-lgo,
    .color-menu.sidenav-toggled.sidenav-toggled1 .darkmobile-logo,
    .color-menu.sidenav-toggled.sidenav-toggled1 .mobile-logo {
        display: none !important;
    }

    .color-menu.sidenav-toggled.sidenav-toggled1 .dark-logo {
        display: block !important;
        margin: 0 auto;
    }

    .color-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
        padding: 14px 40px;
    }

    .color-menu.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
        margin-top: 0px;
    }

    .color-menu .app-sidebar__logo {
        border-right: 1px solid #755dd3 !important;
    }
}

.dark-menu .sub-side-menu__label2 {
    color: #ccd4e0;
}

.dark-menu .sub-angle2 {
    color: #ccd4e0;
}

.dark-menu .sub-slide-item2 {
    color: #ccd4e0;
}

.dark-menu .slide-menu a.active {
    color: #ffffff !important;
}

.dark-menu .sub-side-menu__item {
    color: #ccd4e0;
}

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

.dark-menu .desktop-lgo {
    display: none;
}

.dark-menu .dark-logo {
    display: block !important;
    margin: 0 auto;
}

.dark-menu .app-sidebar {
    background: #2a2e3f !important;
}

.dark-menu .app-sidebar__logo {
    border-bottom: 1px solid #32394e;
    border-right: 1px solid #32394e;
    background: #2a2e3f;
    padding: 14px 40px;
}

.dark-menu .app-sidebar .side-item.side-item-category {
    color: #ccd4e0;
}

.dark-menu .app-sidebar {
    border-right: 1px solid #32394e;
}

.dark-menu .app-sidebar__user {
    border-bottom: 1px solid #32394e;
}

.dark-menu .slide.is-expanded .slide-menu li a:hover {
    color: #fff;
}

.dark-menu .app-sidebar__user .user-pic img {
    border: 3px solid #32394e;
    box-shadow: 0 0 0 4px #32394e;
}

.dark-menu .app-sidebar__user-name {
    color: #ccd4e0b5 !important;
}

.dark-menu .app-sidebar {
    border-top: 1px solid #32394e;
}

.dark-menu .user-info h5 {
    color: #ccd4e0;
}

.dark-menu .side-menu__item.active,
.dark-menu .side-menu__item:hover,
.dark-menu .side-menu__item:focus {
    background: #ccd4e01c;
    color: #fff !important;
}

.dark-menu .side-menu__item.active .side-menu__label,
.dark-menu .side-menu__item:hover .side-menu__label,
.dark-menu .side-menu__item:focus .side-menu__label {
    color: #fff !important;
}

.dark-menu .side-menu__item.active .side-menu__icon,
.dark-menu .side-menu__item:hover .side-menu__icon,
.dark-menu .side-menu__item:focus .side-menu__icon {
    fill: #fff !important;
}

.dark-menu .side-menu__item.active i,
.dark-menu .side-menu__item:hover i,
.dark-menu .side-menu__item:focus i {
    color: #fff !important;
}

.dark-menu .side-menu__label {
    color: #ccd4e0 !important;
}

.dark-menu .side-menu__icon {
    fill: #ccd4e0 !important;
}

.dark-menu .side-menu__item i {
    color: #ccd4e0;
}

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

.dark-menu.sidenav-toggled1 .side-menu__item:focus {
    background: #ccd4e01c !important;
}

@media (min-width: 768px) {
    .dark-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
        border-right: 1px solid #32394e !important;
    }

    .dark-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
        border-bottom: 1px solid #32394e !important;
    }

    .dark-menu.sidenav-toggled .desktop-lgo,
    .dark-menu.sidenav-toggled .dark-logo,
    .dark-menu.sidenav-toggled .mobile-logo {
        display: none !important;
    }

    .dark-menu.sidenav-toggled .darkmobile-logo {
        display: block !important;
        margin: 0 auto;
    }

    .dark-menu.sidenav-toggled.sidenav-toggled1 .desktop-lgo,
    .dark-menu.sidenav-toggled.sidenav-toggled1 .darkmobile-logo,
    .dark-menu.sidenav-toggled.sidenav-toggled1 .mobile-logo {
        display: none !important;
    }

    .dark-menu.sidenav-toggled.sidenav-toggled1 .dark-logo {
        display: block !important;
        margin: 0 auto;
    }

    .dark-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
        padding: 14px 40px;
    }

    .dark-menu.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
        margin-top: 0px;
    }

    .dark-menu .app-sidebar__logo {
        border-right: 1px solid #32394e !important;
    }
}

.light-menu.dark-mode .hor-header .desktop-lgo {
    display: none !important;
}

.light-menu.dark-mode .hor-header .dark-logo {
    display: block !important;
    margin: 0 auto;
}

.light-menu .desktop-lgo {
    display: none;
}

.light-menu .dark-logo {
    display: block !important;
    margin: 0 auto;
}

.light-menu .app-sidebar {
    background: #fff !important;
}

.light-menu .app-sidebar__logo {
    border-bottom: 1px solid #e6ebf1;
    border-right: 1px solid #e6ebf1;
    background: #fff;
    padding: 14px 40px;
}

.light-menu .app-sidebar .side-item.side-item-category {
    color: #ccd4e0;
}

.light-menu .app-sidebar {
    border-right: 1px solid #e6ebf1;
}

.light-menu .app-sidebar__user {
    border-bottom: 1px solid #e6ebf1;
}

.light-menu .slide.is-expanded .slide-menu li a:hover {
    color: #664dc9;
}

.light-menu .app-sidebar__user .user-pic img {
    border: 3px solid #e6ebf1;
    box-shadow: 0 0 0 4px #e6ebf1;
}

.light-menu .app-sidebar__user-name {
    color: #ccd4e0b5 !important;
}

.light-menu .side-menu__item.active,
.light-menu .side-menu__item:hover,
.light-menu .side-menu__item:focus {
    background: #f5f6f8;
    color: #664dc9 !important;
}

.light-menu .side-menu__item.active .side-menu__label,
.light-menu .side-menu__item:hover .side-menu__label,
.light-menu .side-menu__item:focus .side-menu__label {
    color: #664dc9 !important;
}

.light-menu .side-menu__item.active .side-menu__icon,
.light-menu .side-menu__item:hover .side-menu__icon,
.light-menu .side-menu__item:focus .side-menu__icon {
    fill: #664dc9 !important;
}

.light-menu .side-menu__item.active i,
.light-menu .side-menu__item:hover i,
.light-menu .side-menu__item:focus i {
    color: #664dc9 !important;
}

.light-menu .side-menu__label {
    color: #1a1630 !important;
}

.light-menu .side-menu__icon {
    fill: #664dc9 !important;
}

.light-menu .side-menu__item i {
    color: #1a1630;
}

.light-menu .slide-item {
    color: #1a1630;
}

.light-menu.sidenav-toggled1 .side-menu__item:focus {
    background: #ccd4e01c !important;
}

.light-menu .darkmobile-logo,
.light-menu .dark-logo,
.light-menu .mobile-logo {
    display: none !important;
}

.light-menu .desktop-lgo {
    display: block !important;
    margin: 0 auto;
}

.light-menu .side-item.side-item-category {
    color: #9993b5 !important;
}

.light-menu .text-muted {
    color: #adb1c5 !important;
}

.light-menu.dark-mode .user-info h5 {
    color: #1a1630 !important;
}

@media (min-width: 768px) {
    .light-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
        border-right: 1px solid #e6ebf1 !important;
    }

    .light-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
        border-bottom: 1px solid #e6ebf1 !important;
    }

    .light-menu.sidenav-toggled .darkmobile-logo,
    .light-menu.sidenav-toggled .dark-logo,
    .light-menu.sidenav-toggled .desktop-lgo {
        display: none !important;
    }

    .light-menu.sidenav-toggled .mobile-logo {
        display: block !important;
        margin: 0 auto;
    }

    .light-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
        border-right: 1px solid #e6ebf1 !important;
    }

    .light-menu.sidenav-toggled.sidenav-toggled1 .mobile-logo,
    .light-menu.sidenav-toggled.sidenav-toggled1 .darkmobile-logo,
    .light-menu.sidenav-toggled.sidenav-toggled1 .dark-logo {
        display: none !important;
    }

    .light-menu.sidenav-toggled.sidenav-toggled1 .desktop-lgo {
        display: block !important;
        margin: 0 auto;
    }

    .light-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
        padding: 14px 40px;
    }

    .light-menu.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
        margin-top: 0px;
    }
}

.gradient-menu .sub-side-menu__label2 {
    color: #ccd4e0;
}

.gradient-menu .sub-angle2 {
    color: #ccd4e0;
}

.gradient-menu .sub-slide-item2 {
    color: #ccd4e0;
}

.gradient-menu .slide-menu a.active {
    color: #ffffff !important;
}

.gradient-menu .sub-side-menu__item {
    color: #ccd4e0;
}

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

.gradient-menu .desktop-lgo {
    display: none;
}

.gradient-menu .dark-logo {
    display: block !important;
    margin: 0 auto;
}

.gradient-menu .app-sidebar {
    background-image: linear-gradient(to bottom, #513da0, #664dc9) !important;
}

.gradient-menu .app-sidebar__logo {
    border-bottom: 1px solid #755dd3;
    border-right: 1px solid #755dd3;
    background: #5540a8;
    padding: 14px 40px;
}

.gradient-menu .app-sidebar .side-item.side-item-category {
    color: #ccd4e0;
}

.gradient-menu .app-sidebar {
    border-right: 1px solid #755dd3;
}

.gradient-menu .app-sidebar__user {
    border-bottom: 1px solid #755dd3;
}

.gradient-menu .slide.is-expanded .slide-menu li a:hover {
    color: #fff;
}

.gradient-menu .app-sidebar__user .user-pic img {
    border: 3px solid #755dd3;
    box-shadow: 0 0 0 4px #755dd3;
}

.gradient-menu .app-sidebar__user-name {
    color: #ccd4e0b5 !important;
}

.gradient-menu .app-sidebar {
    border-top: 1px solid #755dd3;
}

.gradient-menu .user-info h5 {
    color: #ccd4e0;
}

.gradient-menu .side-menu__item.active,
.gradient-menu .side-menu__item:hover,
.gradient-menu .side-menu__item:focus {
    background: #ccd4e01c;
    color: #fff !important;
}

.gradient-menu .side-menu__item.active .side-menu__label,
.gradient-menu .side-menu__item:hover .side-menu__label,
.gradient-menu .side-menu__item:focus .side-menu__label {
    color: #fff !important;
}

.gradient-menu .side-menu__item.active .side-menu__icon,
.gradient-menu .side-menu__item:hover .side-menu__icon,
.gradient-menu .side-menu__item:focus .side-menu__icon {
    fill: #fff !important;
}

.gradient-menu .side-menu__item.active i,
.gradient-menu .side-menu__item:hover i,
.gradient-menu .side-menu__item:focus i {
    color: #fff !important;
}

.gradient-menu .side-menu__label {
    color: #ccd4e0 !important;
}

.gradient-menu .side-menu__icon {
    fill: #ccd4e0 !important;
}

.gradient-menu .side-menu__item i {
    color: #ccd4e0;
}

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

.gradient-menu.sidenav-toggled1 .side-menu__item:focus {
    background: #ccd4e01c !important;
}

@media (min-width: 768px) {
    .gradient-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
        border-right: 1px solid #755dd3 !important;
    }

    .gradient-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
        border-bottom: 1px solid #755dd3 !important;
    }

    .gradient-menu.sidenav-toggled .desktop-lgo,
    .gradient-menu.sidenav-toggled .dark-logo,
    .gradient-menu.sidenav-toggled .mobile-logo {
        display: none !important;
    }

    .gradient-menu.sidenav-toggled .darkmobile-logo {
        display: block !important;
        margin: 0 auto;
    }

    .gradient-menu.sidenav-toggled.sidenav-toggled1 .desktop-lgo,
    .gradient-menu.sidenav-toggled.sidenav-toggled1 .darkmobile-logo,
    .gradient-menu.sidenav-toggled.sidenav-toggled1 .mobile-logo {
        display: none !important;
    }

    .gradient-menu.sidenav-toggled.sidenav-toggled1 .dark-logo {
        display: block !important;
        margin: 0 auto;
    }

    .gradient-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
        padding: 14px 40px;
    }

    .gradient-menu.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
        margin-top: 0px;
    }

    .gradient-menu .app-sidebar__logo {
        border-right: 1px solid #755dd3 !important;
    }
}

/*--Boxed--*/
@media (min-width: 1025px) {
    body.layout-boxed {
        background: #cfd1e2;
    }

    body.layout-boxed.dark-mode {
        background: #414165;
    }

    .layout-boxed .page {
        width: 1400px;
        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;
        -webkit-box-shadow: rgba(104, 113, 123, 0.3) 0px 5px 0px 0px, rgba(104, 113, 123, 0.3) 0px 5px 25px 0px;
        box-shadow: rgba(104, 113, 123, 0.3) 0px 5px 0px 0px, rgba(104, 113, 123, 0.3) 0px 5px 25px 0px;
    }

    .layout-boxed .app-header.header {
        width: 1400px !important;
        margin: 0 auto;
    }

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

    .layout-boxed .side-header {
        left: auto !important;
        right: auto !important;
    }

    .layout-boxed h3.number-font {
        font-size: 1.8rem;
    }

    .layout-boxed .sticky-pin .horizontal-main.hor-menu {
        width: 1400px !important;
    }

    .layout-boxed .hor-content .container,
    .layout-boxed .hor-header .container,
    .layout-boxed .horizontal-main.hor-menu .container {
        max-width: 95%;
    }

    .layout-boxed .recent-activity {
        height: 430px !important;
    }

    .dark-mode.layout-boxed .page {
        background: #22223d;
        -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;
    }
}

/*--- Scrollabel-header ----*/
.scrollable-layout .app-header {
    position: absolute !important;
}

.scrollable-layout .app-sidebar {
    position: absolute;
}

.scrollable-layout .app-sidebar__logo {
    position: absolute;
}

.scrollable-layout .page {
    position: relative;
}

.scrollable-layout .sticky.sticky-pin {
    position: absolute;
}

.light-hormenu.dark-mode .dark-mode .hor-header {
    border-bottom: 0px !important;
}

.light-hormenu.dark-mode .horizontal-main.hor-menu {
    background-color: #fff !important;
}

.light-hormenu .hor-icon {
    color: #664dc9 !important;
    fill: #664dc9 !important;
}

.light-hormenu .hor-menu a {
    color: #1a1630;
}

.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    background: #f5f6f8;
    box-shadow: none;
    color: #664dc9;
}

.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active {
    background: #f5f6f8;
    box-shadow: none;
    color: #664dc9;
}

@media only screen and (max-width: 992px) {
    .light-hormenu.dark-mode .horizontalMenu>.horizontalMenu-list {
        background: #fff !important;
    }

    .light-hormenu.dark-mode .horizontalMenu>.horizontalMenu-list .sub-icon {
        color: #1a1630;
    }

    .light-hormenu.dark-mode .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: #664dc9;
    }

    .light-hormenu.dark-mode .mega-menubg {
        background: #f0f0f8 !important;
    }

    .light-hormenu.dark-mode .horizontalMenu-list>li {
        color: #f0f0f8 !important;
    }

    .light-hormenu.dark-mode .mega-menubg {
        background: #f0f0f8 !important;
    }

    .light-hormenu.dark-mode .mega-menubg h3 {
        color: #1a1630;
    }

    .light-hormenu.dark-mode .mega-menubg .link-list li a {
        color: #1a1630 !important;
    }

    .light-hormenu.dark-mode .mega-menubg .link-list li a:hover {
        color: #664dc9 !important;
    }

    .light-hormenu.dark-mode li ul.sub-menu {
        background-color: #f0f0f8 !important;
        color: #1a1630 !important;
    }

    .light-hormenu.dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        box-shadow: none !important;
    }

    .light-hormenu.dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: #1a1630;
    }

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

.dark-hormenu .horizontal-main.hor-menu {
    background-color: #2a2e3f !important;
}

.dark-hormenu .hor-icon {
    color: #ccd4e0 !important;
    fill: #ccd4e0 !important;
}

.dark-hormenu .hor-menu a {
    color: #ccd4e0;
}

.dark-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    background: #ccd4e01c;
    box-shadow: none;
    color: #fff;
}

.dark-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active {
    background: #ccd4e01c;
    box-shadow: none;
    color: #fff;
}

@media only screen and (max-width: 992px) {
    .dark-hormenu .horizontal-megamenu .link-list li h3 {
        color: #d8dbec !important;
    }

    .dark-hormenu .horizontalMenu>.horizontalMenu-list {
        background: #2a2e3f !important;
    }

    .dark-hormenu .horizontalMenu>.horizontalMenu-list .sub-icon {
        color: #ccd4e0;
    }

    .dark-hormenu .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: #ccd4e0;
    }

    .dark-hormenu .mega-menubg {
        background: #2a2e3f !important;
    }

    .dark-hormenu .horizontalMenu-list>li {
        color: #ccd4e0 !important;
    }

    .dark-hormenu .mega-menubg {
        background: #2a2e3f !important;
    }

    .dark-hormenu .mega-menubg h3 {
        color: #ccd4e0;
    }

    .dark-hormenu .mega-menubg .link-list li a {
        color: #ccd4e0 !important;
    }

    .dark-hormenu .mega-menubg .link-list li a:hover {
        color: #fff !important;
    }

    .dark-hormenu li ul.sub-menu {
        background-color: #2a2e3f !important;
        color: #ccd4e0 !important;
    }

    .dark-hormenu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        box-shadow: none !important;
    }

    .dark-hormenu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: #ccd4e0 !important;
    }

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

.color-hormenu .horizontal-main.hor-menu {
    background-color: #664dc9 !important;
}

.color-hormenu .hor-icon {
    color: #ccd4e0 !important;
    fill: #ccd4e0 !important;
}

.color-hormenu .hor-menu a {
    color: #ccd4e0;
}

.color-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    background: #ccd4e01c;
    box-shadow: none;
    color: #fff;
}

.color-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active {
    background: #ccd4e01c;
    box-shadow: none;
    color: #fff;
}

@media only screen and (max-width: 992px) {
    .color-hormenu .horizontal-megamenu .link-list li h3 {
        color: #d8dbec !important;
    }

    .color-hormenu .horizontalMenu>.horizontalMenu-list {
        background: #664dc9 !important;
    }

    .color-hormenu .horizontalMenu>.horizontalMenu-list .sub-icon {
        color: #ccd4e0;
    }

    .color-hormenu .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: #ccd4e0;
    }

    .color-hormenu .mega-menubg {
        background: #664dc9 !important;
    }

    .color-hormenu .horizontalMenu-list>li {
        color: #ccd4e0 !important;
    }

    .color-hormenu .mega-menubg {
        background: #664dc9 !important;
    }

    .color-hormenu .mega-menubg h3 {
        color: #ccd4e0;
    }

    .color-hormenu .mega-menubg .link-list li a {
        color: #ccd4e0 !important;
    }

    .color-hormenu .mega-menubg .link-list li a:hover {
        color: #fff !important;
    }

    .color-hormenu li ul.sub-menu {
        background-color: #664dc9 !important;
        color: #ccd4e0 !important;
    }

    .color-hormenu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        box-shadow: none !important;
    }

    .color-hormenu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: #ccd4e0 !important;
    }

    .color-hormenu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
        color: #fff !important;
    }

    .color-hormenu.dark-mode .horizontalMenu>.horizontalMenu-list {
        background: #664dc9 !important;
    }

    .color-hormenu.dark-mode .horizontalMenu>.horizontalMenu-list .sub-icon {
        color: #ccd4e0;
    }

    .color-hormenu.dark-mode .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: #ccd4e0;
    }

    .color-hormenu.dark-mode .mega-menubg {
        background: #664dc9 !important;
    }

    .color-hormenu.dark-mode .horizontalMenu-list>li {
        color: #ccd4e0 !important;
    }

    .color-hormenu.dark-mode .mega-menubg {
        background: #664dc9 !important;
    }

    .color-hormenu.dark-mode .mega-menubg h3 {
        color: #ccd4e0;
    }

    .color-hormenu.dark-mode .mega-menubg .link-list li a {
        color: #ccd4e0 !important;
    }

    .color-hormenu.dark-mode .mega-menubg .link-list li a:hover {
        color: #fff !important;
    }

    .color-hormenu.dark-mode li ul.sub-menu {
        background-color: #664dc9 !important;
        color: #ccd4e0 !important;
    }

    .color-hormenu.dark-mode li ul.sub-menu:hover {
        background-color: #664dc9 !important;
        color: #ccd4e0 !important;
    }

    .color-hormenu.dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        box-shadow: none !important;
    }

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

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

.gradient-hormenu .horizontal-main.hor-menu {
    background-image: linear-gradient(to right, #513da0, #664dc9) !important;
}

.gradient-hormenu .hor-icon {
    color: #ccd4e0 !important;
    fill: #ccd4e0 !important;
}

.gradient-hormenu .hor-menu a {
    color: #ccd4e0;
}

.gradient-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    background: #ccd4e01c;
    box-shadow: none;
    color: #fff;
}

.gradient-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active {
    background: #ccd4e01c;
    box-shadow: none;
    color: #fff;
}

@media only screen and (max-width: 992px) {
    .gradient-hormenu .horizontal-megamenu .link-list li h3 {
        color: #d8dbec !important;
    }

    .gradient-hormenu .horizontalMenu>.horizontalMenu-list {
        background: #664dc9 !important;
    }

    .gradient-hormenu .horizontalMenu>.horizontalMenu-list .sub-icon {
        color: #ccd4e0;
    }

    .gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: #ccd4e0;
    }

    .gradient-hormenu .mega-menubg {
        background: #664dc9 !important;
    }

    .gradient-hormenu .horizontalMenu-list>li {
        color: #ccd4e0 !important;
    }

    .gradient-hormenu .mega-menubg {
        background: #664dc9 !important;
    }

    .gradient-hormenu .mega-menubg h3 {
        color: #ccd4e0;
    }

    .gradient-hormenu .mega-menubg .link-list li a {
        color: #ccd4e0 !important;
    }

    .gradient-hormenu .mega-menubg .link-list li a:hover {
        color: #fff !important;
    }

    .gradient-hormenu li ul.sub-menu {
        background-color: #664dc9 !important;
        color: #ccd4e0 !important;
    }

    .gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        box-shadow: none !important;
    }

    .gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: #ccd4e0 !important;
    }

    .gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
        color: #fff !important;
    }

    .gradient-hormenu.dark-mode .horizontalMenu>.horizontalMenu-list {
        background-image: linear-gradient(to right, #513da0, #664dc9) !important;
    }

    .gradient-hormenu.dark-mode .horizontalMenu>.horizontalMenu-list .sub-icon {
        color: #ccd4e0;
    }

    .gradient-hormenu.dark-mode .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: #ccd4e0;
    }

    .gradient-hormenu.dark-mode .mega-menubg {
        background: #664dc9 !important;
    }

    .gradient-hormenu.dark-mode .horizontalMenu-list>li {
        color: #ccd4e0 !important;
    }

    .gradient-hormenu.dark-mode .mega-menubg {
        background: #664dc9 !important;
    }

    .gradient-hormenu.dark-mode .mega-menubg h3 {
        color: #ccd4e0;
    }

    .gradient-hormenu.dark-mode .mega-menubg .link-list li a {
        color: #ccd4e0 !important;
    }

    .gradient-hormenu.dark-mode .mega-menubg .link-list li a:hover {
        color: #fff !important;
    }

    .gradient-hormenu.dark-mode li ul.sub-menu {
        background-color: #664dc9 !important;
        color: #ccd4e0 !important;
    }

    .gradient-hormenu.dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        box-shadow: none !important;
    }

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

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

.light-header.light-hormenu .hor-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.dark-header.dark-hormenu .hor-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .bg-left2,
.light-mode #background-left1,
.light-header .bg1,
.color-header .bg2,
.dark-header .bg3,
.gradient-header .bg8,
.light-menu .bg4,
.color-menu .bg5,
.dark-menu .bg6,
.gradient-menu .bg7,
.layout-fullwidth #background14,
.layout-boxed #background15,
.menu1 .bg-sided,
.menu2 .bg-sideictxt,
.menu3 .bg-sideicon,
.fixed-layout #background16,
.scrollable-layout #background17,
.dark-mode .bg-hor2,
.light-mode .bg-hor1,
.light-header .bg-hor3,
.color-header .bg-hor4,
.dark-header .bg-hor5,
.gradient-header .bg-hor10,
.light-hormenu #background7,
.color-hormenu .bg-hor7,
.dark-hormenu .bg-hor8,
.gradient-hormenu .bg-hor9 {
    border: 3px solid #6c5ffc !important;
}

.dark-mode .bg-left2:before,
.light-mode #background-left1::before,
.dark-mode .bg-hor2:before,
.light-mode .bg-hor1:before,
.layout-fullwidth #background14:before,
.layout-boxed #background15:before,
.fixed-layout #background16:before,
.scrollable-layout #background17:before {
    content: "\2713";
    z-index: 999;
    position: absolute;
    top: 4px;
    right: 21px;
    font-size: 14px;
    color: #ffffff;
}

.dark-mode .bg-left2:after,
.light-mode #background-left1:after,
.dark-mode .bg-hor2:after,
.light-mode .bg-hor1:after,
.layout-fullwidth #background14:after,
.layout-boxed #background15:after,
.fixed-layout #background16:after,
.scrollable-layout #background17:after {
    content: "";
    width: 20px;
    height: 20px;
    line-height: 17px;
    border-style: solid;
    border-width: 0 35px 35px 0px;
    border-color: #6c5ffc #6c5ffc transparent;
    display: block;
    position: absolute;
    top: 4px;
    right: 17px;
}

.light-header .bg1:before,
.color-header .bg2:before,
.dark-header .bg3:before,
.gradient-header .bg8:before,
.light-menu .bg4:before,
.color-menu .bg5:before,
.dark-menu .bg6:before,
.gradient-menu .bg7:before,
.menu1 .bg-sided:before,
.menu2 .bg-sideictxt:before,
.menu3 .bg-sideicon:before,
.light-header .bg-hor3:before,
.color-header .bg-hor4:before,
.dark-header .bg-hor5:before,
.gradient-header .bg-hor10:before,
.light-hormenu #background7:before,
.color-hormenu .bg-hor7:before,
.dark-hormenu .bg-hor8:before,
.gradient-hormenu .bg-hor9:before {
    content: "\2713";
    z-index: 999;
    position: absolute;
    top: 4px;
    right: 24px;
    font-size: 14px;
    color: #ffffff;
}

.light-header .bg1:after,
.color-header .bg2:after,
.dark-header .bg3:after,
.gradient-header .bg8:after,
.light-menu .bg4:after,
.color-menu .bg5:after,
.dark-menu .bg6:after,
.gradient-menu .bg7:after,
.menu1 .bg-sided:after,
.menu2 .bg-sideictxt:after,
.menu3 .bg-sideicon:after,
.light-header .bg-hor3:after,
.color-header .bg-hor4:after,
.dark-header .bg-hor5:after,
.gradient-header .bg-hor10:after,
.light-hormenu #background7:after,
.color-hormenu .bg-hor7:after,
.dark-hormenu .bg-hor8:after,
.gradient-hormenu .bg-hor9:after {
    content: "";
    width: 20px;
    height: 20px;
    line-height: 17px;
    border-style: solid;
    border-width: 0 35px 35px 0px;
    border-color: #6c5ffc #6c5ffc transparent;
    display: block;
    position: absolute;
    top: 4px;
    right: 20px;
}

/*--- Only Demo Purpose scss Icon-Text----*/
@media (min-width: 768px) {
    .icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar {
        width: 120px;
    }

    .icontext-menu.app.sidebar-mini.sidenav-toggled .side-header {
        width: 120px !important;
    }

    .icontext-menu.sidebar-mini.sidenav-toggled .app-content {
        margin-left: 120px;
    }

    .icontext-menu.app.sidebar-mini.sidenav-toggled .side-menu__item {
        padding: 12px 5px;
        text-align: center;
        display: block;
    }

    .icontext-menu.app.sidebar-mini.sidenav-toggled .side-menu__label {
        display: block !important;
        font-size: 12px;
        padding-top: 0px;
        margin-top: 0;
    }

    .icontext-menu.sidebar-mini.sidenav-toggled .app-header.header {
        padding-left: 130px;
    }

    .icontext-menu.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon:after {
        top: 6px;
    }

    .icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar {
        width: 270px;
    }

    .icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-header {
        width: 270px !important;
    }

    .icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item {
        display: flex;
        padding: 10px 20px;
        text-align: inherit;
    }

    .icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__label {
        display: block !important;
        margin-top: 3px;
        font-size: 15px;
    }

    .icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu .side-menu__icon:after {
        top: 12px;
    }

    .icontext-menu.sidenav-toggled .app-sidebar__logo {
        width: 119px;
    }
}
/*# sourceMappingURL=skin-modes.css.map */
