/*Color variables*/
/*border variables*/
/*white variables*/
/*black variables*/
/*---------- Header-styles ----------*/
/*Header-Color*/
.color-header .app-header,
.color-header .hor-header {
    background: #425bd6;
}

.color-header .nav-link.toggle,
.color-header .header-right .nav-link.icon {
    background: rgba(0, 0, 0, 0.1);
}

.color-header .animated-arrow {
    background: rgba(0, 0, 0, 0.1);
}

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

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

.color-header.active .animated-arrow span {
    background-color: transparent;
}

.color-header .header .nav-link.icon i,
.color-header .header-right .nav-link.icon:hover i {
    color: #e7e7f7 !important;
}

.color-header .header .nav-link {
    color: #e7e7f7 !important;
}

.color-header .header .nav-link:hover {
    color: #fff;
}

.color-header .header .form-inline .form-control {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff;
}

.color-header .header .form-inline .btn {
    color: #fff !important;
    opacity: .5;
}

.color-header .header .form-inline .form-control::placeholder {
    color: #fff !important;
    opacity: .3;
}

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

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

    .color-header .header-brand-img.mobile-logo-1 {
        display: none !important;
    }

    .color-header .hor-header.header .header-brand-img.color-logo {
        display: none !important;
    }

    .color-header .hor-header.header .header-brand-img.mobile-logo {
        margin-right: 0;
        margin-left: 3rem;
    }
}

.dark-mode.color-header .app-header,
.dark-mode.color-header .hor-header {
    background: #425bd6;
}

.dark-mode.color-header .header .nav-link.icon,
.dark-mode.color-header .animated-arrow {
    background: rgba(0, 0, 0, 0.1);
}

.dark-mode.color-header .header .form-inline .form-control {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff;
}

.color-header .hor-header.header .header-brand-img.desktop-logo,
.dark-mode.color-header .hor-header .header-brand-img.desktop-logo-1 {
    display: none;
}

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

/*Header-dark*/
.dark-header .app-header,
.dark-header .hor-header {
    background: #282f3f;
}

.dark-header .nav-link.toggle,
.dark-header .header-right .nav-link.icon {
    background: rgba(255, 255, 255, 0.05);
}

.dark-header .animated-arrow {
    background: rgba(255, 255, 255, 0.05);
}

.dark-header .animated-arrow span {
    background: #e7e7f7;
}

.dark-header .animated-arrow span:before,
.dark-header .animated-arrow span:after {
    background: #e7e7f7;
}

.dark-header.active .animated-arrow span {
    background-color: transparent;
}

.dark-header .header .nav-link.icon i,
.dark-header .header-right .nav-link.icon:hover i,
.dark-header .header .nav-link {
    color: #e7e7f7 !important;
}

.dark-header .app-header.header .nav-link:hover {
    color: #fff;
}

.dark-header .header .form-inline .form-control {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff;
}

