{"version":3,"sources":["../scss/_variables.scss","skin-modes.scss"],"names":[],"mappings":"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","file":"skin-modes.css","sourcesContent":["\r\n$background: #f0f0f5;\r\n$default-color:#282f53;\r\n$border: #e9edf4;\r\n\r\n/*Color variables*/\r\n\r\n$primary-1:var(--primary-bg-color);\r\n$primary-01:var(--primary01);\r\n$primary-02:var(--primary02);\r\n$primary-03:var(--primary03);\r\n$primary-06:var(--primary06);\r\n$primary-09:var(--primary09);\r\n$primary-005:var(--primary005);\r\n$primary-hover:var(--primary-bg-hover);\r\n$primary-border:var(--primary-bg-border);\r\n$primary-transparent:var(--primary-transparentcolor);\r\n$darkprimary-transparent:var(--darkprimary-transparentcolor);\r\n$transparentprimary-transparent:var(--transparentprimary-transparentcolor);\r\n$secondary:#05c3fb;\r\n$pink: #ec82ef;\r\n$teal:#1caf9f;\r\n$purple:#8927ec;\r\n$success:#09ad95;\r\n$warning:#f7b731;\r\n$danger:#e82646;\r\n$info:#1170e4;\r\n$orange:#fc7303;\r\n$red:#e73827;\r\n$lime:#7bd235;\r\n$dark:#343a40;\r\n$indigo:#6574cd;\r\n$cyan:#007ea7;\r\n$azure:#45aaf2;\r\n$white:#fff;\r\n$black:#000;\r\n$light:#f2f2f9;\r\n$gray:#5a6970;\r\n$green:#4ecc48;\r\n$blue:#3223f1;\r\n$yellow:#FBB034;\r\n\r\n/*Gradient variables*/\r\n\r\n$primary-gradient-1:linear-gradient(to bottom right, $primary-1 0%, #8e77fa 100%);\r\n$secondary-gradient:linear-gradient(to bottom right, #82cff2 0%, #28b7f9 100%);\r\n$warning-gradient:linear-gradient(to bottom right, #f66b4e 0%, #fbc434 100%);\r\n$info-gradient:linear-gradient(to bottom right, #1e63c3 0%, #00f2fe 100%);\r\n$danger-gradient:linear-gradient(to bottom right, #b51b35 0%, #fd4a68 100%);\r\n$success-gradient:linear-gradient(to bottom right, #1ea38f 0%, #5cf9e2 100%);\r\n\r\n/*white variables*/\r\n\r\n$white-1:rgba(255, 255, 255, 0.1);\r\n$white-2:rgba(255, 255, 255, 0.2);\r\n$white-3:rgba(255, 255, 255, 0.3);\r\n$white-4:rgba(255, 255, 255, 0.4);\r\n$white-5:rgba(255, 255, 255, 0.5);\r\n$white-6:rgba(255, 255, 255, 0.6);\r\n$white-7:rgba(255, 255, 255, 0.7);\r\n$white-8:rgba(255, 255, 255, 0.8);\r\n$white-9:rgba(255, 255, 255, 0.9);\r\n$white-05:rgba(255, 255, 255, 0.05);\r\n$white-08:rgba(255, 255, 255, 0.08);\r\n$white-75:rgba(255, 255, 255, 0.075);\r\n\r\n/*black variables*/\r\n\r\n$black-1:rgba(0, 0, 0, 0.1);\r\n$black-2:rgba(0, 0, 0, 0.2);\r\n$black-3:rgba(0, 0, 0, 0.3);\r\n$black-4:rgba(0, 0, 0, 0.4);\r\n$black-5:rgba(0, 0, 0, 0.5);\r\n$black-6:rgba(0, 0, 0, 0.6);\r\n$black-7:rgba(0, 0, 0, 0.7);\r\n$black-8:rgba(0, 0, 0, 0.8);\r\n$black-9:rgba(0, 0, 0, 0.9);\r\n$black-05:rgba(0, 0, 0, 0.05);\r\n\r\n/*shadow variables*/\r\n\r\n$shadow:0 5px 15px 5px rgba(80, 102, 224, 0.08);\r\n$dark-theme:#1e2448;\r\n$dark-theme2:#16192f;\r\n$dark-theme3:#181d3e;\r\n\r\n/*Dark Theme Variables*/\r\n\r\n$dark-body:#1a1a3c;\r\n$dark-theme-1:#2a2a4a;\r\n$text-color:#dedefd;\r\n$border-dark:rgba(255, 255, 255, 0.1);\r\n$dark-card-shadow:0 3px 9px 0 rgba(28, 28, 51, 0.15);\r\n\r\n/*Transparent variables*/\r\n\r\n$transparent-primary:$primary-1;\r\n$transparent-theme:rgba(0, 0, 0, 0.2);\r\n$transparent-body:var(--transparent-body);\r\n$transparent-border:rgba(255, 255, 255, 0.1);","@import \"../scss/variables\";\r\n\r\n/*---------- Header-styles ----------*/\r\n\r\n/*Header-Color*/\r\n\r\n.color-header {\r\n    .main-header-center .form-control {\r\n        color: $white;\r\n        &::placeholder {\r\n            color: $white !important;\r\n            opacity: 0.3;\r\n        }\r\n    }\r\n    .hor-header .header-brand1 {\r\n        margin-top: 4px;\r\n    }\r\n}\r\n\r\n.color-header {\r\n    .main-header-center .form-control::placeholder {\r\n        color: $white !important;\r\n        opacity: 0.3;\r\n    }\r\n    .app-header,\r\n    .hor-header {\r\n        background: $primary-1;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n    .app-sidebar__toggle:hover {\r\n        color: #fff;\r\n    }\r\n    .demo-icon.nav-link i {\r\n        color: #e7e7f7 !important;\r\n    }\r\n    .animated-arrow {\r\n        background: none;\r\n        span {\r\n            background: #e7e7f7;\r\n            &:before,\r\n            &:after {\r\n                background: #e7e7f7;\r\n            }\r\n        }\r\n    }\r\n    &.active .animated-arrow span {\r\n        background-color: transparent;\r\n    }\r\n    .header {\r\n        .form-inline .form-control {\r\n            border: 1px solid $white-05 !important;\r\n            background: rgba(0, 0, 0, 0.08);\r\n            color: $white;\r\n        }\r\n    }\r\n    .header .form-inline {\r\n        .btn i {\r\n            color: $white !important;\r\n            opacity: 0.5;\r\n        }\r\n        .form-control::placeholder {\r\n            color: $white !important;\r\n            opacity: 0.3;\r\n        }\r\n    }\r\n    .app-sidebar__toggle {\r\n        color: #fff;\r\n        a {\r\n            color: $white;\r\n        }\r\n    }\r\n    .hor-header {\r\n        .header-brand-img.light-logo {\r\n            display: block;\r\n        }\r\n    }\r\n    .logo-horizontal .header-brand-img.light-logo1 {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .color-header {\r\n        .hor-header.header .header-brand .header-brand-img {\r\n            &.desktop-lgo {\r\n                display: none;\r\n            }\r\n            &.dark-logo {\r\n                display: block;\r\n                // margin-top: 5px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 991px) {\r\n    .color-header {\r\n        .header .nav-link.icon i,\r\n        .header-right .nav-link.icon:hover i {\r\n            color: $white !important;\r\n        }\r\n        .nav-link.icon {\r\n            color: $white !important;\r\n        }\r\n        .nav-link i {\r\n            color: #e7e7f7 !important;\r\n            &:hover {\r\n                color: $white;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .color-header {\r\n        .hor-header.header .header-brand-img {\r\n            &.mobile-logo {\r\n                display: none !important;\r\n            }\r\n            &.darkmobile-logo {\r\n                display: block;\r\n            }\r\n        }\r\n        .hor-header {\r\n            .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none;\r\n                }\r\n                &.light-logo {\r\n                    margin: 0 auto;\r\n                    margin-top: 6px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 1024px) and (min-width: 992px) {\r\n    .color-header {\r\n        .hor-header.header .header-brand-img {\r\n            &.desktop-lgo,\r\n            &.mobile-logo {\r\n                display: none !important;\r\n            }\r\n            &.dark-logo {\r\n                display: block !important;\r\n                // margin-top: 5px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .color-header {\r\n        .app-header .header-brand1 .header-brand-img.light-logo1 {\r\n            display: none !important;\r\n        }\r\n        .app-header .header-brand1 .header-brand-img.desktop-logo {\r\n            display: block !important;\r\n        }\r\n        .app-header.header .header-brand-img.desktop-logo {\r\n            display: block;\r\n        }\r\n        .logo-horizontal .header-brand-img.light-logo1 {\r\n            display: none !important;\r\n        }\r\n    }\r\n}\r\n\r\n.dark-mode.color-header {\r\n    .app-header,\r\n    .hor-header {\r\n        background: $primary-1;\r\n    }\r\n    .header .form-inline .form-control {\r\n        border: 1px solid $white-05 !important;\r\n        color: $white;\r\n    }\r\n}\r\n\r\n/*Header-dark*/\r\n\r\n.dark-header {\r\n    .app-header,\r\n    .hor-header {\r\n        background: $dark-theme-1 !important;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n    .hor-header .header-brand1 {\r\n        margin-top: 4px;\r\n    }\r\n    .animated-arrow {\r\n        background: none;\r\n        span {\r\n            background: $primary-1;\r\n            &:before,\r\n            &:after {\r\n                background: $primary-1;\r\n            }\r\n        }\r\n    }\r\n    &.active .animated-arrow span {\r\n        background-color: transparent;\r\n    }\r\n    .header.hor-header .nav-link.icon,\r\n    .header-right-icons .nav-link.icon:hover {\r\n        color: #e7e7f7 !important;\r\n    }\r\n    .app-header.header .nav-link:hover {\r\n        color: $white;\r\n    }\r\n    .app-sidebar__toggle:hover {\r\n        color: #fff;\r\n    }\r\n    .header .main-header-center .form-control {\r\n        border: 1px solid $white-1 !important;\r\n        color: $white;\r\n        background: #353554;\r\n    }\r\n    .header .form-inline {\r\n        .btn i {\r\n            color: $white;\r\n            opacity: 0.5;\r\n        }\r\n        .form-control::placeholder {\r\n            color: $white;\r\n            opacity: 0.3;\r\n        }\r\n    }\r\n    .header.hor-header .header-brand-img {\r\n        &.desktop-logo {\r\n            display: block;\r\n        }\r\n        &.light-logo {\r\n            display: block;\r\n        }\r\n    }\r\n    &.horizontal .logo-horizontal .header-brand-img.light-logo1 {\r\n        display: none;\r\n    }\r\n    .app-header .header-right-icons .nav-link.icon {\r\n        color: #d5d7df !important;\r\n    }\r\n    .app-header .header-right-icons .nav-link.icon:hover {\r\n        color: $white;\r\n    }\r\n    .app-sidebar__toggle {\r\n        color: #d5d7df !important;\r\n    }\r\n    .app-sidebar__toggle:after {\r\n        background: none;\r\n    }\r\n    .nav-link.icon i::after {\r\n        background: none;\r\n    }\r\n    &.transparent-mode .app-header.sticky-pin {\r\n        background: $dark-theme-1;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .dark-header {\r\n        .app-header .header-brand1 .header-brand-img {\r\n            &.light-logo1 {\r\n                display: none !important;\r\n                // margin-top: 5px;\r\n            }\r\n            &.desktop-logo {\r\n                display: block;\r\n            }\r\n        }\r\n        .hor-header {\r\n            .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none;\r\n                }\r\n                &.light-logo {\r\n                    margin: 0 auto;\r\n                    margin-top: 6px;\r\n                }\r\n            }\r\n        }\r\n        .app-header.header .header-brand-img.desktop-logo {\r\n            display: block;\r\n        }\r\n        .logo-horizontal .header-brand-img.light-logo1 {\r\n            display: none !important;\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .dark-header {\r\n        .hor-header.header .header-brand .header-brand-img {\r\n            &.desktop-lgo {\r\n                display: none;\r\n            }\r\n            &.dark-logo {\r\n                display: block;\r\n                // margin-top: 5px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 1024px) and (min-width: 992px) {\r\n    .dark-header {\r\n        .hor-header.header .header-brand-img {\r\n            &.desktop-lgo,\r\n            &.mobile-logo {\r\n                display: none !important;\r\n            }\r\n            &.dark-logo {\r\n                display: block !important;\r\n                // margin-top: 5px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.light-mode.dark-header .hor-header .mobile-header.hor-mobile-header {\r\n    background: #30304d !important;\r\n}\r\n\r\n/*Header-light*/\r\n\r\n.dark-mode.header-light {\r\n    .app-header,\r\n    .hor-header {\r\n        background: $white;\r\n        border-bottom: 1px solid rgb(236, 240, 250);\r\n    }\r\n    .app-sidebar {\r\n        box-shadow: none;\r\n    }\r\n    .animated-arrow {\r\n        span {\r\n            background: #5c678f;\r\n            &:before,\r\n            &:after {\r\n                background: #5c678f;\r\n            }\r\n        }\r\n    }\r\n    &.active .animated-arrow span {\r\n        background-color: transparent;\r\n    }\r\n    .header .form-inline .form-control {\r\n        border: 1px solid transparent !important;\r\n        background: #f1f5ff;\r\n        color: $black;\r\n    }\r\n    .hor-header .header-brand-img.desktop-logo-1 {\r\n        display: none;\r\n    }\r\n    .drop-profile a {\r\n        color: #171a29;\r\n    }\r\n    .hor-header .header-brand-img.desktop-logo {\r\n        display: block;\r\n    }\r\n    .header .nav-link.icon i {\r\n        color: $dark-theme-1;\r\n    }\r\n    .header .nav-link.icon i {\r\n        color: $primary-1;\r\n    }\r\n    .app-sidebar__toggle {\r\n        a {\r\n            color: #555b95;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 575.98px) {\r\n    .dark-mode.header-light .header .form-inline .form-control {\r\n        background: #191d43;\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .dark-mode.header-light {\r\n        .hor-header .header-brand-img.desktop-logo {\r\n            display: none;\r\n        }\r\n        .app-header .header-brand1 .header-brand-img {\r\n            &.desktop-logo {\r\n                display: none;\r\n            }\r\n            &.light-logo1 {\r\n                display: block !important;\r\n            }\r\n        }\r\n        .mobile-header {\r\n            background-color: #ffffff;\r\n        }\r\n        .mobile-header .header-brand-img.desktop-logo {\r\n            display: none !important;\r\n        }\r\n        .mobile-header .header-brand-img.desktop-logo.mobile-light {\r\n            display: block !important;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) and (min-width: 568px) {\r\n    .app.dark-mode.header-light {\r\n        .app-header .header-brand .header-brand-img {\r\n            &.desktop-lgo {\r\n                display: block;\r\n                // margin-top: 5px;\r\n            }\r\n            &.dark-logo,\r\n            &.mobile-logo,\r\n            &.darkmobile-logo {\r\n                display: none !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 1024px) and (min-width: 992px) {\r\n    .dark-mode.header-light {\r\n        .hor-header.header .header-brand-img {\r\n            &.dark-logo,\r\n            &.mobile-logo {\r\n                display: none !important;\r\n            }\r\n            &.desktop-lgo {\r\n                display: block !important;\r\n                // margin-top: 5px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/*Header-Gradient-header*/\r\n\r\n.gradient-header {\r\n    .hor-header .header-brand1 {\r\n        margin-top: 4px;\r\n    }\r\n    .app-header,\r\n    .hor-header {\r\n        background: linear-gradient(to right, $primary-1 0%, #8e77fa 100%) !important;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n    .main-header-center .form-control {\r\n        color: $white;\r\n        &::placeholder {\r\n            color: $white !important;\r\n            opacity: 0.3;\r\n        }\r\n    }\r\n    .animated-arrow {\r\n        background: none;\r\n        span {\r\n            background: #e7e7f7;\r\n            &:before,\r\n            &:after {\r\n                background: #e7e7f7;\r\n            }\r\n        }\r\n    }\r\n    &.active .animated-arrow span {\r\n        background-color: transparent;\r\n    }\r\n    .app-header.header .nav-link:hover {\r\n        color: $white;\r\n    }\r\n    .app-sidebar__toggle:hover {\r\n        color: #fff;\r\n    }\r\n    .demo-icon.nav-link.icon i {\r\n        color: #e7e7f7 !important;\r\n    }\r\n    .header {\r\n        .main-header-center .form-control {\r\n            border: 1px solid $white-1 !important;\r\n            background: rgba(0, 0, 0, 0.08) !important;\r\n            color: $white;\r\n        }\r\n        .main-header-center .form-control:placeholder {\r\n            color: $white !important;\r\n            opacity: 0.5;\r\n        }\r\n    }\r\n    .app-sidebar__toggle {\r\n        color: #fff;\r\n        a {\r\n            color: $white;\r\n        }\r\n    }\r\n    .app-header .header-right-icons .nav-link.icon {\r\n        color: $white;\r\n    }\r\n    .app-header .header-right-icons .nav-link.icon:hover {\r\n        color: $white !important;\r\n    }\r\n    .hor-header .header-right-icons .nav-link.icon {\r\n        color: $white !important;\r\n    }\r\n}\r\n\r\n@media (min-width: 991px) {\r\n    .gradient-header {\r\n        .header .nav-link.icon i,\r\n        .header-right .nav-link.icon:hover i {\r\n            color: $white !important;\r\n        }\r\n        .nav-link.icon i {\r\n            color: $white !important;\r\n        }\r\n        .nav-link i {\r\n            color: #e7e7f7 !important;\r\n            &:hover {\r\n                color: $white;\r\n            }\r\n        }\r\n        &.horizontal .logo-horizontal .header-brand-img.light-logo1 {\r\n            display: none;\r\n        }\r\n        &.horizontal .logo-horizontal .header-brand-img.desktop-logo {\r\n            display: block;\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .gradient-header {\r\n        .hor-header.header .header-brand1 .header-brand-img {\r\n            &.desktop-logo {\r\n                display: none !important;\r\n            }\r\n            &.light-logo {\r\n                display: block;\r\n            }\r\n        }\r\n        .hor-header.header .header-brand2 .header-brand-img {\r\n            &.desktop-logo {\r\n                display: none !important;\r\n            }\r\n            &.light-logo {\r\n                display: block;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) and (min-width: 575.98px) {\r\n    .gradient-header {\r\n        .app-header .header-brand .header-brand-img {\r\n            &.dark-logo {\r\n                display: block;\r\n                // margin-top: 5px;\r\n            }\r\n            &.desktop-lgo,\r\n            &.mobile-logo,\r\n            &.darkmobile-logo {\r\n                display: none !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .gradient-header {\r\n        .app-header .header-brand1 .header-brand-img {\r\n            &.desktop-logo {\r\n                display: block;\r\n            }\r\n            &.light-logo1 {\r\n                display: none !important;\r\n            }\r\n        }\r\n        .navresponsive-toggler span {\r\n            color: $white !important;\r\n        }\r\n        .hor-header {\r\n            .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: block !important;\r\n                }\r\n                &.light-logo {\r\n                    margin: 0 auto;\r\n                    margin-top: 6px;\r\n                    display: block;\r\n                }\r\n            }\r\n        }\r\n\r\n        .app-header.header .header-brand-img.desktop-logo {\r\n            display: block;\r\n        }\r\n        .logo-horizontal .header-brand-img.light-logo1 {\r\n            display: none !important;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 1024px) and (min-width: 992px) {\r\n    .gradient-header {\r\n        .hor-header.header .header-brand-img {\r\n            &.desktop-lgo,\r\n            &.mobile-logo {\r\n                display: none !important;\r\n            }\r\n            &.dark-logo {\r\n                display: block !important;\r\n                // margin-top: 5px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.dark-mode.gradient-header {\r\n    .app-header,\r\n    .hor-header {\r\n        background: linear-gradient(to right, $primary-1 0%, #8e77fa 100%) !important;\r\n    }\r\n    .header .form-inline .form-control {\r\n        border: 1px solid $white-05 !important;\r\n        color: $white;\r\n    }\r\n}\r\n\r\n/*---------- Leftmenu-styles ----------*/\r\n\r\n/*Light-menu*/\r\n\r\n.light-menu {\r\n    .app-sidebar {\r\n        background: $white;\r\n        .app-sidebar__user {\r\n            border-bottom: 1px solid $border;\r\n        }\r\n        .side-menu .sidemenu_icon {\r\n            color: $white !important;\r\n        }\r\n        .app-sidebar__user {\r\n            .user-pic .avatar-xxl {\r\n                border: 3px solid #ebeff8;\r\n            }\r\n            .user-pic::before {\r\n                border: 2px solid #fff;\r\n            }\r\n            .user-info h5 {\r\n                color: #263871;\r\n            }\r\n        }\r\n        .Annoucement_card {\r\n            background: #ebeff8;\r\n            .title,\r\n            .text-white {\r\n                color: #263871 !important;\r\n            }\r\n        }\r\n    }\r\n    .slide a.active .sidemenu_icon,\r\n    .side-menu__item:hover .sidemenu_icon {\r\n        color: $white;\r\n    }\r\n    .slide-menu li {\r\n        &.active > a,\r\n        &:hover > a {\r\n            color: $primary-1 !important;\r\n        }\r\n    }\r\n    .side-item.side-item-category {\r\n        opacity: 0.7 !important;\r\n    }\r\n    &.dark-mode.sidebar-mini.hover-submenu.sidenav-toggled.sidenav-toggled-open\r\n        .app-sidebar\r\n        .side-header\r\n        .header-brand-img.light-logo {\r\n        display: block !important;\r\n    }\r\n    &.dark-mode.sidebar-mini.hover-submenu.sidenav-toggled.sidenav-toggled-open\r\n        .app-sidebar\r\n        .side-header\r\n        .header-brand-img.toggle-logo {\r\n        display: none !important;\r\n    }\r\n    &.dark-mode.sidebar-mini.hover-submenu1.sidenav-toggled.sidenav-toggled-open\r\n        .app-sidebar\r\n        .side-header\r\n        .header-brand-img.light-logo {\r\n        display: block !important;\r\n    }\r\n    &.dark-mode.sidebar-mini.hover-submenu1.sidenav-toggled.sidenav-toggled-open\r\n        .app-sidebar\r\n        .side-header\r\n        .header-brand-img.toggle-logo {\r\n        display: none !important;\r\n    }\r\n    &.dark-mode.hover-submenu1.sidebar-mini.sidenav-toggled .side-menu-label1 {\r\n        border-bottom-color: rgb(225, 229, 233);\r\n    }\r\n    &.horizontal .horizontal-main .slide .slide-menu,\r\n    &.horizontal .horizontal-main .slide .sub-slide-menu,\r\n    &.horizontal .horizontal-main .slide .sub-slide-menu2 {\r\n        border-color: $border;\r\n    }\r\n}\r\n\r\n.dark-mode.light-menu {\r\n    .app-sidebar {\r\n        background: $white !important;\r\n        .app-sidebar__user {\r\n            border-bottom: 1px solid $border;\r\n        }\r\n        .app-sidebar__user {\r\n            .user-pic .avatar-xxl {\r\n                border: 3px solid #ebeff8;\r\n            }\r\n            .user-pic::before {\r\n                border: 2px solid #fff;\r\n            }\r\n        }\r\n    }\r\n    .slide-menu li {\r\n        &.active > a,\r\n        &:hover > a {\r\n            color: $primary-1 !important;\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .light-menu {\r\n        .app-sidebar__logo {\r\n            border-bottom: 1px solid $border;\r\n            border-right: 1px solid $border;\r\n        }\r\n        .app-sidebar .app-sidebar__logo .header-brand-img {\r\n            &.desktop-lgo {\r\n                display: block;\r\n                margin: 0 auto;\r\n                // margin-top: 5px;\r\n            }\r\n            &.dark-logo {\r\n                display: none;\r\n            }\r\n        }\r\n        &.sidenav-toggled {\r\n            .app-sidebar .app-sidebar__logo .header-brand-img {\r\n                &.desktop-lgo {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n        &.sidenav-toggled.sidenav-toggled1 {\r\n            .app-sidebar .app-sidebar__logo .header-brand-img {\r\n                &.desktop-lgo {\r\n                    display: block;\r\n                    margin: 0 auto;\r\n                    // margin-top: 5px;\r\n                }\r\n                &.dark-logo {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n        &.light-menu.dark-mode.hover-submenu.sidebar-mini.sidenav-toggled .slide-menu {\r\n            background: #f1f1f1;\r\n        }\r\n        &.light-menu.dark-mode.hover-submenu1.sidebar-mini.sidenav-toggled .slide-menu {\r\n            background: #f1f1f1;\r\n        }\r\n    }\r\n    .dark-mode.light-menu {\r\n        .side-header {\r\n            border-bottom: 1px solid $border;\r\n            border-right: 1px solid $border;\r\n            top: 0px;\r\n        }\r\n        .side-menu h3 {\r\n            color: #000;\r\n        }\r\n        .side-menu__item.active:hover,\r\n        .side-menu__item.active:focus {\r\n            color: #ffffff;\r\n        }\r\n        .app-sidebar .side-header .header-brand-img {\r\n            &.light-logo1 {\r\n                display: block !important;\r\n                margin: 0 auto;\r\n                // margin-top: 5px;\r\n            }\r\n            &.desktop-logo {\r\n                display: none !important;\r\n            }\r\n        }\r\n        &.sidenav-toggled {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n            }\r\n        }\r\n        &.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.light-logo1 {\r\n                    display: block !important;\r\n                    margin: 0 auto;\r\n                    // margin-top: 5px;\r\n                }\r\n                &desktop-logo {\r\n                    display: none !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.app.sidebar-mini.dark-mode.light-menu.sidenav-toggled.sidenav-toggled-open\r\n    .app-sidebar\r\n    .side-header\r\n    .header-brand-img.desktop-logo {\r\n    display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.dark-mode.light-menu.sidenav-toggled.sidenav-toggled-open\r\n    .app-sidebar\r\n    .side-header\r\n    .header-brand-img.light-logo1 {\r\n    display: block !important;\r\n}\r\n\r\n.app.sidebar-mini.dark-mode.hover-submenu1.light-menu.sidenav-toggled.sidenav-toggled-open\r\n    .app-sidebar\r\n    .side-header\r\n    .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.dark-mode.light-menu.hover-submenu.sidenav-toggled.sidenav-toggled-open\r\n    .app-sidebar\r\n    .side-header\r\n    .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n/*Color-menu*/\r\n\r\n.color-menu {\r\n    .app-sidebar {\r\n        border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n    .app-sidebar .side-header {\r\n        background: $primary-1;\r\n        border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n        .side-item.side-item-category {\r\n            color: $white;\r\n            opacity: 0.3;\r\n        }\r\n        .side-menu .side-menu__icon,\r\n        .side-menu .side-menu__item {\r\n            color: #e7eefb;\r\n        }\r\n        .slide a.active .sidemenu_icon,\r\n        .side-menu__item:hover .sidemenu_icon {\r\n            color: $white !important;\r\n            opacity: inherit;\r\n        }\r\n        .side-menu .slide a.active,\r\n        .side-menu .slide a:hover {\r\n            color: $white !important;\r\n            opacity: inherit;\r\n        }\r\n        .slide .side-menu__item.active,\r\n        .slide .side-menu__item:hover {\r\n            background: rgba(0, 0, 0, 0.1);\r\n        }\r\n        .side-menu__item.active:hover,\r\n        .side-menu__item.active:focus {\r\n            background: linear-gradient(to right, $primary-1 0%, #8e77fa 100%) !important;\r\n        }\r\n        .side-menu__item:hover .side-menu__label,\r\n        .side-menu__item:hover .side-menu__icon,\r\n        .side-menu__item:hover .angle {\r\n            color: $white !important;\r\n            opacity: inherit;\r\n        }\r\n        .app-sidebar__user {\r\n            border-bottom: 1px solid $white-1;\r\n            .user-info h5 {\r\n                color: $white;\r\n            }\r\n            .app-sidebar__user-name.text-muted {\r\n                color: $white !important;\r\n                opacity: 0.7;\r\n            }\r\n        }\r\n        .app-sidebar__user .user-pic .avatar-xxl {\r\n            border: 3px solid $white;\r\n        }\r\n    }\r\n    &.horizontal .horizontal-main .slide .slide-menu,\r\n    &.horizontal .horizontal-main .slide .sub-slide-menu,\r\n    &.horizontal .horizontal-main .slide .sub-slide-menu2 {\r\n        background-color: $primary-1;\r\n        border-color: $border-dark;\r\n    }\r\n    &.horizontal .side-menu .slide .side-menu__item.active {\r\n        color: $white !important;\r\n    }\r\n    .slide-item.active,\r\n    .slide-item:hover,\r\n    .slide-item:focus {\r\n        color: $white !important;\r\n    }\r\n    .is-expanded .sub-slide-item.active,\r\n    .sub-side-menu__item.active.is-expanded {\r\n        color: $white;\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .color-menu {\r\n        .side-header {\r\n            border-bottom: 1px solid $white-1;\r\n            border-right: 1px solid $white-1;\r\n        }\r\n        .app-sidebar .side-header .header-brand-img {\r\n            &.desktop-logo {\r\n                display: block;\r\n                margin: 0 auto;\r\n            }\r\n            &.light-logo1 {\r\n                display: none;\r\n            }\r\n        }\r\n        &.sidenav-toggled {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none;\r\n                }\r\n                &.toggle-logo {\r\n                    display: block !important;\r\n                }\r\n                &.light-logo,\r\n                &.light-logo1,\r\n                &.mobile-light {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n        &.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: block !important;\r\n                    margin: 0 auto;\r\n                }\r\n                &.toggle-logo {\r\n                    display: none !important;\r\n                }\r\n                &.light-logo,\r\n                &.light-logo1 {\r\n                    display: none !important;\r\n                }\r\n            }\r\n        }\r\n        &.hover-submenu.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n                &.toggle-logo {\r\n                    display: block !important;\r\n                }\r\n            }\r\n        }\r\n        &.hover-submenu.dark-mode.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n                &.toggle-logo {\r\n                    display: block !important;\r\n                }\r\n            }\r\n        }\r\n        &.hover-submenu1.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n                &.toggle-logo {\r\n                    display: block !important;\r\n                }\r\n            }\r\n        }\r\n        &.hover-submenu1.dark-mode.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n                &.toggle-logo {\r\n                    display: block !important;\r\n                }\r\n            }\r\n        }\r\n        &.sidenav-toggled {\r\n            .slide-menu {\r\n                background: $primary-1 !important;\r\n                color: $white;\r\n            }\r\n            .sub-side-menu__item,\r\n            & .sub-side-menu__item2 {\r\n                color: #e7eefb;\r\n            }\r\n            .sub-slide-item,\r\n            & .sub-slide-item2 {\r\n                color: #e7eefb;\r\n            }\r\n            .slide-item {\r\n                &:hover,\r\n                &:focus {\r\n                    color: $white !important;\r\n                }\r\n            }\r\n        }\r\n        .sub-side-menu__item {\r\n            color: $white;\r\n        }\r\n    }\r\n}\r\n\r\n.dark-mode.color-menu {\r\n    .app-sidebar {\r\n        background: $primary-1;\r\n        .side-menu .slide a {\r\n            color: $white;\r\n            opacity: 0.7;\r\n        }\r\n    }\r\n    .app-sidebar .app-sidebar__user .user-pic .avatar-xxl {\r\n        border: 3px solid $white;\r\n    }\r\n    .app-sidebar .app-sidebar__user .user-pic::before {\r\n        border: 2px solid $white;\r\n    }\r\n    .side-item.side-item-category {\r\n        color: $white;\r\n        opacity: 0.5;\r\n    }\r\n    .app-sidebar ul li a {\r\n        color: $white;\r\n        opacity: 0.8;\r\n    }\r\n    .slide-menu li {\r\n        &.active > a,\r\n        &:hover > a {\r\n            color: $white !important;\r\n            opacity: inherit;\r\n        }\r\n    }\r\n    .app-sidebar {\r\n        .slide-menu .slide-item:hover,\r\n        .side-menu__item.active .side-menu__icon {\r\n            color: $white !important;\r\n            opacity: inherit;\r\n        }\r\n    }\r\n    .slide.is-expanded .side-menu__item {\r\n        color: $white !important;\r\n        opacity: inherit;\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .dark-mode.color-menu .app-sidebar__logo {\r\n        border-bottom: 1px solid $white-1;\r\n        border-right: 1px solid $white-1;\r\n    }\r\n}\r\n\r\n/*dark-menu*/\r\n\r\n.dark-menu {\r\n    .app-sidebar {\r\n        background: $dark-theme-1 !important;\r\n        border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n        .side-item.side-item-category {\r\n            color: $white;\r\n            opacity: 0.3;\r\n        }\r\n        .side-header {\r\n            background: $dark-theme-1 !important;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        .side-menu h3 {\r\n            color: rgba(255, 255, 255, 0.3);\r\n        }\r\n        .side-menu .side-menu__icon {\r\n            color: $primary-1 !important;\r\n            opacity: 0.7;\r\n        }\r\n        .side-menu a {\r\n            color: $text-color !important;\r\n        }\r\n        .side-menu__item {\r\n            color: $primary-1 !important;\r\n        }\r\n        .slide-item {\r\n            color: $text-color !important;\r\n        }\r\n        .slide a.active .side-menu__icon,\r\n        .side-menu__item:hover .side-menu__icon {\r\n            color: $primary-1 !important;\r\n            opacity: inherit;\r\n        }\r\n        .side-menu .slide a.active,\r\n        .side-menu .slide a:hover {\r\n            color: $primary-1 !important;\r\n            opacity: inherit;\r\n        }\r\n        .side-menu__item:hover .side-menu__label,\r\n        .side-menu__item:hover .side-menu__icon,\r\n        .side-menu__item:hover .angle {\r\n            color: $primary-1 !important;\r\n            opacity: inherit;\r\n        }\r\n        .side-menu__item:hover .side-menu__icon,\r\n        .side-menu__item:hover .side-menu__label,\r\n        .side-menu__item:focus .side-menu__icon,\r\n        .side-menu__item:focus .side-menu__label {\r\n            color: $primary-1 !important;\r\n        }\r\n        .app-sidebar__user {\r\n            border-bottom: 1px solid $white-1;\r\n            .user-info h5 {\r\n                color: $white;\r\n            }\r\n            .app-sidebar__user-name.text-muted {\r\n                color: $white !important;\r\n                opacity: 0.5;\r\n            }\r\n        }\r\n    }\r\n    &.sidebar-mini.sidenav-toggled .slide-menu {\r\n        background: $dark-theme-1;\r\n    }\r\n    .slide-menu li .slide-item:before {\r\n        color: $white;\r\n    }\r\n    .side-menu-label1 {\r\n        border-bottom-color: $border-dark !important;\r\n    }\r\n    &.horizontal .horizontal-main .slide .slide-menu,\r\n    &.horizontal .horizontal-main .slide .sub-slide-menu,\r\n    &.horizontal .horizontal-main .slide .sub-slide-menu2 {\r\n        background-color: $dark-theme-1;\r\n        border-color: $border-dark;\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .dark-menu {\r\n        .side-header {\r\n            border-bottom: 1px solid $white-1;\r\n            border-right: 1px solid $white-1;\r\n        }\r\n        .app-sidebar .side-header .header-brand-img {\r\n            &.desktop-logo {\r\n                display: block;\r\n                margin: 0 auto;\r\n            }\r\n            &.light-logo1 {\r\n                display: none;\r\n            }\r\n        }\r\n        &.sidenav-toggled {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none;\r\n                }\r\n                &.light-logo1 {\r\n                    display: block;\r\n                }\r\n            }\r\n        }\r\n        &.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: block;\r\n                    margin: 0 auto;\r\n                }\r\n                &.light-logo1 {\r\n                    display: none !important;\r\n                }\r\n            }\r\n        }\r\n        &.hover-submenu.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n        &.hover-submenu1.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n        &.dark-mode.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: block !important;\r\n                }\r\n                &.toggle-logo {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n        &.dark-mode.hover-submenu.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n                &.light-logo {\r\n                    display: none !important;\r\n                }\r\n                &.toggle-logo {\r\n                    display: block !important;\r\n                }\r\n            }\r\n        }\r\n        &.dark-mode.hover-submenu1.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n                &.light-logo {\r\n                    display: none !important;\r\n                }\r\n                &.toggle-logo {\r\n                    display: block !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/*Graident-Color*/\r\n\r\n.gradient-menu {\r\n    .app-sidebar {\r\n        background: linear-gradient(to bottom, $primary-1 0%, #8e77fa 100%) !important;\r\n        .side-item.side-item-category {\r\n            color: $white;\r\n            opacity: 0.3;\r\n        }\r\n        .side-header {\r\n            background: $primary-1;\r\n            border-bottom: 1px solid $white-1;\r\n            border-right: 1px solid $white-1;\r\n        }\r\n        .side-menu__item.active::after {\r\n            background: #fff;\r\n        }\r\n        .side-menu__item:hover::after {\r\n            background: #fff;\r\n        }\r\n        .side-menu .slide a {\r\n            color: #e7eefb;\r\n        }\r\n        .side-menu h3 {\r\n            color: rgba(255, 255, 255, 0.3);\r\n        }\r\n        .side-menu .side-menu__icon {\r\n            color: #e7eefb !important;\r\n            opacity: 0.7;\r\n        }\r\n        .slide-menu li .slide-item:before {\r\n            color: #c7c9eb;\r\n        }\r\n        .side-menu__item:hover .side-menu__icon,\r\n        .side-menu__item:hover .side-menu__label,\r\n        .side-menu__item:focus .side-menu__icon,\r\n        .side-menu__item:focus .side-menu__label {\r\n            color: #ffffff !important;\r\n        }\r\n        .side-menu .slide a {\r\n            color: #e7eefb;\r\n        }\r\n        .side-menu__item {\r\n            color: #e7eefb;\r\n        }\r\n        .slide-item {\r\n            color: #e7eefb;\r\n        }\r\n        .slide a.active .side-menu__icon,\r\n        .side-menu__item:hover .side-menu__icon {\r\n            color: $white !important;\r\n            opacity: inherit;\r\n        }\r\n        .side-menu .slide a.active,\r\n        .side-menu .slide a:hover {\r\n            color: $white !important;\r\n            opacity: inherit;\r\n        }\r\n        .side-menu__item:hover .side-menu__label,\r\n        .side-menu__item:hover .side-menu__icon,\r\n        .side-menu__item:hover .angle {\r\n            color: $white !important;\r\n            opacity: inherit;\r\n        }\r\n        .app-sidebar__user {\r\n            border-bottom: 1px solid $white-1;\r\n            .user-info h5 {\r\n                color: $white;\r\n            }\r\n            .app-sidebar__user-name.text-muted {\r\n                color: $white !important;\r\n            }\r\n        }\r\n        .app-sidebar__user .user-pic .avatar-xxl {\r\n            border: 3px solid $white;\r\n        }\r\n    }\r\n    &.hover-submenu1 .side-menu-label1 {\r\n        border-bottom-color: $border-dark !important;\r\n    }\r\n    &.hover-submenu.sidebar-mini.sidenav-toggled .slide-menu {\r\n        background: linear-gradient(to bottom, $primary-1 0%, #8e77fa 100%) !important;\r\n    }\r\n    &.hover-submenu1.sidebar-mini.sidenav-toggled .slide-menu {\r\n        background: linear-gradient(to bottom, $primary-1 0%, #8e77fa 100%) !important;\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .gradient-menu {\r\n        .app-sidebar {\r\n            border-bottom: 1px solid $white-1;\r\n            border-right: 1px solid $white-1;\r\n        }\r\n        .app-sidebar .side-header .header-brand-img {\r\n            &.desktop-logo {\r\n                display: block;\r\n                margin: 0 auto;\r\n            }\r\n            &.light-logo1 {\r\n                display: none;\r\n            }\r\n        }\r\n        &.sidenav-toggled {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none;\r\n                }\r\n                &.toggle-logo {\r\n                    display: block !important;\r\n                    // margin-top: 5px;\r\n                }\r\n                &.light-logo,\r\n                &.light-logo1,\r\n                &.mobile-light {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n        &.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .side-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: block;\r\n                    margin: 0 auto;\r\n                    // margin-top: 5px;\r\n                }\r\n                &.toggle-logo {\r\n                    display: none !important;\r\n                }\r\n                &.light-logo1 {\r\n                    display: none !important;\r\n                }\r\n            }\r\n        }\r\n        &.horizontal .horizontal-main .slide .slide-menu,\r\n        &.horizontal .horizontal-main .slide .sub-slide-menu,\r\n        &.horizontal .horizontal-main .slide .sub-slide-menu2 {\r\n            background: linear-gradient(to bottom, $primary-1 0%, #8e77fa 100%);\r\n            border-color: $border-dark;\r\n        }\r\n    }\r\n}\r\n\r\n.dark-mode.gradient-menu {\r\n    .app-sidebar {\r\n        background: linear-gradient(to bottom, $primary-1 0%, #8e77fa 100%) !important;\r\n        .side-menu .slide a {\r\n            color: $white;\r\n            opacity: 0.7;\r\n        }\r\n    }\r\n    .app-sidebar .app-sidebar__user .user-pic .avatar-xxl {\r\n        border: 3px solid $white;\r\n    }\r\n    .app-sidebar .app-sidebar__user .user-pic::before {\r\n        border: 2px solid $white;\r\n    }\r\n    .side-item.side-item-category {\r\n        color: $white;\r\n        opacity: 0.5;\r\n    }\r\n    .app-sidebar ul li a {\r\n        color: $white;\r\n        opacity: 0.8;\r\n    }\r\n    .slide-menu li {\r\n        &.active > a,\r\n        &:hover > a {\r\n            color: $white !important;\r\n            opacity: inherit;\r\n        }\r\n    }\r\n    .app-sidebar {\r\n        .slide-menu .slide-item:hover,\r\n        .side-menu__item.active .side-menu__icon {\r\n            color: $white !important;\r\n            opacity: inherit;\r\n        }\r\n    }\r\n    .slide.is-expanded .side-menu__item {\r\n        color: $white !important;\r\n        opacity: inherit;\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .dark-mode.gradient-menu .app-sidebar__logo {\r\n        border-bottom: 1px solid $white-1;\r\n        border-right: 1px solid $white-1;\r\n    }\r\n}\r\n\r\n/*---------- Horizontalmenu-styles ----------*/\r\n\r\n.dark-mode.gradient-header .mobile-header {\r\n    border-bottom: 1px solid rgb(100, 76, 252) !important;\r\n}\r\n\r\n.dark-mode {\r\n    &.color-header.gradient-menu .app-sidebar {\r\n        box-shadow: none;\r\n    }\r\n    &.gradient-header.gradient-header .app-sidebar {\r\n        box-shadow: none;\r\n    }\r\n    &.color-menu.color-header .app-sidebar {\r\n        box-shadow: none;\r\n    }\r\n    &.light-menu.color-header .app-sidebar {\r\n        box-shadow: none;\r\n    }\r\n}\r\n\r\n/*dark-hormenu*/\r\n\r\n.gradient-header.color-menu .app-sidebar {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n    box-shadow: none;\r\n}\r\n\r\n.gradient-header.color-menu .app-sidebar {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n    box-shadow: none;\r\n}\r\n\r\n.dark-header.color-menu .app-sidebar {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n    box-shadow: none;\r\n}\r\n\r\n.color-header.color-menu .app-sidebar {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n    box-shadow: none;\r\n}\r\n\r\n.gradient-header.gradient-menu .app-sidebar {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n    box-shadow: none;\r\n}\r\n\r\n.dark-header.gradient-menu .app-sidebar {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n    box-shadow: none;\r\n}\r\n\r\n.color-header.gradient-menu .app-sidebar {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n    box-shadow: none;\r\n}\r\n\r\n.gradient-header.dark-menu .app-sidebar {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n    box-shadow: none;\r\n}\r\n\r\n.dark-header.dark-menu .app-sidebar {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n    box-shadow: none;\r\n}\r\n\r\n.rtl{\r\n    &.dark-header.dark-menu, &.gradient-header.dark-menu, &.color-header.gradient-menu, &.dark-header.gradient-menu, &.gradient-header.gradient-menu,\r\n    &.dark-header.color-menu, &.gradient-header.color-menu, &.gradient-header.color-menu, &.color-header.dark-menu{\r\n        .app-sidebar {\r\n            border-left: 1px solid rgba(255, 255, 255, 0.2);\r\n            border-right: inherit;\r\n        }\r\n    } \r\n}\r\n\r\n.color-header.dark-menu .app-sidebar {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n    box-shadow: none;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .dark-mode .mobile-header {\r\n        background-color: #30304d;\r\n        border: 1px solid transparent;\r\n        -webkit-box-shadow: none;\r\n        box-shadow: none;\r\n    }\r\n}\r\n\r\n.color-header .header-brand-img.desktop-logo {\r\n    display: none;\r\n}\r\n\r\n.color-header.horizontal .header-brand-img.desktop-logo {\r\n    display: block;\r\n}\r\n\r\n.color-header .mobile-header.hor-mobile-header {\r\n    background: $primary-1;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .color-header .mobile-header .header-brand-img.desktop-logo {\r\n        display: block;\r\n    }\r\n    .color-header .mobile-header .header-brand-img.mobile-light {\r\n        display: none !important;\r\n    }\r\n    .dark-header .app-header .header-right-icons .responsive-navbar .nav-link.icon {\r\n        color: $default-color !important;\r\n    }\r\n    .dark-header .navresponsive-toggler span {\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.color-header .main-header-center .form-control {\r\n    background: rgba(0, 0, 0, 0.1);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.color-header .app-sidebar .side-header .header-brand-img.light-logo {\r\n    display: none;\r\n}\r\n\r\n.color-header.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo {\r\n    display: block;\r\n}\r\n\r\n.color-header.gradient-menu.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo {\r\n    display: none;\r\n}\r\n\r\n.gradient-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img {\r\n    &.desktop-logo {\r\n        display: block !important;\r\n    }\r\n    &.light-logo {\r\n        display: none;\r\n    }\r\n    &.light-logo1 {\r\n        display: block;\r\n    }\r\n}\r\n\r\n.gradient-menu.hover-submenu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img {\r\n    &.desktop-logo {\r\n        display: none !important;\r\n    }\r\n    &.light-logo {\r\n        display: none !important;\r\n    }\r\n    &.toggle-logo {\r\n        display: block !important;\r\n    }\r\n}\r\n\r\n.gradient-menu.sidenav-toggled .app-sidebar .side-header .header-brand-img {\r\n    &.desktop-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.gradient-menu.hover-submenu1.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img {\r\n    &.desktop-logo {\r\n        display: none !important;\r\n    }\r\n    &.light-logo {\r\n        display: none !important;\r\n    }\r\n    &.toggle-logo {\r\n        display: block !important;\r\n    }\r\n}\r\n\r\n.header-light .hor-header .header-brand-img.light-logo {\r\n    display: none;\r\n}\r\n\r\n.header-light .main-header-center .form-control {\r\n    color: $text-color !important;\r\n    background-color: #ffffff;\r\n    border: 1px solid #ecf0fa !important;\r\n}\r\n\r\n.header-light .header .dropdown .nav-link.icon:hover {\r\n    background: none !important;\r\n}\r\n\r\n.header-light.light-menu .side-header {\r\n    border-bottom: 1px solid $border;\r\n    background: #fff;\r\n}\r\n\r\n.header-light.light-menu .app-sidebar {\r\n    background: #fff;\r\n}\r\n\r\n.header-light.light-menu .app-sidebar .side-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: block !important;\r\n    }\r\n    &.desktop-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.header-light.light-menu.sidenav-toggled .app-sidebar .side-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.header-light.light-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: block !important;\r\n    }\r\n}\r\n\r\n.color-header.light-menu .side-header {\r\n    border-bottom: 1px solid $border;\r\n    background: #fff;\r\n}\r\n\r\n.color-header.light-menu .app-sidebar {\r\n    background: #fff;\r\n}\r\n\r\n.color-header.light-menu .app-sidebar .side-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: block !important;\r\n    }\r\n    &.desktop-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.color-header.light-menu.sidenav-toggled .app-sidebar .side-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.color-header.light-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: block !important;\r\n    }\r\n}\r\n\r\n.color-header .navresponsive-toggler span {\r\n    color: $white !important;\r\n}\r\n\r\n.gradient-header.light-menu .side-header {\r\n    border-bottom: 1px solid $border;\r\n    background: #fff;\r\n}\r\n\r\n.gradient-header.light-menu .app-sidebar {\r\n    background: #fff;\r\n}\r\n\r\n.gradient-header.light-menu .app-sidebar .side-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: block !important;\r\n    }\r\n    &.desktop-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.gradient-header.light-menu.sidenav-toggled .app-sidebar .side-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.gradient-header.light-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: block !important;\r\n    }\r\n}\r\n\r\n.dark-mode .apexcharts-radialbar-track.apexcharts-track path {\r\n    stroke: #21203a;\r\n}\r\n\r\n.dark-mode .apex-charts text {\r\n    fill: #fff;\r\n}\r\n\r\n.light-mode.color-header.color-menu .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n.light-mode.color-header.color-menu.sidenav-toggled.sidenav-toggled-open\r\n    .app-sidebar\r\n    .side-header\r\n    .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n.light-mode.color-header.color-menu.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo {\r\n    display: none;\r\n}\r\n\r\n.light-mode.color-menu .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.color-menu .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.color-menu.sidenav-toggled.sidenav-toggled-open\r\n    .app-sidebar\r\n    .side-header\r\n    .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.dark-menu .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.dark-menu.sidenav-toggled.sidenav-toggled-open\r\n    .app-sidebar\r\n    .side-header\r\n    .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.gradient-menu .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.gradient-menu.sidenav-toggled.sidenav-toggled-open\r\n    .app-sidebar\r\n    .side-header\r\n    .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.dark-mode.light-menu .side-header {\r\n    background: #ffffff;\r\n}\r\n\r\n.dark-header .mobile-header.hor-mobile-header {\r\n    background: #30304d;\r\n}\r\n\r\n.gradient-header .mobile-header.hor-mobile-header {\r\n    background: linear-gradient(to right, $primary-1 0%, #8e77fa 100%) !important;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .dark-header .mobile-header {\r\n        .header-brand-img {\r\n            &.desktop-logo {\r\n                display: block;\r\n            }\r\n            &.mobile-light {\r\n                display: none !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .gradient-header .mobile-header {\r\n        .header-brand-img {\r\n            &.desktop-logo {\r\n                display: block;\r\n            }\r\n            &.mobile-light {\r\n                display: none !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.dark-mode.header-light .main-header-center .form-control {\r\n    border: 1px solid #ecf0fa !important;\r\n}\r\n\r\n.dark-mode.light-menu .side-menu__item {\r\n    color: $default-color;\r\n}\r\n\r\n.dark-mode.horizontal.light-menu .side-menu > li > a {\r\n    color: $default-color;\r\n}\r\n\r\n.dark-mode.horizontal.light-menu .side-menu .sub-side-menu__label,\r\n.dark-mode.horizontal.light-menu .sub-slide-label,\r\n.dark-mode.horizontal.light-menu .sub-side-menu__label2 {\r\n    color: $default-color !important;\r\n}\r\n\r\n.dark-mode.horizontal.light-menu .horizontal-main .slide .slide-menu,\r\n.dark-mode.horizontal.light-menu .horizontal-main .slide .sub-slide-menu,\r\n.dark-mode.horizontal.light-menu .horizontal-main .slide .sub-slide-menu2 {\r\n    background-color: $white;\r\n}\r\n\r\n.dark-mode.light-menu .side-menu__icon {\r\n    color: $primary-1 !important;\r\n}\r\n.dark-mode.light-menu.sidenav-toggled .side-menu__icon {\r\n    color: $default-color !important;\r\n}\r\n.dark-mode.light-menu.sidenav-toggled-open .side-menu__icon {\r\n    color: $primary-1 !important;\r\n}\r\n\r\n.dark-mode.light-menu .slide.is-expanded a {\r\n    color: $default-color;\r\n}\r\n\r\n.dark-mode.light-menu.hover-submenu .slide-item {\r\n    color: $default-color !important;\r\n}\r\n\r\n.dark-mode.light-menu.hover-submenu1 .slide-item {\r\n    color: $default-color !important;\r\n}\r\n\r\n.dark-mode.light-menu .side-menu .sub-category,\r\n.dark-mode.light-menu .sub-side-menu__item,\r\n.dark-mode.light-menu .sub-slide-item,\r\n.dark-mode.light-menu .sub-side-menu__item2,\r\n.dark-mode.light-menu .sub-slide-item2 {\r\n    color: $default-color;\r\n}\r\n\r\n.dark-mode.hover-submenu1.sidebar-mini.sidenav-toggled {\r\n    .slide-menu {\r\n        background: $dark-theme-1;\r\n    }\r\n    .side-menu-label1 {\r\n        border-bottom-color: $border-dark;\r\n        a {\r\n            color: $text-color;\r\n        }\r\n    }\r\n}\r\n\r\n.dark-mode.hover-submenu.sidebar-mini.sidenav-toggled {\r\n    .slide-menu {\r\n        background: $dark-theme-1;\r\n    }\r\n}\r\n.dark-mode.header-light {\r\n    &.sidebar-mini .app-header .light-logo1 {\r\n        display: block !important;\r\n    }\r\n    &.sidebar-mini .app-header.header .header-brand-img.desktop-logo {\r\n        display: none;\r\n    }\r\n}\r\n\r\n/*--Boxed--*/\r\n\r\n@media (min-width: 1400px) {\r\n    .horizontal.layout-boxed {\r\n        .stickyClass {\r\n            .app-sidebar {\r\n                max-width: 1400px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .layout-boxed.horizontal .hor-header .container,\r\n    .layout-boxed.horizontal .horizontal-main .container,\r\n    .layout-boxed.horizontal .main-content.hor-content .container {\r\n        max-width: 95% !important;\r\n    }\r\n\r\n    body.layout-boxed {\r\n        background: #cfd1e2;\r\n    }\r\n    body.transparent-mode.layout-boxed {\r\n        background: var(--transparent-body);\r\n        .page {\r\n            background: var(--transparent-body);\r\n            box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 0px 0px, rgba(0, 0, 0, 0.3) 0px 5px 25px 0px;\r\n        }\r\n        &.bg-img1 .page {\r\n            background: url(../images/media/bg-img1.jpg);\r\n            background-blend-mode: overlay;\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            background-attachment: fixed;\r\n            content: \"\";\r\n            left: 0;\r\n            right: 0;\r\n            top: 0;\r\n        }\r\n        &.bg-img2 .page {\r\n            background: url(../images/media/bg-img2.jpg);\r\n            background-blend-mode: overlay;\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            background-attachment: fixed;\r\n            content: \"\";\r\n            left: 0;\r\n            right: 0;\r\n            top: 0;\r\n        }\r\n        &.bg-img3 .page {\r\n            background: url(../images/media/bg-img3.jpg);\r\n            background-blend-mode: overlay;\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            background-attachment: fixed;\r\n            content: \"\";\r\n            left: 0;\r\n            right: 0;\r\n            top: 0;\r\n        }\r\n        &.bg-img4 .page {\r\n            background: url(../images/media/bg-img4.jpg);\r\n            background-blend-mode: overlay;\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            background-attachment: fixed;\r\n            content: \"\";\r\n            left: 0;\r\n            right: 0;\r\n            top: 0;\r\n        }\r\n    }\r\n    body.layout-boxed.dark-mode {\r\n        background: #414165;\r\n    }\r\n    .layout-boxed {\r\n        .page {\r\n            width: 1400px;\r\n            margin: 0 auto;\r\n            background: #f2f3f9;\r\n            position: relative;\r\n            display: -ms-flexbox;\r\n            display: -webkit-box;\r\n            display: flex;\r\n            -ms-flex-direction: column;\r\n            -webkit-box-orient: vertical;\r\n            -webkit-box-direction: normal;\r\n            flex-direction: column;\r\n            -ms-flex-pack: center;\r\n            -webkit-box-pack: center;\r\n            -webkit-box-shadow: rgba(104, 113, 123, 0.3) 0px 5px 0px 0px, rgba(104, 113, 123, 0.3) 0px 5px 25px 0px;\r\n            box-shadow: rgba(104, 113, 123, 0.3) 0px 5px 0px 0px, rgba(104, 113, 123, 0.3) 0px 5px 25px 0px;\r\n        }\r\n        .app-header.header {\r\n            width: 1400px !important;\r\n            margin: 0 auto;\r\n        }\r\n        .app-sidebar {\r\n            left: auto !important;\r\n        }\r\n        .side-header {\r\n            left: auto !important;\r\n            right: auto !important;\r\n        }\r\n        h3.number-font {\r\n            font-size: 1.8rem;\r\n        }\r\n        .sticky-pin .horizontal-main.hor-menu {\r\n            width: 1400px !important;\r\n        }\r\n        .hor-content .container,\r\n        .hor-header .container,\r\n        .horizontal-main.hor-menu .container {\r\n            max-width: 95%;\r\n        }\r\n        .main-sidemenu .slide-right {\r\n            right: 6px;\r\n        }\r\n        .main-sidemenu .slide-left {\r\n            left: 8px;\r\n        }\r\n        .browser-stats img {\r\n            padding: 5px;\r\n            width: 30px;\r\n            height: 30px;\r\n        }\r\n    }\r\n    .layout-boxed .media.media-xs.overflow-visible {\r\n        display: inline-block;\r\n    }\r\n    .dark-mode.layout-boxed .page {\r\n        background: #22223d;\r\n        -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 0px 0px, rgba(0, 0, 0, 0.3) 0px 5px 25px 0px;\r\n        box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 0px 0px, rgba(0, 0, 0, 0.3) 0px 5px 25px 0px;\r\n    }\r\n}\r\n\r\n/*--- Scrollabel-header ----*/\r\n\r\n.scrollable-layout {\r\n    .app-header,\r\n    .mobile-header {\r\n        position: absolute !important;\r\n    }\r\n    .app-sidebar {\r\n        position: absolute;\r\n    }\r\n    .side-header {\r\n        position: absolute;\r\n    }\r\n    .page {\r\n        position: relative;\r\n    }\r\n    .sticky.sticky-pin {\r\n        position: absolute;\r\n    }\r\n    .navbar {\r\n        position: inherit;\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .scrollable-layout {\r\n        .responsive-navbar.navbar .navbar-collapse {\r\n            position: absolute;\r\n        }\r\n        .app-header,\r\n        .hor-header {\r\n            position: absolute;\r\n        }\r\n    }\r\n}\r\n\r\n/*--- Only Demo Purpose scss Icon-Text----*/\r\n\r\n@media (min-width: 992px) {\r\n    .icontext-menu {\r\n        &.sidebar-mini.sidenav-toggled .app-sidebar {\r\n            width: 120px;\r\n        }\r\n        &.app.sidebar-mini.sidenav-toggled .side-header {\r\n            width: 120px !important;\r\n        }\r\n        &.sidebar-mini.sidenav-toggled .app-content {\r\n            margin-left: 120px;\r\n        }\r\n        &.app.sidebar-mini.sidenav-toggled {\r\n            .side-menu__item {\r\n                padding: 12px 5px;\r\n                text-align: center;\r\n                display: block;\r\n            }\r\n            .side-menu__label {\r\n                display: block !important;\r\n                font-size: 12px;\r\n                padding-top: 0px;\r\n                margin-top: 0;\r\n            }\r\n        }\r\n        &.sidebar-mini.sidenav-toggled {\r\n            .app-header.header {\r\n                padding-left: 130px;\r\n            }\r\n            .side-menu .side-menu__icon:after {\r\n                top: 6px;\r\n            }\r\n            &.sidenav-toggled-open {\r\n                .app-sidebar {\r\n                    width: 270px;\r\n                }\r\n                .side-header {\r\n                    width: 270px !important;\r\n                }\r\n                .side-menu__item {\r\n                    display: flex;\r\n                    padding: 10px 20px;\r\n                    text-align: inherit;\r\n                }\r\n                .side-menu__label {\r\n                    display: block !important;\r\n                    margin-top: 3px;\r\n                    font-size: 15px;\r\n                }\r\n                .side-menu .side-menu__icon:after {\r\n                    top: 12px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n//Transparent mode\r\n\r\n.transparent-mode {\r\n    //Transparent light-menu\r\n    &.light-menu {\r\n        .app-sidebar {\r\n            background-color: $white !important;\r\n        }\r\n        .side-menu__item {\r\n            color: $default-color;\r\n        }\r\n        .side-menu .side-menu__icon {\r\n            color: $primary-1 !important;\r\n        }\r\n        &.sidenav-toggled .side-menu .side-menu__icon {\r\n            color: $default-color !important;\r\n        }\r\n        &.sidenav-toggled-open .side-menu .side-menu__icon {\r\n            color: $primary-1 !important;\r\n        }\r\n        .side-header {\r\n            border-bottom: 1px solid $border;\r\n            background: $white !important;\r\n        }\r\n        .side-menu .sub-category,\r\n        .sub-side-menu__item,\r\n        .sub-slide-item,\r\n        .sub-side-menu__item2,\r\n        .sub-slide-item2 {\r\n            color: #74829c;\r\n        }\r\n        .slide.is-expanded a {\r\n            color: $default-color;\r\n        }\r\n        .slide-menu li .slide-item:before {\r\n            color: #68798b;\r\n        }\r\n        .slide-menu li .slide-item {\r\n            color: $default-color;\r\n        }\r\n        .app-sidebar.sidemenu-scroll .side-header {\r\n            background: $white !important;\r\n        }\r\n        &.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {\r\n            background: $white;\r\n        }\r\n        &.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open {\r\n            .slide-menu {\r\n                background: $white;\r\n            }\r\n            .side-menu-label1 {\r\n                border-bottom: 1px solid $border;\r\n                a {\r\n                    color: $default-color;\r\n                }\r\n            }\r\n        }\r\n        .side-header .header-brand-img {\r\n            &.light-logo1 {\r\n                display: block !important;\r\n            }\r\n            &.desktop-logo {\r\n                display: none !important;\r\n            }\r\n        }\r\n        &.sidenav-toggled .side-header .header-brand-img {\r\n            &.light-logo {\r\n                display: block !important;\r\n            }\r\n            &.toggle-logo {\r\n                display: none !important;\r\n            }\r\n        }\r\n        &.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img {\r\n            &.light-logo1 {\r\n                display: block !important;\r\n            }\r\n            &.desktop-logo {\r\n                display: none !important;\r\n            }\r\n            &.light-logo {\r\n                display: none !important;\r\n            }\r\n        }\r\n        &.app.sidebar-mini.hover-submenu.sidenav-toggled.sidenav-toggled-open\r\n            .app-sidebar\r\n            .side-header\r\n            .header-brand-img {\r\n            &.light-logo1 {\r\n                display: none !important;\r\n            }\r\n            &.light-logo {\r\n                display: block !important;\r\n            }\r\n        }\r\n        &.app.sidebar-mini.hover-submenu1.sidenav-toggled.sidenav-toggled-open\r\n            .app-sidebar\r\n            .side-header\r\n            .header-brand-img {\r\n            &.light-logo1 {\r\n                display: none !important;\r\n            }\r\n            &.light-logo {\r\n                display: block !important;\r\n            }\r\n        }\r\n        &.horizontal{\r\n            .horizontal-main.fixed-header {\r\n                background-color: $white !important;\r\n            }\r\n        }\r\n        @media (max-width: 992.98px){\r\n            &.horizontal{\r\n                .horizontal-main {\r\n                    background-color: $white !important;\r\n                }\r\n            }\r\n            &.app.sidebar-mini .app-sidebar{\r\n                background-color: $white !important\r\n            }\r\n        }\r\n        &.horizontal .side-menu > li > a {\r\n            color: $default-color;\r\n        }\r\n        &.horizontal .horizontal-main .slide .slide-menu,\r\n        .horizontal .horizontal-main .slide .sub-slide-menu {\r\n            background-color: $white;\r\n        }\r\n        &.horizontal .side-menu .sub-side-menu__label,\r\n        .transparent-mode .sub-slide-label,\r\n        .transparent-mode .sub-side-menu__label2 {\r\n            color: $default-color;\r\n        }\r\n        &.horizontal .horizontal-main .slide .slide-menu,\r\n        &.horizontal .horizontal-main .slide .sub-slide-menu {\r\n            background-color: $white;\r\n        }\r\n        .side-menu__item.active {\r\n            color: $primary-1 !important;\r\n        }\r\n        .side-menu .sub-side-menu__label,\r\n        .sub-slide-label,\r\n        .sub-side-menu__label2 {\r\n            color: $default-color;\r\n        }\r\n        .sub-side-menu__label.active,\r\n        .sub-side-menu__label:hover,\r\n        .sub-side-menu__label:focus,\r\n        .sub-side-menu__label1.active,\r\n        .sub-side-menu__label1:hover,\r\n        .sub-side-menu__label1:focus,\r\n        .sub-side-menu__label2.active,\r\n        .sub-side-menu__label2:hover,\r\n        .sub-side-menu__label2:focus {\r\n            color: $primary-1;\r\n        }\r\n    }\r\n    \r\n    //Transparent color-menu\r\n    &.color-menu {\r\n        .app-sidebar {\r\n            background: var(--primary-bg-color);\r\n        }\r\n        &.horizontal{\r\n            .horizontal-main.fixed-header {\r\n                background-color: $primary-1 !important;\r\n            }\r\n        }\r\n        @media (max-width: 992.98px){\r\n            &.horizontal{\r\n                .horizontal-main {\r\n                    background-color: $primary-1 !important;\r\n                }\r\n            }\r\n            &.app.sidebar-mini .app-sidebar{\r\n                background-color: $primary-1 !important\r\n            }\r\n        }\r\n    }\r\n    //Transparent dark-menu\r\n    &.dark-menu {\r\n        .app-sidebar {\r\n            background: $dark-theme-1;\r\n        }\r\n        &.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {\r\n            background: $dark-theme-1;\r\n            left: 107px;\r\n        }\r\n        &.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {\r\n            background: $dark-theme-1;\r\n            left: 67px;\r\n        }\r\n        &.horizontal{\r\n            .horizontal-main.fixed-header {\r\n                background-color: $dark-theme-1 !important;\r\n            }\r\n        }\r\n        @media (max-width: 992.98px){\r\n            &.horizontal{\r\n                .horizontal-main {\r\n                    background-color: $dark-theme-1 !important;\r\n                }\r\n            }\r\n            &.app.sidebar-mini .app-sidebar{\r\n                background-color: $dark-theme-1 !important\r\n            }\r\n        }\r\n    }\r\n    //Transparent gradient-menu\r\n    &.gradient-menu {\r\n        // .side-menu {\r\n        //     background: linear-gradient(to bottom, var(--primary-bg-color) 0%, #8e77fa 100%) !important;\r\n        // }\r\n        .app-sidebar {\r\n            background: linear-gradient(to bottom, var(--primary-bg-color) 0%, #8e77fa 100%) !important;\r\n        }\r\n        &.sidenav-toggled.sidenav-toggled-open .app-sidebar {\r\n            background: linear-gradient(to bottom, var(--primary-bg-color) 0%, #8e77fa 100%) !important;\r\n        }\r\n        &.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {\r\n            background: $dark-theme-1;\r\n            left: 107px;\r\n        }\r\n        &.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {\r\n            background: $dark-theme-1;\r\n            left: 67px;\r\n        }\r\n        @media (max-width: 992.98px){\r\n            &.horizontal{\r\n                .horizontal-main {\r\n                    background: linear-gradient(to bottom, var(--primary-bg-color) 0%, #8e77fa 100%) !important;\r\n                }\r\n            }\r\n            &.app.sidebar-mini .app-sidebar{\r\n                background: linear-gradient(to bottom, var(--primary-bg-color) 0%, #8e77fa 100%) !important;\r\n            }\r\n        }\r\n    }\r\n    &.header-light .app-header.sticky.stickyClass {\r\n        background-color: $white !important;\r\n    }\r\n    &.color-header{\r\n        .app-header.sticky.stickyClass {\r\n            background-color: $primary-1 !important;\r\n        }\r\n        .header.hor-header{\r\n            background-color: $primary-1 !important;\r\n        }\r\n    } \r\n    &.dark-header{\r\n        .app-header.sticky.stickyClass {\r\n            background-color: $dark-theme-1 !important;\r\n        }\r\n        .header.hor-header {\r\n            background-color: $dark-theme-1 !important;\r\n        }\r\n    } \r\n}\r\n@media (min-width: 992px) {\r\n    .transparent-mode {\r\n        &.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {\r\n            background: var(--transparent-body);\r\n        }\r\n        &.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {\r\n            background: var(--transparent-body);\r\n        }\r\n        &.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu-label1 {\r\n            border-bottom-color: $border-dark;\r\n        }\r\n        &.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu-label1 a {\r\n            color: $text-color;\r\n        }\r\n        &.hover-submenu, &.hover-submenu1 {\r\n            &.sidenav-toggled.sidenav-toggled-open .app-sidebar {\r\n                background: $transparent-theme !important;\r\n            }\r\n        }\r\n        .slide-menu li .slide-item:before {\r\n            color: $white;\r\n        }\r\n        &.sidenav-toggled.sidenav-toggled-open .app-sidebar {\r\n            background: $primary-1;\r\n            .side-menu{\r\n                background: $primary-1;\r\n            }\r\n        }\r\n        @supports (-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px)){\r\n            &.sidenav-toggled.sidenav-toggled-open .app-sidebar {\r\n                background: $black-1 !important;\r\n                -webkit-backdrop-filter: blur(20px);\r\n                backdrop-filter: blur(20px);\r\n                .side-menu{\r\n                    background: transparent !important;\r\n                    backdrop-filter: blur(20px);\r\n                    -webkit-backdrop-filter: blur(20px);\r\n                }\r\n                .side-header{\r\n                    backdrop-filter: blur(20px);\r\n                    -webkit-backdrop-filter: blur(20px);\r\n                }\r\n            }\r\n        }\r\n        &.sidebar-mini .side-menu__item {\r\n            &.active .side-menu__icon,\r\n            &:hover .side-menu__icon,\r\n            &:focus .side-menu__icon,\r\n            &.active,\r\n            &:hover,\r\n            &:focus {\r\n                color: $white;\r\n            }\r\n        }\r\n        @supports (-webkit-backdrop-filter: inherit) or (backdrop-filter: inherit){\r\n            &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar {\r\n                backdrop-filter: inherit;\r\n                -webkit-backdrop-filter: inherit;\r\n            }\r\n        }\r\n        //Transparent light-menu\r\n        &.light-menu {\r\n            .app-sidebar {\r\n                background-color: $white !important;\r\n            }\r\n            .side-menu__item {\r\n                color: $default-color;\r\n            }\r\n            .side-menu .side-menu__icon {\r\n                color: $primary-1;\r\n            }\r\n            .side-header {\r\n                border-bottom: 1px solid $border;\r\n                background: $white !important;\r\n            }\r\n            .side-menu .sub-category,\r\n            .sub-side-menu__item,\r\n            .sub-slide-item,\r\n            .sub-side-menu__item2,\r\n            .sub-slide-item2 {\r\n                color: #74829c;\r\n            }\r\n            .slide.is-expanded a {\r\n                color: $default-color;\r\n            }\r\n            .slide-menu li .slide-item:before {\r\n                color: #68798b;\r\n            }\r\n            .slide-menu li .slide-item {\r\n                color: $default-color;\r\n            }\r\n            .app-sidebar.sidemenu-scroll .side-header {\r\n                background: $white !important;\r\n            }\r\n            &.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {\r\n                background: $white;\r\n            }\r\n            &.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open {\r\n                .slide-menu {\r\n                    background: $white;\r\n                }\r\n                .side-menu-label1 {\r\n                    border-bottom: 1px solid $border;\r\n                    a {\r\n                        color: $default-color;\r\n                    }\r\n                }\r\n            }\r\n            .side-header .header-brand-img {\r\n                &.light-logo1 {\r\n                    display: block !important;\r\n                }\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n            }\r\n            &.sidenav-toggled .side-header .header-brand-img {\r\n                &.light-logo {\r\n                    display: block !important;\r\n                }\r\n                &.toggle-logo {\r\n                    display: none !important;\r\n                }\r\n            }\r\n            &.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img {\r\n                &.light-logo1 {\r\n                    display: block !important;\r\n                }\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n                &.light-logo {\r\n                    display: none !important;\r\n                }\r\n            }\r\n            &.app.sidebar-mini.hover-submenu.sidenav-toggled.sidenav-toggled-open\r\n                .app-sidebar\r\n                .side-header\r\n                .header-brand-img {\r\n                &.light-logo1 {\r\n                    display: none !important;\r\n                }\r\n                &.light-logo {\r\n                    display: block !important;\r\n                }\r\n            }\r\n            &.app.sidebar-mini.hover-submenu1.sidenav-toggled.sidenav-toggled-open\r\n                .app-sidebar\r\n                .side-header\r\n                .header-brand-img {\r\n                &.light-logo1 {\r\n                    display: none !important;\r\n                }\r\n                &.light-logo {\r\n                    display: block !important;\r\n                }\r\n            }\r\n            &.horizontal .side-menu > li > a {\r\n                color: $default-color;\r\n            }\r\n            &.horizontal .horizontal-main .slide .slide-menu,\r\n            .horizontal .horizontal-main .slide .sub-slide-menu {\r\n                background-color: $white;\r\n            }\r\n            &.horizontal .side-menu .sub-side-menu__label,\r\n            .transparent-mode .sub-slide-label,\r\n            .transparent-mode .sub-side-menu__label2 {\r\n                color: $default-color;\r\n            }\r\n            &.horizontal .horizontal-main .slide .slide-menu,\r\n            &.horizontal .horizontal-main .slide .sub-slide-menu,\r\n            &.horizontal .horizontal-main .slide .sub-slide-menu2 {\r\n                background-color: $white;\r\n            }\r\n            .side-menu__item.active {\r\n                color: $primary-1 !important;\r\n            }\r\n            .side-menu .sub-side-menu__label,\r\n            .sub-slide-label,\r\n            .sub-side-menu__label2,\r\n            .sub-slide-item {\r\n                color: $default-color;\r\n            }\r\n            .sub-side-menu__label.active,\r\n            .sub-side-menu__label:hover,\r\n            .sub-side-menu__label:focus,\r\n            .sub-side-menu__label1.active,\r\n            .sub-side-menu__label1:hover,\r\n            .sub-side-menu__label1:focus,\r\n            .sub-side-menu__label2.active,\r\n            .sub-side-menu__label2:hover,\r\n            .sub-side-menu__label2:focus {\r\n                color: $primary-1;\r\n            }\r\n            &.color-header, &.dark-header, &.gradient-header{\r\n                &.hover-submenu, &.hover-submenu1{\r\n                    .sticky.stickyClass .side-header{\r\n                        background-color: $white !important;\r\n                    }\r\n                } \r\n            }\r\n        }\r\n        //Transparent color-menu\r\n        &.color-menu {\r\n            .app-sidebar {\r\n                background: var(--primary-bg-color);\r\n            }\r\n            &.dark-header{\r\n                &.hover-submenu, &.hover-submenu1{\r\n                    .sticky.stickyClass .side-header {\r\n                        background-color: $primary-1 !important;\r\n                    }\r\n                } \r\n            }\r\n        }\r\n        //Transparent dark-menu\r\n        &.dark-menu {\r\n            .app-sidebar {\r\n                background: $dark-theme-1;\r\n            }\r\n            &.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {\r\n                background: $dark-theme-1;\r\n                left: 107px;\r\n            }\r\n            &.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {\r\n                background: $dark-theme-1;\r\n                left: 67px;\r\n            }\r\n            &.color-header{\r\n                &.hover-submenu, &.hover-submenu1{\r\n                    .sticky.stickyClass .side-header {\r\n                        background-color: $dark-theme-1 !important;\r\n                    }\r\n                } \r\n            }\r\n        }\r\n        //Transparent gradient-menu\r\n        &.gradient-menu {\r\n            &.dark-header{\r\n                &.hover-submenu, &.hover-submenu1{\r\n                    .sticky.stickyClass .side-header {\r\n                        background-color: $primary-1 !important;\r\n                    }\r\n                } \r\n            }\r\n            .app-sidebar {\r\n                background: linear-gradient(to bottom, var(--primary-bg-color) 0%, #8e77fa 100%) !important;\r\n            }\r\n            &.sidenav-toggled.sidenav-toggled-open .app-sidebar {\r\n                background: linear-gradient(to bottom, var(--primary-bg-color) 0%, #8e77fa 100%) !important;\r\n            }\r\n            &.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {\r\n                background: $dark-theme-1;\r\n                left: 107px;\r\n            }\r\n            &.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {\r\n                background: $dark-theme-1;\r\n                left: 67px;\r\n            }\r\n        }\r\n        &.header-light.color-menu {\r\n            .side-header .header-brand-img.desktop-logo {\r\n                display: block !important;\r\n            }\r\n            &.sidebar-mini.sidenav-toggled.sidenav-toggled-open{\r\n                .app-sidebar .side-header .header-brand-img{\r\n                    &.light-logo1 {\r\n                        display: none !important;\r\n                    }\r\n                    &.desktop-logo {\r\n                        display: block !important;\r\n                    }\r\n                } \r\n                .app-sidebar.sidemenu-scroll .side-header .header-brand-img.desktop-logo{\r\n                    &.desktop-logo {\r\n                        display: block !important;\r\n                    }\r\n                }\r\n            }\r\n            &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img{\r\n                &.light-logo1 {\r\n                    display: none !important;\r\n                }\r\n                &.desktop-logo {\r\n                    display: block !important;\r\n                }\r\n                .app-sidebar.sidemenu-scroll .side-header .header-brand-img.desktop-logo{\r\n                    &.desktop-logo {\r\n                        display: block !important;\r\n                    }\r\n                }\r\n            }\r\n            &.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img{\r\n                &.toggle-logo {\r\n                    display: block !important;\r\n                }\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n            }\r\n            &.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img{\r\n                &.toggle-logo {\r\n                    display: block !important;\r\n                }\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n            }\r\n            .side-header{\r\n                background-color: $primary-1;\r\n            }\r\n            &.hover-submenu .sticky.stickyClass .side-header, &.hover-submenu1 .sticky.stickyClass .side-header {\r\n                background-color: $primary-1 !important;\r\n            }\r\n            .app-sidebar.sidemenu-scroll .side-header {\r\n                background: $primary-1 !important;\r\n            }\r\n        }\r\n        &.header-light.dark-menu {\r\n            .side-header .header-brand-img.desktop-logo {\r\n                display: block !important;\r\n            }\r\n            &.sidebar-mini.sidenav-toggled.sidenav-toggled-open{\r\n                .app-sidebar .side-header .header-brand-img{\r\n                    &.light-logo1 {\r\n                        display: none !important;\r\n                    }\r\n                    &.desktop-logo {\r\n                        display: block !important;\r\n                    }\r\n                }\r\n                .app-sidebar.sidemenu-scroll .side-header .header-brand-img.desktop-logo{\r\n                    &.desktop-logo {\r\n                        display: block !important;\r\n                    }\r\n                }\r\n            } \r\n            &.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img{\r\n                &.toggle-logo {\r\n                    display: block !important;\r\n                }\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n            }\r\n            &.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img{\r\n                &.toggle-logo {\r\n                    display: block !important;\r\n                }\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n            }\r\n            &.hover-submenu .sticky.stickyClass .side-header, &.hover-submenu1 .sticky.stickyClass .side-header {\r\n                background-color: $dark-theme-1 !important;\r\n            }\r\n            .app-sidebar.sidemenu-scroll .side-header {\r\n                background: $dark-theme-1 !important;\r\n            }\r\n        }\r\n        &.header-light.gradient-menu {\r\n            .side-header .header-brand-img.desktop-logo {\r\n                display: block !important;\r\n            }\r\n            &.sidebar-mini.sidenav-toggled.sidenav-toggled-open{\r\n                .app-sidebar .side-header .header-brand-img{\r\n                    &.light-logo1 {\r\n                        display: none !important;\r\n                    }\r\n                    &.desktop-logo {\r\n                        display: block !important;\r\n                    }\r\n                }\r\n                .app-sidebar.sidemenu-scroll .side-header .header-brand-img.desktop-logo{\r\n                    &.desktop-logo {\r\n                        display: block !important;\r\n                    }\r\n                }\r\n            } \r\n            &.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img{\r\n                &.toggle-logo {\r\n                    display: block !important;\r\n                }\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n                &.light-logo {\r\n                    display: none !important;\r\n                }\r\n            }\r\n            &.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img{\r\n                &.toggle-logo {\r\n                    display: block !important;\r\n                }\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n                &.light-logo {\r\n                    display: none !important;\r\n                }\r\n            }\r\n            .side-header{\r\n                background: $primary-1 !important;\r\n            }\r\n            &.hover-submenu .sticky.stickyClass .side-header, &.hover-submenu1 .sticky.stickyClass .side-header {\r\n                background:  $primary-1 !important;\r\n            }\r\n            .app-sidebar.sidemenu-scroll .side-header {\r\n                background: $primary-1 !important;\r\n            }\r\n        }\r\n        &.header-light{\r\n            .side-header{\r\n                background-color: $white;\r\n            }\r\n            .app-sidebar.sidemenu-scroll .side-header {\r\n                background: $white !important;\r\n            }\r\n            &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img{\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n                &.light-logo1{\r\n                    display: block !important;\r\n                }\r\n            }\r\n            &.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img{\r\n                &.light-logo1 {\r\n                    display: none !important;\r\n                }\r\n                &.toggle-logo {\r\n                    display: none !important;\r\n                }\r\n                &.light-logo{\r\n                    display: block !important;\r\n                }\r\n            }\r\n            &.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img{\r\n                &.light-logo1 {\r\n                    display: none !important;\r\n                }\r\n                &.toggle-logo {\r\n                    display: none !important;\r\n                }\r\n                &.light-logo{\r\n                    display: block !important;\r\n                }\r\n            }\r\n            &.hover-submenu, &.hover-submenu1{\r\n                .sticky.stickyClass .side-header{\r\n                    background-color: $white !important;\r\n                }\r\n            }\r\n        }\r\n        &.color-header{\r\n            .side-header{\r\n                background-color: $primary-1;\r\n            }\r\n            &.hover-submenu, &.hover-submenu1{\r\n                .sticky.stickyClass .side-header{\r\n                    background-color: $primary-1 !important;\r\n                }\r\n            }\r\n        }\r\n        &.dark-header{\r\n            &.hover-submenu, &.hover-submenu1{\r\n                .sticky.stickyClass .side-header{\r\n                    background-color: $dark-theme-1 !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.transparent-mode {\r\n    &.bg-img1 {\r\n        .login-img {\r\n            background-image: none;\r\n        }\r\n    }\r\n    &.bg-img2 {\r\n        .login-img {\r\n            background-image: none;\r\n        }\r\n    }\r\n    &.bg-img3 {\r\n        .login-img {\r\n            background-image: none;\r\n        }\r\n    }\r\n    &.bg-img4 {\r\n        .login-img {\r\n            background-image: none;\r\n        }\r\n    }\r\n    .login-img {\r\n        background-image: none;\r\n    }\r\n}\r\n\r\n.layout-boxed .login-img {\r\n    .page {\r\n        background: rgba(0, 0, 0, 0.1);\r\n        box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 0px 0px, rgba(0, 0, 0, 0.5) 0px 5px 25px 0px;\r\n    }\r\n}\r\n\r\n.rtl {\r\n    @media (min-width: 1400px) {\r\n        &.layout-boxed .app-sidebar {\r\n            right: auto !important;\r\n        }\r\n    }\r\n}\r\n\r\n.transparent-mode.hover-submenu .sticky.stickyClass {\r\n    .side-header {\r\n        background: $primary-1;\r\n    }\r\n}\r\n\r\n@supports (-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px)){\r\n    .transparent-mode.hover-submenu .sticky.stickyClass {\r\n        .side-header {\r\n            background: transparent !important;\r\n            backdrop-filter: blur(20px);\r\n            -webkit-backdrop-filter: blur(20px);\r\n        }\r\n    }\r\n}\r\n\r\n.transparent-mode.hover-submenu1 .sticky.stickyClass {\r\n    .side-header {\r\n        background: $primary-1;\r\n    }\r\n}\r\n\r\n@supports (-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px)){\r\n    .transparent-mode.hover-submenu1 .sticky.stickyClass {\r\n        .side-header {\r\n            background: transparent !important;\r\n            backdrop-filter: blur(20px);\r\n            -webkit-backdrop-filter: blur(20px);\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .transparent-mode.header-light .logo-horizontal .header-brand-img.desktop-logo {\r\n        display: none !important;\r\n    }\r\n    .transparent-mode.header-light.sidebar-mini .app-header .light-logo1 {\r\n        display: block !important;\r\n    }\r\n    .gradient-header .responsive-navbar .navbar-collapse {\r\n        background: linear-gradient(to right, $primary-1 0%, #8e77fa 100%);\r\n    }\r\n    .dark-mode.header-light .responsive-navbar .navbar-collapse {\r\n        background-color: $white;\r\n    }\r\n    .dark-mode.header-light .app-sidebar__toggle {\r\n        color: $primary-1;\r\n    }\r\n    .dark-mode.header-light .navresponsive-toggler span {\r\n        color: $primary-1;\r\n    }\r\n    .dark-mode.color-header .responsive-navbar .navbar-collapse {\r\n        background-color: $primary-1;\r\n    }\r\n    .dark-header.horizontal {\r\n        .responsive-navbar {\r\n            .navbar-collapse {\r\n                .nav-link {\r\n                    color: $default-color !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.transparent-mode {\r\n    &.header-light {\r\n        .app-header {\r\n            background: $white !important;\r\n        }\r\n        .app-header.sticky-pin {\r\n            background: $white;\r\n        }\r\n        .hor-header {\r\n            background: $white !important;\r\n        }\r\n        .side-header .header-brand-img {\r\n            &.light-logo1 {\r\n                display: block !important;\r\n            }\r\n            &.desktop-logo {\r\n                display: none !important;\r\n            }\r\n        }\r\n        .app-sidebar__toggle {\r\n            color: $primary-1;\r\n        }\r\n        .main-header-center .form-control {\r\n            border-color: $border;\r\n        }\r\n        .app-header .header-right-icons .nav-link.icon {\r\n            color: $primary-1 !important;\r\n        }\r\n        .app-header .header-right-icons .nav-link.icon:hover {\r\n            color: $primary-1 !important;\r\n        }\r\n        &.sidenav-toggled .header-brand-img.light-logo {\r\n            display: block !important;\r\n        }\r\n        .hor-header .header-right-icons .nav-link.icon {\r\n            color: $primary-1 !important;\r\n        }\r\n        .main-header-center .form-control {\r\n            color: #4d5875 !important;\r\n        }\r\n        &.horizontal.header-light .logo-horizontal .header-brand-img.desktop-logo {\r\n            display: none !important;\r\n        }\r\n        &.horizontal.header-light .logo-horizontal .header-brand-img.light-logo1 {\r\n            display: block;\r\n        }\r\n        .main-header-center .form-control {\r\n            &::placeholder {\r\n                color: $default-color !important;\r\n            }\r\n        }\r\n        .main-header-center .btn {\r\n            color: #b4bdce;\r\n        }\r\n    }\r\n    &.color-menu.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.dark-mode.light-menu {\r\n    .side-menu .sub-side-menu__label,\r\n    .sub-slide-label,\r\n    .sub-side-menu__label2 {\r\n        color: $default-color !important;\r\n    }\r\n}\r\n.dark-mode.color-menu.hover-submenu.sidebar-mini.sidenav-toggled .slide-menu {\r\n    background: transparent;\r\n}\r\n.dark-mode.gradient-menu.hover-submenu.sidebar-mini.sidenav-toggled .slide-menu {\r\n    background: transparent;\r\n}\r\n.dark-mode.light-menu.hover-submenu.sidebar-mini.sidenav-toggled .slide-menu {\r\n    background: transparent;\r\n}\r\n\r\n.dark-mode.color-menu.hover-submenu1.sidebar-mini.sidenav-toggled .slide-menu {\r\n    background: transparent;\r\n}\r\n.dark-mode.gradient-menu.hover-submenu1.sidebar-mini.sidenav-toggled .slide-menu {\r\n    background: transparent;\r\n}\r\n.dark-mode.light-menu.hover-submenu1.sidebar-mini.sidenav-toggled .slide-menu {\r\n    background: transparent;\r\n}\r\n\r\n.dark-mode .main-container {\r\n    .onoffswitch2-label {\r\n        background-color: $dark-body;\r\n        border: 1px solid $border-dark;\r\n    }\r\n    .onoffswitch2-label:before {\r\n        background-color: #2a2a4a;\r\n        border: 1px solid $border-dark;\r\n    }\r\n    .input-color-picker {\r\n        background-color: $dark-theme-1;\r\n    }\r\n    .input-dark-color-picker {\r\n        background-color: $dark-theme-1;\r\n    }\r\n    .input-transparent-color-picker {\r\n        background-color: $dark-theme-1;\r\n    }\r\n}\r\n.transparent-mode .main-container {\r\n    .onoffswitch2-label {\r\n        background-color: $transparent-theme;\r\n        border: 1px solid $border-dark;\r\n    }\r\n    .onoffswitch2-label:before {\r\n        background-color: $transparent-body;\r\n        border: 1px solid $border-dark;\r\n    }\r\n    .input-color-picker {\r\n        background-color: $transparent-body;\r\n    }\r\n    .input-dark-color-picker {\r\n        background-color: $transparent-body;\r\n    }\r\n    .input-transparent-color-picker {\r\n        background-color: $transparent-body;\r\n    }\r\n}\r\n.color-header.color-menu {\r\n    &.sidenav-toggled {\r\n        .header-brand-img.light-logo {\r\n            display: none !important;\r\n        }\r\n    }\r\n    &.rtl{\r\n        .app-sidebar {\r\n            border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-right: inherit;\r\n        }\r\n    }\r\n}\r\n\r\n.header-light.light-menu.sidenav-toggled .app-sidebar .side-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.header-light.light-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: block !important;\r\n    }\r\n}\r\n\r\n.transparent-mode.dark-menu.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo {\r\n    display: none !important;\r\n}\r\n.header-light.sidenav-toggled.transparent-mode .header-brand-img.toggle-logo {\r\n    display: none !important;\r\n}\r\n.header-light.sidenav-toggled.sidenav-toggled-open.transparent-mode .header-brand-img.toggle-logo {\r\n    display: none !important;\r\n}\r\n.transparent-mode.gradient-menu.header-light.sidenav-toggled .header-brand-img.light-logo {\r\n    display: none !important;\r\n}\r\n.header-light.sidenav-toggled.transparent-mode.sidenav-toggled-open .header-brand-img.light-logo {\r\n    display: none !important;\r\n}\r\n.header-light.transparent-mode.sidenav-toggled.dark-menu .header-brand-img.toggle-logo {\r\n    display: block !important;\r\n}\r\n.header-light.transparent-mode.sidenav-toggled.sidenav-toggled-open.dark-menu .header-brand-img.toggle-logo {\r\n    display: none !important;\r\n}\r\n.header-light.transparent-mode .side-header {\r\n    border-right-color: rgb(233, 237, 244);\r\n}\r\n.transparent-mode.dark-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar {\r\n    background: $dark !important;\r\n}\r\n.transparent-mode.light-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar {\r\n    background: $white !important;\r\n}\r\n.color-menu .sub-slide-item,\r\n.color-menu .sub-slide-item2 {\r\n    color: #e7eefb;\r\n}\r\n.dark-mode.header-light .app-sidebar__toggle {\r\n    color: var(--primary-bg-color) !important;\r\n}\r\n.switch-toggle {\r\n    .bg-img1 #bgimage1 {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n    .bg-img2 #bgimage2 {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n    .bg-img3 #bgimage3 {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n    .bg-img4 #bgimage4 {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n}\r\n.dark-mode.light-menu .app-sidebar .side-menu .slide a {\r\n    color: $dark;\r\n}\r\n.switch_section p {\r\n    margin-bottom: 0px;\r\n}\r\n.dark-mode.light-menu.header-light.scrollable-layout .app-sidebar {\r\n    border-right: 1px solid #e6e6e6;\r\n}\r\n.transparent-mode.header-light.scrollable-layout .app-sidebar {\r\n    border-right: 1px solid rgba(185, 185, 185, 0.22);\r\n}\r\n.dark-mode.color-menu .side-menu .sub-side-menu__label,\r\n.dark-mode.color-menu .side-menu .sub-side-menu__label2 {\r\n    color: $white !important;\r\n}\r\n.dark-mode.gradient-menu .side-menu .sub-side-menu__label,\r\n.dark-mode.gradient-menu .side-menu .sub-side-menu__label2 {\r\n    color: $white !important;\r\n}\r\n.dark-mode.header-light .country span:hover {\r\n    color: $primary-1 !important;\r\n}\r\n.dark-mode.header-light .app-header .header-right-icons .nav-link.icon:hover {\r\n    color: $primary-1 !important;\r\n}\r\n.hover-submenu1.header-light.transparent-mode.sidenav-toggled.sidenav-toggled-open.dark-menu\r\n    .header-brand-img.toggle-logo {\r\n    display: block !important;\r\n}\r\n.hover-submenu.header-light.transparent-mode.sidenav-toggled.sidenav-toggled-open.dark-menu\r\n    .header-brand-img.toggle-logo {\r\n    display: block !important;\r\n}\r\n\r\n.dark-mode.color-menu .app-sidebar .side-menu .slide a.active {\r\n    opacity: 1;\r\n    color: $white !important;\r\n}\r\n.dark-mode.light-menu .side-menu .slide a.active .sub-side-menu__label {\r\n    color: $primary-1 !important;\r\n}\r\n.dark-mode .side-menu .slide a.active .sub-side-menu__label {\r\n    color: $primary-1;\r\n}\r\n.transparent-mode.light-menu .side-menu .slide a.active .sub-side-menu__label {\r\n    color: $primary-1;\r\n}\r\n.transparent-mode.light-menu .app-sidebar .side-menu .slide a.active {\r\n    color: $primary-1 !important;\r\n}\r\n.dark-mode.gradient-menu .app-sidebar .side-menu .slide a.active {\r\n    opacity: 1;\r\n    color: $white !important;\r\n}\r\n\r\n.transparent-mode.color-menu .side-menu .slide a.active .sub-side-menu__label {\r\n    color: $white;\r\n}\r\n.transparent-mode.dark-menu .side-menu .slide a.active .sub-side-menu__label {\r\n    color: $primary-1;\r\n}\r\n.transparent-mode.gradient-menu .side-menu .slide a.active .sub-side-menu__label {\r\n    color: $white;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .color-menu .main-sidemenu .slide-left,\r\n    .color-menu .main-sidemenu .slide-right {\r\n        color: #fff;\r\n        border: 1px solid $white-3;\r\n        background: $primary-1;\r\n    }\r\n    .color-menu .main-sidemenu .slide-left svg,\r\n    .color-menu .main-sidemenu .slide-right svg {\r\n        fill: #fff;\r\n    }\r\n    .dark-menu .main-sidemenu .slide-left,\r\n    .dark-menu .main-sidemenu .slide-right {\r\n        color: #fff;\r\n        border: 1px solid $white-3;\r\n        background: $dark-theme-1;\r\n    }\r\n    .dark-menu .main-sidemenu .slide-left svg,\r\n    .dark-menu .main-sidemenu .slide-right svg {\r\n        fill: #fff;\r\n    }\r\n    .gradient-menu .main-sidemenu .slide-left,\r\n    .gradient-menu .main-sidemenu .slide-right {\r\n        color: #fff;\r\n        border: 1px solid $white-3;\r\n        background: $primary-1;\r\n    }\r\n    .gradient-menu .main-sidemenu .slide-left svg,\r\n    .gradient-menu .main-sidemenu .slide-right svg {\r\n        fill: #fff;\r\n    }\r\n    .main-sidemenu .slide-left,\r\n    .main-sidemenu .slide-right {\r\n        background: $white;\r\n        border: 1px solid $border;\r\n    }\r\n    .main-sidemenu .slide-left svg,\r\n    .main-sidemenu .slide-right svg {\r\n        fill: $default-color;\r\n    }\r\n    .dark-mode {\r\n        .main-sidemenu .slide-left,\r\n        .main-sidemenu .slide-right {\r\n            background: $dark-theme-1;\r\n            border: 1px solid $border-dark;\r\n        }\r\n        .main-sidemenu .slide-left svg,\r\n        .main-sidemenu .slide-right svg {\r\n            fill: $white;\r\n        }\r\n        &.color-menu .main-sidemenu .slide-left,\r\n        &.color-menu .main-sidemenu .slide-right {\r\n            background: $primary-1;\r\n        }\r\n        &.gradient-menu .main-sidemenu .slide-left,\r\n        &.gradient-menu .main-sidemenu .slide-right {\r\n            background: $primary-1;\r\n        }\r\n        &.light-menu .main-sidemenu .slide-left,\r\n        &.light-menu .main-sidemenu .slide-right {\r\n            background: $white;\r\n            border: 1px solid $border;\r\n        }\r\n        &.light-menu .main-sidemenu .slide-left svg,\r\n        &.light-menu .main-sidemenu .slide-right svg {\r\n            fill: $default-color;\r\n        }\r\n    }\r\n    .transparent-mode {\r\n        .main-sidemenu .slide-left,\r\n        .main-sidemenu .slide-right {\r\n            background: $transparent-theme;\r\n            border: 1px solid $border-dark;\r\n        }\r\n        .main-sidemenu .slide-left svg,\r\n        .main-sidemenu .slide-right svg {\r\n            fill: $white;\r\n        }\r\n        &.light-menu .main-sidemenu .slide-left,\r\n        &.light-menu .main-sidemenu .slide-right {\r\n            background: $white;\r\n            border: 1px solid $border;\r\n        }\r\n        &.light-menu .main-sidemenu .slide-left svg,\r\n        &.light-menu .main-sidemenu .slide-right svg {\r\n            fill: $default-color;\r\n        }\r\n        &.color-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar {\r\n            background: $primary-1 !important;\r\n        }\r\n        &.dark-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar {\r\n            background: #2a2a4a !important;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .dark-mode.color-header .header.hor-header {\r\n        box-shadow: 0 8px 24px transparent;\r\n    }\r\n    .dark-mode.dark-header .header.hor-header {\r\n        box-shadow: 0 8px 24px transparent;\r\n    }\r\n    .dark-mode.gradient-header .header.hor-header {\r\n        box-shadow: 0 8px 24px transparent;\r\n    }\r\n}\r\n.horizontal.transparent-mode.header-light.light-menu {\r\n    .hor-header.header {\r\n        border-bottom-color: $border;\r\n    }\r\n}\r\n@media (max-width: 320px) {\r\n    .app .app-sidebar {\r\n        top: 72px;\r\n    }\r\n    .transparent-mode.app.light-menu .app-sidebar {\r\n        top: 72px !important;\r\n    }\r\n}\r\n.app.sidebar-mini.transparent-mode.header-light.sidenav-toggled.hover-submenu1.sidenav-toggled-open {\r\n    .side-header .header-brand-img.light-logo {\r\n        display: block !important;\r\n    }\r\n}\r\n.app.sidebar-mini.transparent-mode.header-light.sidenav-toggled.hover-submenu.sidenav-toggled-open {\r\n    .side-header .header-brand-img.light-logo {\r\n        display: block !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .horizontal.dark-mode.sidenav-toggled {\r\n        .header.hor-header {\r\n            box-shadow: none;\r\n        }\r\n    }\r\n}\r\n.light-mode {\r\n    &.bg-img1 .form_holder {\r\n        background: $white !important;\r\n    }\r\n    &.bg-img2 .form_holder {\r\n        background: $white !important;\r\n    }\r\n    &.bg-img3 .form_holder {\r\n        background: $white !important;\r\n    }\r\n    &.bg-img4 .form_holder {\r\n        background: $white !important;\r\n    }\r\n}\r\n.dark-mode {\r\n    &.bg-img1 .form_holder {\r\n        background: $dark-theme-1 !important;\r\n    }\r\n    &.bg-img2 .form_holder {\r\n        background: $dark-theme-1 !important;\r\n    }\r\n    &.bg-img3 .form_holder {\r\n        background: $dark-theme-1 !important;\r\n    }\r\n    &.bg-img4 .form_holder {\r\n        background: $dark-theme-1 !important;\r\n    }\r\n}\r\n\r\n.app.sidebar-mini.transparent-mode.sidenav-toggled.header-light {\r\n    .app-sidebar.sidemenu-scroll .side-header .header-brand-img.desktop-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.app.sidebar-mini.transparent-mode.header-light.light-menu.sidenav-toggled.sidenav-toggled-open {\r\n    .app-sidebar.sidemenu-scroll .side-header .header-brand-img.desktop-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.app.sidebar-mini.transparent-mode.light-menu.header-light {\r\n    .app-sidebar.sidemenu-scroll .side-header .header-brand-img.light-logo1 {\r\n        display: block !important;\r\n    }\r\n}\r\n.app.sidebar-mini.transparent-mode.light-menu.header-light {\r\n    .app-sidebar.sidemenu-scroll .side-header .header-brand-img.desktop-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n.app.sidebar-mini.transparent-mode.header-light.light-menu.sidenav-toggled {\r\n    .app-sidebar.sidemenu-scroll .side-header .header-brand-img.light-logo1 {\r\n        display: none !important;\r\n    }\r\n}\r\n.app.sidebar-mini.transparent-mode.header-light.light-menu.sidenav-toggled.sidenav-toggled-open {\r\n    .app-sidebar.sidemenu-scroll .side-header .header-brand-img.light-logo1 {\r\n        display: block !important;\r\n    }\r\n}\r\n.app.sidebar-mini.transparent-mode.hover-submenu.sidenav-toggled.header-light.color-menu.sidenav-toggled-open {\r\n    .side-header .header-brand-img.light-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n.app.sidebar-mini.transparent-mode.hover-submenu.sidenav-toggled.header-light.dark-menu.sidenav-toggled-open {\r\n    .side-header .header-brand-img.light-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n.app.sidebar-mini.transparent-mode.hover-submenu1.sidenav-toggled.header-light.gradient-menu.sidenav-toggled-open {\r\n    .side-header .header-brand-img.light-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n.app.sidebar-mini.transparent-mode.hover-submenu1.sidenav-toggled.header-light.color-menu.sidenav-toggled-open {\r\n    .side-header .header-brand-img.light-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n.app.sidebar-mini.transparent-mode.hover-submenu1.sidenav-toggled.header-light.dark-menu.sidenav-toggled-open {\r\n    .side-header .header-brand-img.light-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n.app.sidebar-mini.transparent-mode.hover-submenu1.sidenav-toggled.header-light.gradient-menu.sidenav-toggled-open {\r\n    .side-header .header-brand-img.light-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n.app.sidebar-mini.transparent-mode.light-menu.header-light.hover-submenu1.sidenav-toggled.sidenav-toggled-open {\r\n    .app-sidebar.sidemenu-scroll .side-header .header-brand-img.light-logo1 {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.app.sidebar-mini.header-light.sidenav-toggled.hover-submenu.transparent-mode.sidenav-toggled-open {\r\n    .app-sidebar.sidemenu-scroll .side-header .header-brand-img.desktop-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n@media screen and (min-width: 992px) {\r\n    .header-light.transparent-mode.sidenav-toggled.sidenav-toggled-open .sidemenu-scroll {\r\n        .side-header {\r\n            .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: block !important;\r\n                }\r\n                &.toggle-logo {\r\n                    display: none !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .header-light.light-menu.transparent-mode.sidenav-toggled .sidemenu-scroll {\r\n        .side-header {\r\n            .header-brand-img {\r\n                &.toggle-logo {\r\n                    display: none !important;\r\n                }\r\n                &.light-logo {\r\n                    display: block !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .hover-submenu.dark-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu .side-menu__icon {\r\n        color: #282f53 !important;\r\n    }\r\n    .hover-submenu1.dark-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu .side-menu__icon {\r\n        color: #282f53 !important;\r\n    }\r\n    .hover-submenu.dark-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu\r\n        .side-menu__item:hover\r\n        .side-menu__icon,\r\n    .hover-submenu.dark-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu\r\n        .side-menu__item:focus\r\n        .side-menu__icon {\r\n        color: $primary-1 !important;\r\n    }\r\n    .hover-submenu1.dark-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu\r\n        .side-menu__item:hover\r\n        .side-menu__icon,\r\n    .hover-submenu1.dark-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu\r\n        .side-menu__item:focus\r\n        .side-menu__icon {\r\n        color: $primary-1 !important;\r\n    }\r\n    .hover-submenu.transparent-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu\r\n        .side-menu__item.active\r\n        .side-menu__icon {\r\n        color: $primary-1 !important;\r\n    }\r\n    .hover-submenu1.transparent-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu\r\n        .side-menu__item.active\r\n        .side-menu__icon {\r\n        color: $primary-1 !important;\r\n    }\r\n    .hover-submenu.dark-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu\r\n        .side-menu__item.active\r\n        .side-menu__icon {\r\n        color: $primary-1 !important;\r\n    }\r\n    .hover-submenu1.dark-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu\r\n        .side-menu__item.active\r\n        .side-menu__icon {\r\n        color: $primary-1 !important;\r\n    }\r\n}\r\n@media screen and (max-width: 992px) {\r\n    .app.sidebar-mini.sidebar-gone.sidenav-toggled.light-menu {\r\n        .side-menu__icon {\r\n            color: $primary-1 !important;\r\n        }\r\n    }\r\n}\r\n.app.sidebar-mini.transparent-mode.hover-submenu.sidenav-toggled.header-light.gradient-menu.sidenav-toggled-open\r\n    .header-brand-img.light-logo {\r\n    display: none !important;\r\n}\r\n.app.sidebar-mini.transparent-mode.hover-submenu1.sidenav-toggled.header-light.gradient-menu.sidenav-toggled-open\r\n    .header-brand-img.light-logo {\r\n    display: none !important;\r\n}\r\n.app.sidebar-mini.transparent-mode.hover-submenu.sidenav-toggled.header-light.gradient-menu.sidenav-toggled-open\r\n    .header-brand-img.toggle-logo {\r\n    display: block !important;\r\n}\r\n.app.sidebar-mini.transparent-mode.hover-submenu1.sidenav-toggled.header-light.gradient-menu.sidenav-toggled-open\r\n    .header-brand-img.toggle-logo {\r\n    display: block !important;\r\n}\r\n.color-menu .side-menu .side-menu__item.active {\r\n    color: $white !important;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .rtl.layout-boxed.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar {\r\n        right: -1px !important;\r\n    }\r\n    .rtl.layout-boxed.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar {\r\n        right: -1px !important;\r\n    }\r\n}\r\n@media (max-width: 991.98px) {\r\n    .header-light.light-menu.transparent-mode.sidebar-gone.sidenav-toggled {\r\n        .app-header.header {\r\n            border-bottom: 1px solid #e9edf4;\r\n        }\r\n    }\r\n    .header-light.light-menu.transparent-mode {\r\n        .app-header.header {\r\n            border-bottom: 1px solid #e9edf4;\r\n        }\r\n    }\r\n}\r\n.rtl.transparent-mode.layout-boxed.icontext-menu,\r\n.rtl.transparent-mode.layout-boxed.hover-submenu1,\r\n.rtl.transparent-mode.layout-boxed.hover-submenu {\r\n    .app-sidebar {\r\n        border-right: transparent !important;\r\n    }\r\n}\r\n.dark-mode.color-menu .sub-slide-item.active,\r\n.dark-mode.color-menu .sub-slide-item:hover,\r\n.dark-mode.color-menu .sub-slide-item:focus,\r\n.dark-mode.color-menu .sub-slide-item2.active,\r\n.dark-mode.color-menu .sub-slide-item2:hover,\r\n.dark-mode.color-menu .sub-slide-item2:focus,\r\n.dark-mode.color-menu .sub-side-menu__label.active,\r\n.dark-mode.color-menu .sub-side-menu__label:hover,\r\n.dark-mode.color-menu .sub-side-menu__label:focus,\r\n.dark-mode.color-menu .sub-side-menu__label1.active,\r\n.dark-mode.color-menu .sub-side-menu__label1:hover,\r\n.dark-mode.color-menu .sub-side-menu__label1:focus,\r\n.dark-mode.color-menu .sub-side-menu__label2.active,\r\n.dark-mode.color-menu .sub-side-menu__label2:hover,\r\n.dark-mode.color-menu .sub-side-menu__label2:focus {\r\n    color: $white !important;\r\n}\r\n\r\n@media(max-width:992px){\r\n    .transparent-mode.horizontal.light-menu{\r\n        .horizontal-main .slide .slide-menu,  .horizontal-main .slide .sub-slide-menu, .horizontal-main .slide .sub-slide-menu2 {\r\n            background-color:$white;\r\n        }\r\n    } \r\n}\r\n\r\n.onoffswitch2-checkbox:checked + .onoffswitch2-label {\r\n    background-color: $primary-1;\r\n}\r\n.onoffswitch2-checkbox:checked + .onoffswitch-label2, .onoffswitch2-checkbox:checked + .onoffswitch2-label:before {\r\n   border-color: $primary-1;\r\n}\r\n"]}