.dark-header .horizontal-main.hor-menu {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-header .header .form-inline .btn {
    color: #fff;
    opacity: .5;
}

.dark-header .header .form-inline .form-control::placeholder {
    color: #fff;
    opacity: .3;
}

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

.dark-header .hor-header.header .header-brand-img.desktop-logo-1 {
    display: block;
}

@media (min-width: 768px) {
    .dark-header .app-sidebar__logo {
        border-right: 1px solid #1f2535;
    }
}

@media (max-width: 768px) {
    .dark-header .hor-header.header .header-brand-img.desktop-logo-1 {
        display: none !important;
    }
}

/*Header-light*/
.dark-mode.light-header .app-header,
.dark-mode.light-header .hor-header {
    background: #fff;
}

.dark-mode.light-header .header .nav-link.icon,
.dark-mode.light-header .header-right .nav-link.icon,
.dark-mode.light-header .animated-arrow {
    background: #f1f5ff;
}

.dark-mode.light-header .header .form-inline .form-control {
    border: 1px solid #ebf1ff !important;
    color: #000;
}

.dark-mode.light-header .hor-header .header-brand-img.desktop-logo-1 {
    display: none;
}

.dark-mode.light-header .drop-profile a {
    color: #171a29;
}

.dark-mode.light-header .hor-header .header-brand-img.desktop-logo {
    display: block;
}

.dark-mode.light-header .header .nav-link.icon i {
    color: #282f3f;
}

@media (max-width: 768px) {
    .dark-mode.light-header .hor-header .header-brand-img.desktop-logo {
        display: none;
    }
}

/*Header-Gradient-header*/
.gradient-header .app-header,
.gradient-header .hor-header {
    background: linear-gradient(to left, #7739fc 0%, #3a7afe 100%);
}

.gradient-header .nav-link.toggle,
.gradient-header .header-right .nav-link.icon {
    background: rgba(0, 0, 0, 0.1);
}

.gradient-header .animated-arrow {
    background: rgba(0, 0, 0, 0.1);
}

.gradient-header .animated-arrow span {
    background: #e7e7f7;
}

.gradient-header .animated-arrow span:before,
.gradient-header .animated-arrow span:after {
    background: #e7e7f7;
}

.gradient-header.active .animated-arrow span {
    background-color: transparent;
}

.gradient-header .header .nav-link.icon i,
.gradient-header .header-right .nav-link.icon:hover i {
    color: #e7e7f7 !important;
}

.gradient-header .header .nav-link {
    color: #e7e7f7 !important;
}

.gradient-header .header .nav-link:hover {
    color: #fff;
}

.gradient-header .header .form-inline .form-control {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff;
}

.gradient-header .header .form-inline .btn {
    color: #fff !important;
    opacity: .5;
}

.gradient-header .header .form-inline .form-control::placeholder {
    color: #fff !important;
    opacity: .3;
}

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

@media (max-width: 768px) {
    .gradient-header .header-brand-img.mobile-logo {
        display: block;
    }

    .gradient-header .header-brand-img.mobile-logo-1 {
        display: none !important;
    }

    .gradient-header .hor-header.header .header-brand-img.color-logo {
        display: none !important;
    }

    .gradient-header .hor-header.header .header-brand-img.mobile-logo {
        margin-right: 0;
        margin-left: 3rem;
    }
}

.dark-mode.gradient-header .app-header,
.dark-mode.gradient-header .hor-header {
    background: linear-gradient(to left, #7739fc 0%, #3a7afe 100%);
}

.dark-mode.gradient-header .header .nav-link.icon,
.dark-mode.gradient-header .animated-arrow {
    background: rgba(0, 0, 0, 0.1);
}

.dark-mode.gradient-header .header .form-inline .form-control {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff;
}

.gradient-header .hor-header.header .header-brand-img.desktop-logo,
.dark-mode.gradient-header .hor-header .header-brand-img.desktop-logo-1 {
    display: none;
}

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

/*---------- Leftmenu-styles ----------*/
/*Light-menu*/
.light-menu .app-sidebar {
    background: #fff;
}

.light-menu .app-sidebar ul li a {
    color: #171a29;
}

.light-menu .app-sidebar .side-menu__icon {
    color: #63677b;
}

.light-menu .slide-menu li.active>a,
.light-menu .slide-menu li:hover>a {
    color: #425bd6 !important;
}

@media (min-width: 768px) {
    .light-menu .app-sidebar__logo {
        border-bottom: 1px solid #ebf1ff;
        border-right: 1px solid #ebf1ff;
    }

    .light-menu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__logo .header-brand-img.dark-logo {
        display: none;
    }

    .light-menu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo .header-brand-img.desktop-lgo {
        display: block;
        margin: 0 auto;
    }
}

@media (min-width: 991px) {

    .light-menu .app-sidebar__logo .header-brand-img.dark-logo,
    .light-menu.sidenav-toggled .app-sidebar__logo .header-brand-img.desktop-lgo {
        display: none;
    }

    .light-menu .app-sidebar__logo .header-brand-img.desktop-lgo {
        display: block;
        margin: 0 auto;
    }
}

.dark-mode.light-menu .app-sidebar {
    background: #fff;
}

.dark-mode.light-menu .app-sidebar ul li a {
    color: #171a29;
}

.dark-mode.light-menu .slide-menu li.active>a,
.dark-mode.light-menu .slide-menu li:hover>a {
    color: #425bd6 !important;
}

@media (min-width: 768px) {
    .dark-mode.light-menu .app-sidebar__logo {
        border-bottom: 1px solid #ebf1ff;
        border-right: 1px solid #ebf1ff;
    }
}

/*Color-menu*/
.color-menu .app-sidebar {
    background: #425bd6;
}

.color-menu .side-item.side-item-category {
    color: #fff;
    opacity: .5;
}

.color-menu .app-sidebar ul li a {
    color: #fff;
    opacity: .8;
}

.color-menu .slide-menu li.active>a,
.color-menu .slide-menu li:hover>a {
    color: #fff !important;
    opacity: inherit;
}

.color-menu .app-sidebar .slide-menu .slide-item:hover,
.color-menu .app-sidebar .side-menu__item.active .side-menu__icon {
    color: #fff !important;
    opacity: inherit;
}

.color-menu .app-sidebar .side-menu__item.active {
    color: #fff;
    opacity: inherit;
}

.color-menu .slide.is-expanded .side-menu__item {
    color: #fff !important;
}

.color-menu .app-sidebar .side-menu__item.active:hover,
.color-menu .app-sidebar .side-menu__item:hover,
.color-menu .app-sidebar .side-menu__item.active:hover .side-menu__icon {
    color: #fff !important;
    opacity: inherit;
}

@media (min-width: 768px) {
    .color-menu .app-sidebar__logo {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .color-menu.sidebar-mini.sidenav-toggled .app-sidebar .app-sidebar__logo .header-brand-img.darkmobile-logo,
    .color-menu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__logo .header-brand-img.mobile-logo {
        display: none;
    }

    .color-menu.sidebar-mini.sidenav-toggled .app-sidebar .app-sidebar__logo .header-brand-img.mobile-logo {
        display: block;
        margin: 0 auto;
    }

    .color-menu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__logo .header-brand-img.dark-logo {
        display: none;
    }

    .color-menu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo .header-brand-img.color-logo {
        display: block;
        margin: 0 auto;
    }
}

@media (min-width: 991px) {
    .color-menu .app-sidebar__logo .header-brand-img.dark-logo {
        display: none;
    }

    .color-menu .app-sidebar__logo .header-brand-img.color-logo {
        display: block;
        margin: 0 auto;
    }

    .color-menu.sidenav-toggled .app-sidebar__logo .header-brand-img.color-logo {
        display: none;
    }
}

.dark-mode.color-menu .app-sidebar {
    background: #425bd6;
}

.dark-mode.color-menu .side-item.side-item-category {
    color: #fff;
    opacity: .5;
}

.dark-mode.color-menu .app-sidebar ul li a {
    color: #fff;
    opacity: .8;
}

.dark-mode.color-menu .slide-menu li.active>a,
.dark-mode.color-menu .slide-menu li:hover>a {
    color: #fff !important;
    opacity: inherit;
}

.dark-mode.color-menu .app-sidebar .slide-menu .slide-item:hover,
.dark-mode.color-menu .app-sidebar .side-menu__item.active .side-menu__icon {
    color: #fff !important;
    opacity: inherit;
}

.dark-mode.color-menu .slide.is-expanded .side-menu__item {
    color: #fff !important;
    opacity: inherit;
}

@media (min-width: 768px) {
    .dark-mode.color-menu .app-sidebar__logo {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
}

/*---------- Horizontalmenu-styles ----------*/
/*Light-hormenu*/
.light-hormenu .horizontal-main.hor-menu {
    background: #fff;
}

.light-hormenu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #171a29;
}

.light-hormenu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu:before {
    border-bottom: 10px solid #ebf1ff;
}

.light-hormenu .mega-menubg:before {
    border-bottom: 10px solid #ebf1ff;
}

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

    .light-hormenu .horizontalMenu>.horizontalMenu-list>li>a {
        color: #171a29;
    }

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

    .light-hormenu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: #171a29;
    }
}

.dark-mode.light-hormenu .horizontal-main.hor-menu {
    background: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.light-hormenu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #171a29;
}

.dark-mode.light-hormenu.light-header .horizontal-main.hor-menu {
    box-shadow: none;
    border-top: 1px solid #ebf1ff;
}

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

    .dark-mode.light-hormenu .horizontalMenu>.horizontalMenu-list>li>a {
        color: #171a29;
    }

    .dark-mode.light-hormenu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        background-color: #f1f5ff;
    }

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

/*color-hormenu*/
.color-hormenu .horizontal-main.hor-menu {
    background: #425bd6;
}

.color-hormenu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    opacity: 0.8;
}

.color-hormenu .horizontalMenu>.horizontalMenu-list>li>a>.fa {
    color: #fff;
    opacity: 0.8;
}

.color-hormenu .horizontalMenu>.horizontalMenu-list>li>a.active,
.color-hormenu .horizontalMenu>.horizontalMenu-list>li>a:hover,
.color-hormenu .horizontalMenu>.horizontalMenu-list>li>a>.fa {
    color: #fff !important;
    opacity: inherit;
}

@media only screen and (max-width: 991px) {
    .color-hormenu.active .horizontalMenu>.horizontalMenu-list {
        background: #425bd6;
    }

    .color-hormenu .horizontalMenu>.horizontalMenu-list>li>a {
        color: #fff;
        opacity: 0.8;
    }

    .color-hormenu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: #fff;
        opacity: 0.8;
    }

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

.dark-mode.color-hormenu .horizontal-main.hor-menu {
    background: #425bd6;
    box-shadow: none;
}

.dark-mode.color-hormenu.color-header .horizontal-main.hor-menu,
.dark-mode.color-hormenu .horizontal-main.hor-menu {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.color-hormenu.color-header .horizontal-main.hor-menu {
    box-shadow: none;
}

@media only screen and (max-width: 991px) {
    dark-mode.color-hormenu.active .horizontalMenu>.horizontalMenu-list {
        background: #425bd6;
    }
}

/*Gradient-hormenu*/
.gradient-hormenu .horizontal-main.hor-menu {
    background: linear-gradient(to left, #7739fc 0%, #3a7afe 100%);
}

.gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
    opacity: 0.8;
}

.gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>a>.fa {
    color: #fff;
    opacity: 0.8;
}

.gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>a.active,
.gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>a:hover,
.gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>a>.fa {
    color: #fff !important;
    opacity: inherit;
}

@media only screen and (max-width: 991px) {
    .gradient-hormenu.active .horizontalMenu>.horizontalMenu-list {
        background: linear-gradient(to top, #7739fc 0%, #3a7afe 100%);
    }

    .gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>a {
        color: #fff;
        opacity: 0.8;
    }

    .gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: #fff;
        opacity: 0.8;
    }

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

.dark-mode.gradient-hormenu .horizontal-main.hor-menu {
    background: linear-gradient(to left, #7739fc 0%, #3a7afe 100%);
    box-shadow: none;
}

.dark-mode.gradient-hormenu.color-header .horizontal-main.hor-menu,
.dark-mode.gradient-hormenu .horizontal-main.hor-menu {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.gradient-hormenu.color-header .horizontal-main.hor-menu {
    box-shadow: none;
}

@media only screen and (max-width: 991px) {
    .dark-mode.gradient-hormenu.active .horizontalMenu>.horizontalMenu-list {
        background: linear-gradient(to top, #7739fc 0%, #3a7afe 100%);
    }
}

/*Graident-Color*/
.gradient-menu .app-sidebar {
    background: linear-gradient(to top, #7739fc 0%, #3a7afe 100%);
}

.gradient-menu .side-item.side-item-category {
    color: #fff;
    opacity: .5;
}

.gradient-menu .app-sidebar ul li a {
    color: #fff;
    opacity: .8;
}

.gradient-menu .slide-menu li.active>a,
.gradient-menu .slide-menu li:hover>a {
    color: #fff !important;
    opacity: inherit;
}

.gradient-menu .app-sidebar .slide-menu .slide-item:hover,
.gradient-menu .app-sidebar .side-menu__item.active .side-menu__icon {
    color: #fff !important;
    opacity: inherit;
}

.gradient-menu .app-sidebar .side-menu__item.active {
    color: #fff;
    opacity: inherit;
}

.gradient-menu .slide.is-expanded .side-menu__item {
    color: #fff !important;
}

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

@media (min-width: 768px) {
    .gradient-menu .app-sidebar__logo {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .gradient-menu.sidebar-mini.sidenav-toggled .app-sidebar .app-sidebar__logo .header-brand-img.darkmobile-logo,
    .gradient-menu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__logo .header-brand-img.mobile-logo {
        display: none;
    }

    .gradient-menu.sidebar-mini.sidenav-toggled .app-sidebar .app-sidebar__logo .header-brand-img.mobile-logo {
        display: block;
        margin: 0 auto;
    }

    .gradient-menu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__logo .header-brand-img.dark-logo {
        display: none;
    }

    .gradient-menu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo .header-brand-img.color-logo {
        display: block;
        margin: 0 auto;
    }
}

@media (min-width: 991px) {
    .gradient-menu .app-sidebar__logo .header-brand-img.dark-logo {
        display: none;
    }

    .gradient-menu .app-sidebar__logo .header-brand-img.color-logo {
        display: block;
        margin: 0 auto;
    }

    .gradient-menu.sidenav-toggled .app-sidebar__logo .header-brand-img.color-logo {
        display: none;
    }
}

.dark-mode.gradient-menu .app-sidebar {
    background: linear-gradient(to top, #7739fc 0%, #3a7afe 100%);
}

.dark-mode.gradient-menu .side-item.side-item-category {
    color: #fff;
    opacity: .5;
}

.dark-mode.gradient-menu .app-sidebar ul li a {
    color: #fff;
    opacity: .8;
}

.dark-mode.gradient-menu .slide-menu li.active>a,
.dark-mode.gradient-menu .slide-menu li:hover>a {
    color: #fff !important;
    opacity: inherit;
}

.dark-mode.gradient-menu .app-sidebar .slide-menu .slide-item:hover,
.dark-mode.gradient-menu .app-sidebar .side-menu__item.active .side-menu__icon {
    color: #fff !important;
    opacity: inherit;
}

.dark-mode.gradient-menu .slide.is-expanded .side-menu__item {
    color: #fff !important;
    opacity: inherit;
}

@media (min-width: 768px) {
    .dark-mode.gradient-menu .app-sidebar__logo {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
}

/*---------- Leftmenu-image Styles ----------*/
/*Leftmenu-image*/
.leftmenu-bgimage .app-sidebar {
    background: url(../images/photos/bg-image.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-right: 0;
}

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

.leftmenu-bgimage .side-item.side-item-category {
    color: #fff;
    opacity: .4;
}

@media (min-width: 768px) {
    .leftmenu-bgimage .app-sidebar__logo {
        border-bottom: 1px solid #262d3e;
    }
}

/*Leftmenu-image light-menu*/
.light-menu.leftmenu-bgimage .app-sidebar,
.dark-mode.light-menu.leftmenu-bgimage .app-sidebar {
    background: url(../images/photos/bg-image.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-right: 0;
}

.light-menu.leftmenu-bgimage .app-sidebar:before,
.dark-mode.light-menu.leftmenu-bgimage .app-sidebar:before {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
    display: block;
}

.light-menu.leftmenu-bgimage .side-item.side-item-category,
.dark-mode.light-menu.leftmenu-bgimage .side-item.side-item-category {
    color: #8c92a2;
    opacity: 0.9;
}

@media (min-width: 768px) {
    .light-menu.leftmenu-bgimage .app-sidebar__logo {
        border-bottom: 1px solid #ebf1ff;
    }
}

@media (min-width: 768px) {
    .dark-mode.light-menu.leftmenu-bgimage .app-sidebar__logo {
        border-bottom: 1px solid #ebf1ff;
    }
}

/*Leftmenu-image color-menu*/
.color-menu.leftmenu-bgimage .app-sidebar,
.dark-mode.color-menu.leftmenu-bgimage .app-sidebar {
    background: url(../images/photos/bg-image.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-right: 0;
}

.color-menu.leftmenu-bgimage .app-sidebar:before,
.dark-mode.color-menu.leftmenu-bgimage .app-sidebar:before {
    content: '';
    position: absolute;
    background: rgba(66, 91, 214, 0.9);
    width: 100%;
    height: 100%;
    display: block;
}

.color-menu.leftmenu-bgimage .side-item.side-item-category,
.dark-mode.color-menu.leftmenu-bgimage .side-item.side-item-category {
    color: #fff;
    opacity: .5;
}

@media (min-width: 768px) {
    .color-menu.leftmenu-bgimage .app-sidebar__logo {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 768px) {
    .dark-mode.color-menu.leftmenu-bgimage .app-sidebar__logo {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

/*Leftmenu-image gradient-menu*/
.gradient-menu.leftmenu-bgimage .app-sidebar {
    background: url(../images/photos/bg-image.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-right: 0;
}

.gradient-menu.leftmenu-bgimage .app-sidebar:before {
    content: '';
    position: absolute;
    background: linear-gradient(to top, rgba(119, 57, 252, 0.9) 0%, rgba(66, 91, 214, 0.9) 100%);
    width: 100%;
    height: 100%;
    display: block;
}

.gradient-menu.leftmenu-bgimage .side-item.side-item-category {
    color: #fff;
    opacity: .5;
}

@media (min-width: 768px) {
    .gradient-menu.leftmenu-bgimage .app-sidebar__logo {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

.dark-mode.gradient-menu.leftmenu-bgimage .app-sidebar {
    background: url(../images/photos/bg-image.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-right: 0;
}

.dark-mode.gradient-menu.leftmenu-bgimage .app-sidebar:before {
    content: '';
    position: absolute;
    background: linear-gradient(to top, rgba(119, 57, 252, 0.9) 0%, rgba(66, 91, 214, 0.9) 100%);
    width: 100%;
    height: 100%;
    display: block;
}

.dark-mode.gradient-menu.leftmenu-bgimage .side-item.side-item-category {
    color: #fff;
    opacity: .5;
}

.dark-mode.leftmenu-bgimage .app-sidebar {
    background: url(../images/photos/bg-image.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-right: 0;
}

.dark-mode.leftmenu-bgimage .app-sidebar:before {
    content: '';
    position: absolute;
    background: rgba(28, 30, 62, 0.9);
    width: 100%;
    height: 100%;
    display: block;
}

.dark-mode.leftmenu-bgimage .side-item.side-item-category {
    color: #fff;
    opacity: .4;
}

@media (min-width: 768px) {
    .dark-mode.gradient-menu.leftmenu-bgimage .app-sidebar__logo {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

/*Leftmenu-image Dark-mode*/
@media (min-width: 768px) {
    .dark-mode.leftmenu-bgimage .app-sidebar__logo {
        border-bottom: 1px solid #323358;
    }
}

/*# sourceMappingURL=skins.css.map */