{"version":3,"sources":["../scss/_variables.scss","skin-modes.scss"],"names":[],"mappings":"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","file":"skin-modes.css","sourcesContent":["$background: #eaf3f147;\r\n$default-color:#4a4a69;\r\n\r\n/*Color variables*/\r\n$primary:var(--primary-bg-color);\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$primary-02:var(--primary02);\r\n$primary-05:var(--primary05);\r\n$darkprimary-transparent:var(--darkprimary-transparentcolor);\r\n$transparentprimary-transparent:var(--transparentprimary-transparentcolor);\r\n$secondary:#f74f75;\r\n$success:#24d5b8 ;\r\n$warning:#ffbd5a;\r\n$danger:#f34343;\r\n$info:#4ec2f0;\r\n$pink:#f754fa;\r\n$teal:#29ddee;\r\n$purple:#ad4ffa;\r\n$orange:#fd7e14;\r\n$dark:#3b4863;\r\n$indigo:#5b67c7;\r\n$white:#fff;\r\n$black:#000;\r\n$yellow:#ffc102;\r\n$muted:#7987a1;\r\n$dark-primary:#834cc3;\r\n\r\n$primary-transaprent:#f5faf8;\r\n\r\n/*gradient variables*/\r\n$primary-gradient:linear-gradient(to right, $primary  0%,  $primary-05 100%);\r\n$secondary-gradient:linear-gradient(to right, $secondary 0%,  rgba($secondary,0.5) 100%);\r\n$success-gradient:linear-gradient(to right,$success  0%,  rgba($success,0.5) 100%);\r\n$warning-gradient:linear-gradient(to right, $warning 0%,rgba($warning,0.5) 100%);\r\n$pink-gradient:linear-gradient(to right, $pink 0%, rgba($pink,0.5) 100%);\r\n$teal-gradient:linear-gradient(to right, $teal 0%, rgba($teal,0.5) 100%);\r\n$danger-gradient:linear-gradient(to right,$danger 0%,rgba($danger,0.5) 100%);\r\n$info-gradient:linear-gradient(to right, $info 0%,rgba($info,0.5) 100%);\r\n$orange-gradient:linear-gradient(to right,$orange 0%,rgba($orange,0.5) 100%);\r\n$purple-gradient:linear-gradient(to right, $purple 0%, rgba($purple,0.5) 100%);\r\n\r\n/*gray variables*/\r\n$gray-100:#f9f9fb;\r\n$gray-200:#f0f0f8;\r\n$gray-300:#e1e1ef;\r\n$gray-400:#d6d6e6;\r\n$gray-500:#949eb7;\r\n$gray-600:#7987a1;\r\n$gray-700:#4d5875;\r\n$gray-800:#383853;\r\n$gray-900:#323251;\r\n\r\n/*white variables*/\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$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$shadow: 1px 1px 7px rgba(154, 154, 204, .1);\r\n\r\n$dark-theme:#2a2e3f;\r\n$border:#ededf5;\r\n$form-border:#cdd4e2;\r\n$bg-hover:#fcfcff;\r\n$bg-active:var(--primary02);\r\n$bg-active2:#fafaff;\r\n$border-dark:#484863;\r\n\r\n\r\n/*alerts*/\r\n$alert-primary-link:#00aa90;\r\n\r\n/*navigation*/\r\n$nav-primary-border :#07b79c;\r\n$nav-secondary-border :#f52756;\r\n$nav-info-border : #26b7f0;\r\n\r\n/*dark colors*/\r\n$primary-dark :#00b598;\r\n\r\n\r\n//transparent-theme\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.15)","@import \"../scss/variables\";\r\n\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\r\n        &::placeholder {\r\n            color: $white !important;\r\n            opacity: .3;\r\n        }\r\n    }\r\n\r\n    .hor-header .header-brand1 {\r\n        margin-top: 4px;\r\n    }\r\n}\r\n\r\n\r\n.color-header {\r\n    @media (max-width: 991px) {\r\n\r\n        .navbar-toggler-icon,\r\n        .demo-icon svg {\r\n            color: $white;\r\n            fill: $white;\r\n        }\r\n    }\r\n\r\n    .main-header .responsive-logo .logo-1 {\r\n        display: none !important;\r\n    }\r\n\r\n    .main-header .responsive-logo .dark-logo-1 {\r\n        display: block !important;\r\n        margin: 0 auto;\r\n        left: 0;\r\n        right: 0;\r\n        text-align: center;\r\n        position: absolute;\r\n    }\r\n\r\n    .main-header-center .form-control::placeholder {\r\n        color: $white !important;\r\n        opacity: .3;\r\n    }\r\n\r\n    .main-header,\r\n    .hor-header {\r\n        background: $primary;\r\n        border-bottom: 1px solid rgba(255, 255, 255, .2);\r\n    }\r\n\r\n    .main-header .header-right-icons .nav-link.icon {\r\n        background: $black-1;\r\n    }\r\n\r\n    .main-header .header-right-icons .nav-link.icon:hover {\r\n        background: $black-1 !important;\r\n    }\r\n\r\n    .app-sidebar__toggle:hover {\r\n        color: $white;\r\n    }\r\n\r\n    .nav-link.toggle,\r\n    .header-right .nav-link.icon {\r\n        background: $black-1;\r\n        box-shadow: rgba(4, 4, 7, .1) 0px 2px 3px;\r\n    }\r\n\r\n    .animated-arrow {\r\n        background: none;\r\n\r\n        span {\r\n            background: #e7e7f7;\r\n\r\n            &:before,\r\n            &:after {\r\n                background: #e7e7f7;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.active .animated-arrow span {\r\n        background-color: transparent;\r\n    }\r\n\r\n    .header .nav-link.icon i,\r\n    .header-right .nav-link.icon:hover i {\r\n        color: #fff !important;\r\n    }\r\n\r\n    .header {\r\n        .nav-link {\r\n            color: #e7e7f7 !important;\r\n\r\n            &:hover {\r\n                color: $white;\r\n            }\r\n        }\r\n\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\r\n    .header .form-inline {\r\n        .btn i {\r\n            color: $white !important;\r\n            opacity: .5;\r\n        }\r\n\r\n        .form-control::placeholder {\r\n            color: $white !important;\r\n            opacity: .3;\r\n        }\r\n    }\r\n\r\n    .app-sidebar__toggle {\r\n        background: transparent;\r\n        color: $white;\r\n\r\n        .header-icon {\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    .header-icons .new.nav-link {\r\n        background: transparent;\r\n    }\r\n\r\n    .main-profile-menu .profile-user img {\r\n        box-shadow: 0px 4px 15px 0px #518d89;\r\n    }\r\n\r\n    .nav-link.icon i {\r\n        color: $white !important;\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        .main-header-left .btn {\r\n            color: $white;\r\n            background-color: transparent;\r\n            opacity: 1;\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n    .color-header .main-header .dropdown-menu:after {\r\n        border-bottom: 9px solid $white;\r\n    }\r\n}\r\n\r\n.color-header .menu-header-content {\r\n    background-color: $white !important;\r\n    border-bottom: 1px solid rgba(138, 153, 191, 0.125);\r\n}\r\n\r\n.color-header .menu-header-content .dropdown-title,\r\n.color-header .menu-header-content h6 {\r\n    color: #323251 !important;\r\n}\r\n\r\n.color-header .menu-header-content .dropdown-title-text,\r\n.color-header .menu-header-content span {\r\n    color: #7a839b !important;\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\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: 767px) {\r\n    .color-header {\r\n        .header-icon-svgs {\r\n            fill: $white;\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\r\n            &.darkmobile-logo {\r\n                display: block;\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\r\n            &.desktop-lgo,\r\n            &.mobile-logo {\r\n                display: none !important;\r\n            }\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\r\n@media (max-width: 768px) {\r\n    .color-header {\r\n        .main-header .responsive-logo .logo-1 {\r\n            display: none !important;\r\n        }\r\n\r\n        .main-header .responsive-logo .dark-logo-1 {\r\n            display: block !important;\r\n            margin: 0 auto;\r\n            left: 0;\r\n            right: 0;\r\n            text-align: center;\r\n            position: absolute;\r\n        }\r\n    }\r\n}\r\n\r\n.dark-theme.color-header {\r\n\r\n    .main-header,\r\n    .hor-header {\r\n        background: $primary;\r\n    }\r\n\r\n    .header .nav-link.icon {\r\n        background: rgba(0, 0, 0, 0.08);\r\n        box-shadow: rgba(4, 4, 7, .1) 0px 2px 3px;\r\n    }\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\r\n/*Header-dark*/\r\n\r\n.dark-header {\r\n    @media (max-width:991.98px) {\r\n\r\n        .demo-icon svg,\r\n        .open-toggle i,\r\n        .close-toggle i {\r\n            color: #fff !important;\r\n            fill: #fff !important;\r\n        }\r\n    }\r\n\r\n    .main-header .responsive-logo .logo-1 {\r\n        display: none !important;\r\n    }\r\n\r\n    .main-header .responsive-logo .dark-logo-1 {\r\n        display: block !important;\r\n        margin: 0 auto;\r\n        left: 0;\r\n        right: 0;\r\n        text-align: center;\r\n        position: absolute;\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        .main-header-left .btn {\r\n            background-color: #272738 !important;\r\n            color: #c0c2c7 !important;\r\n            border: 1px solid #3c3c4c !important;\r\n            border-left: 0px !important;\r\n        }\r\n    }\r\n\r\n    .main-header,\r\n    .hor-header {\r\n        background: #2a2e3f;\r\n        border-bottom: 1px solid rgba(255, 255, 255, .2);\r\n    }\r\n\r\n    .hor-header .header-brand1 {\r\n        margin-top: 4px;\r\n    }\r\n\r\n    .nav-link.toggle,\r\n    .header-right .nav-link.icon {\r\n        background: rgba(255, 255, 255, 0.05);\r\n    }\r\n\r\n    .animated-arrow {\r\n        background: none;\r\n\r\n        span {\r\n            background: #e7e7f7;\r\n\r\n            &:before,\r\n            &:after {\r\n                background: #e7e7f7;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.active .animated-arrow span {\r\n        background-color: transparent;\r\n    }\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        background: #272738;\r\n    }\r\n\r\n    .main-header.header .nav-link:hover {\r\n        color: $white;\r\n    }\r\n\r\n    .header-icons .new.nav-link {\r\n        background: transparent;\r\n    }\r\n\r\n    .main-header .main-profile-menu .profile-user img {\r\n        background: #141432;\r\n        box-shadow: 0px 1px 6px 0px #3b3b3b;\r\n    }\r\n\r\n    .main-header .header-right-icons .nav-link.icon:hover {\r\n        background: #272738 !important;\r\n    }\r\n\r\n    .app-sidebar__toggle:hover {\r\n        color: $white;\r\n    }\r\n\r\n    .header .main-header-center .form-control {\r\n        border: 1px solid $white-05 !important;\r\n        background: #272738 !important;\r\n        color: $white;\r\n    }\r\n\r\n    .header .form-inline {\r\n        .btn i {\r\n            color: $white;\r\n            opacity: .5;\r\n        }\r\n\r\n        .form-control::placeholder {\r\n            color: $white;\r\n            opacity: .3;\r\n        }\r\n    }\r\n\r\n    .header.hor-header .header-brand-img {\r\n        &.desktop-logo {\r\n            display: none;\r\n        }\r\n\r\n        &.light-logo {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    .app-sidebar__toggle {\r\n        color: $white;\r\n        background: transparent;\r\n\r\n        a {\r\n            color: $white;\r\n        }\r\n\r\n    }\r\n\r\n    .main-header-left .form-control {\r\n        background: #272738;\r\n        border: 1px solid #3c3c4c;\r\n    }\r\n\r\n    .nav-link.icon i {\r\n        color: $white !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .dark-header {\r\n        .main-header .responsive-logo .logo-1 {\r\n            display: none !important;\r\n        }\r\n\r\n        .main-header .responsive-logo .dark-logo-1 {\r\n            display: block !important;\r\n            margin: 0 auto;\r\n            left: 0;\r\n            right: 0;\r\n            text-align: center;\r\n            position: absolute;\r\n        }\r\n\r\n        .navresponsive-toggler span {\r\n            background: transparent;\r\n            color: #fff !important;\r\n        }\r\n\r\n        .header-icons .new.nav-link {\r\n            background: transparent;\r\n        }\r\n\r\n        .mobile-main-header .header-icon-svgs {\r\n            color: #7987a1;\r\n            fill: #7987a1;\r\n        }\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\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: 767px) {\r\n    .dark-header {\r\n        .header-icon-svgs {\r\n            fill: #c0c2c7;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .dark-header .hor-header.header .header-brand-img.desktop-logo-1 {\r\n        display: none !important;\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\r\n            &.desktop-lgo,\r\n            &.mobile-logo {\r\n                display: none !important;\r\n            }\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\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-theme.light-header {\r\n    .main-profile-menu .profile-user img {\r\n        box-shadow: 0px 4px 15px 0px #dbe4f9;\r\n    }\r\n\r\n    .main-header,\r\n    .hor-header {\r\n        background: $white;\r\n        border-bottom: 1px solid rgb(236, 240, 250);\r\n    }\r\n\r\n    .app-sidebar {\r\n        box-shadow: none;\r\n    }\r\n\r\n    .header .nav-link.icon,\r\n    .header-right .nav-link.icon {\r\n        background: $white;\r\n        box-shadow: rgba(4, 4, 7, .1) 0px 2px 3px;\r\n    }\r\n\r\n    .animated-arrow {\r\n        span {\r\n            background: #5c678f;\r\n\r\n            &:before,\r\n            &:after {\r\n                background: #5c678f;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.active .animated-arrow span {\r\n        background-color: transparent;\r\n    }\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\r\n    .hor-header .header-brand-img.desktop-logo-1 {\r\n        display: none;\r\n    }\r\n\r\n    .drop-profile a {\r\n        color: #7b8191;\r\n    }\r\n\r\n    .hor-header .header-brand-img.desktop-logo {\r\n        display: block;\r\n    }\r\n\r\n    .header .nav-link.icon i {\r\n        color: #272738;\r\n    }\r\n\r\n    .app-sidebar__toggle {\r\n        background: transparent;\r\n\r\n        a {\r\n            color: #555b95;\r\n        }\r\n    }\r\n\r\n    .navbar-toggler {\r\n        background: transparent;\r\n        color: #7d7c7e;\r\n    }\r\n\r\n    @media (min-width: 767px) {\r\n        .header-icon-svgs {\r\n            fill: #7987a1 !important;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        .main-header-left .form-control {\r\n            background: #fff !important;\r\n            border: 1px solid $border !important;\r\n        }\r\n    }\r\n}\r\n\r\n.dark-theme.light-header .horizontalMenucontainer .header-brand .desktop-dark {\r\n    display: none !important;\r\n}\r\n\r\n.dark-theme.light-header .horizontalMenucontainer .header-brand .desktop-logo {\r\n    display: block;\r\n}\r\n\r\n@media (max-width: 575.98px) {\r\n    .dark-theme.light-header .header .form-inline .form-control {\r\n        background: #191d43;\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .dark-theme.light-header {\r\n        .hor-header .header-brand-img.desktop-logo {\r\n            display: none;\r\n        }\r\n\r\n        .main-header .header-brand1 .header-brand-img {\r\n            &.desktop-logo {\r\n                display: none;\r\n            }\r\n\r\n            &.light-logo1 {\r\n                display: block !important;\r\n            }\r\n        }\r\n\r\n        .main-header .responsive-logo .logo-1 {\r\n            display: block !important;\r\n            margin: 0 auto;\r\n            left: 0;\r\n            right: 0;\r\n            text-align: center;\r\n            position: absolute;\r\n        }\r\n\r\n        .main-header .responsive-logo .dark-logo-1 {\r\n            display: none !important;\r\n        }\r\n\r\n        .mobile-header {\r\n            background-color: $white;\r\n        }\r\n\r\n        .mobile-header .header-brand-img.desktop-logo {\r\n            display: none !important;\r\n        }\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: 768px) and (min-width: 568px) {\r\n    .app.dark-theme.light-header {\r\n        .main-header .header-brand .header-brand-img {\r\n            &.desktop-lgo {\r\n                display: block;\r\n                margin-top: 5px;\r\n            }\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-theme.light-header {\r\n        .hor-header.header .header-brand-img {\r\n\r\n            &.dark-logo,\r\n            &.mobile-logo {\r\n                display: none !important;\r\n            }\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\r\n\r\n/*Header-Gradient-header*/\r\n\r\n.gradient-header {\r\n    @media (max-width: 991px) {\r\n\r\n        .navbar-toggler-icon,\r\n        .demo-icon svg {\r\n            color: $white;\r\n            fill: $white;\r\n        }\r\n    }\r\n\r\n    .hor-header .header-brand1 {\r\n        margin-top: 4px;\r\n    }\r\n\r\n    .main-header,\r\n    .hor-header {\r\n        background: linear-gradient(to right, $primary 0%, #6dd5ed 100%) !important;\r\n\r\n        border-bottom: 1px solid rgba(255, 255, 255, .2);\r\n    }\r\n\r\n    .main-header-center .form-control {\r\n        color: $white;\r\n\r\n        &::placeholder {\r\n            color: $white !important;\r\n            opacity: .3;\r\n        }\r\n    }\r\n\r\n    .hor-header .header-right-icons .nav-link.icon {\r\n        background: rgba(0, 0, 0, 0.08);\r\n    }\r\n\r\n    .nav-link.toggle,\r\n    .header-right-icons .nav-link.icon {\r\n        background: $white;\r\n    }\r\n\r\n    .animated-arrow {\r\n        background: none;\r\n\r\n        span {\r\n            background: #e7e7f7;\r\n\r\n            &:before,\r\n            &:after {\r\n                background: #e7e7f7;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.active .animated-arrow span {\r\n        background-color: transparent;\r\n    }\r\n\r\n    .header .nav-link.icon i,\r\n    .header-right-icons .nav-link.icon:hover i {\r\n        color: #e7e7f7 !important;\r\n    }\r\n\r\n    .main-header.header .nav-link:hover {\r\n        color: $white;\r\n    }\r\n\r\n    .header-icons .new.nav-link {\r\n        background: transparent;\r\n    }\r\n\r\n    .main-profile-menu .profile-user img {\r\n        box-shadow: 0px 4px 15px 0px #518d89;\r\n    }\r\n\r\n    .main-header .header-right-icons .nav-link.icon:hover {\r\n        background: rgba(0, 0, 0, 0.08) !important;\r\n    }\r\n\r\n    .app-sidebar__toggle:hover {\r\n        color: $white;\r\n    }\r\n\r\n    .header {\r\n        .nav-link {\r\n            color: #e7e7f7 !important;\r\n\r\n            &:hover {\r\n                color: $white;\r\n            }\r\n        }\r\n\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\r\n        .main-header-center .form-control:placeholder {\r\n            color: $white !important;\r\n            opacity: .5;\r\n        }\r\n    }\r\n\r\n    .app-sidebar__toggle {\r\n        background: transparent;\r\n        color: $white;\r\n\r\n        a {\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    .nav-link.icon i {\r\n        color: $white !important;\r\n    }\r\n}\r\n\r\n\r\n@media (min-width: 576px) {\r\n    .gradient-header .main-header .dropdown-menu:after {\r\n        border-bottom: 9px solid $white;\r\n    }\r\n}\r\n\r\n.gradient-header .menu-header-content {\r\n    background-color: $white !important;\r\n    border-bottom: 1px solid rgba(138, 153, 191, 0.125);\r\n}\r\n\r\n.gradient-header .menu-header-content .dropdown-title,\r\n.gradient-header .menu-header-content h6 {\r\n    color: #323251 !important;\r\n}\r\n\r\n.gradient-header .menu-header-content .dropdown-title-text,\r\n.gradient-header .menu-header-content span {\r\n    color: #7a839b !important;\r\n}\r\n\r\n@media (max-width: 598px) {\r\n    .gradient-header .dark-theme .main-header-left .header-brand {\r\n        top: 12px;\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\r\n            &.light-logo {\r\n                display: block;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) and (min-width: 575.98px) {\r\n    .gradient-header {\r\n        .main-header .header-brand .header-brand-img {\r\n            &.dark-logo {\r\n                display: block;\r\n                margin-top: 5px;\r\n            }\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 (min-width: 767px) {\r\n    .gradient-header {\r\n        .header-icon-svgs {\r\n            fill: $white;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .gradient-header {\r\n        .main-header .responsive-logo .logo-1 {\r\n            display: none !important;\r\n        }\r\n\r\n        .main-header .responsive-logo .dark-logo-1 {\r\n            display: block !important;\r\n            margin: 0 auto;\r\n            left: 0;\r\n            right: 0;\r\n            text-align: center;\r\n            position: absolute;\r\n        }\r\n\r\n        .navresponsive-toggler {\r\n            color: #fff !important;\r\n        }\r\n\r\n        .hor-header.header .header-brand-img {\r\n            &.mobile-logo {\r\n                display: none !important;\r\n            }\r\n\r\n            &.darkmobile-logo {\r\n                display: block;\r\n                margin-top: 3px;\r\n            }\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\r\n            &.desktop-lgo,\r\n            &.mobile-logo {\r\n                display: none !important;\r\n            }\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\r\n.dark-theme.gradient-header {\r\n\r\n    .main-header,\r\n    .hor-header {\r\n        background: linear-gradient(to right, $primary 0%, #6dd5ed 100%) !important;\r\n    }\r\n\r\n    .header .nav-link.icon {\r\n        background: rgba(0, 0, 0, 0.08);\r\n        box-shadow: rgba(4, 4, 7, .1) 0px 2px 3px;\r\n    }\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.dark-theme .mobile-main-header .main-header-message>a,\r\n.dark-theme .mobile-main-header .main-header-notification>a,\r\n.dark-theme .mobile-main-header .nav-item.full-screen>a,\r\n.dark-theme .mobile-main-header .nav-link.icon,\r\n.dark-theme .mobile-main-header .btn.btn-default.nav-link.resp-btn {\r\n    background: #272738;\r\n    box-shadow: 0px 1px 6px 0px #141432;\r\n}\r\n\r\n\r\n/*---------- Leftmenu-styles ----------*/\r\n\r\n/*Light-menu*/\r\n.light-menu {\r\n\r\n    .slide-item.active,\r\n    .slide-item:hover,\r\n    .slide-item:focus {\r\n        color: $primary !important;\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        &.dark-theme.app.sidebar-mini.sidenav-toggled-open .ps>.ps__rail-y>.ps__thumb-y {\r\n            background-color: #eae9f1;\r\n        }\r\n    }\r\n\r\n    .app-sidebar {\r\n        background: $white;\r\n\r\n        .app-sidebar__user {\r\n            border-bottom: $border;\r\n        }\r\n\r\n        .side-menu .slide a {\r\n            color: #5b5858;\r\n        }\r\n\r\n        .side-menu .sidemenu_icon {\r\n            color: #fff !important;\r\n        }\r\n\r\n        .app-sidebar__user {\r\n            .user-pic .avatar-xxl {\r\n                border: 3px solid #ebeff8;\r\n            }\r\n\r\n            .user-pic::before {\r\n                border: 2px solid $white;\r\n            }\r\n\r\n            .user-info h5 {\r\n                color: #263871;\r\n            }\r\n        }\r\n\r\n        .Annoucement_card {\r\n            background: #ebeff8;\r\n\r\n            .title,\r\n            .text-white {\r\n                color: #263871 !important;\r\n            }\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\r\n    .slide-menu li {\r\n\r\n        &.active>a,\r\n        &:hover>a {\r\n            color: $primary !important;\r\n        }\r\n    }\r\n\r\n    .side-item.side-item-category {\r\n        opacity: .7 !important;\r\n    }\r\n}\r\n\r\n.dark-theme.light-menu {\r\n    .app-sidebar {\r\n        background: $white !important;\r\n\r\n        .app-sidebar__user {\r\n            border-bottom: $border;\r\n        }\r\n\r\n        .side-menu .slide .side-menu__item.active {\r\n            background: transparent;\r\n        }\r\n\r\n        .side-menu__item.active .side-menu__icon {\r\n            fill: $primary !important;\r\n        }\r\n\r\n        .side-menu .slide .side-menu__item.active .side-menu__icon {\r\n            color: $primary !important;\r\n        }\r\n\r\n        .app-sidebar__user .user-info h4 {\r\n            color: #646971 !important;\r\n        }\r\n\r\n        .side-menu .side-menu__icon {\r\n            fill: #7987a1;\r\n        }\r\n\r\n        .side-menu__label {\r\n            color: #7987a1 !important;\r\n        }\r\n\r\n        .slide.is-expanded a {\r\n            color: #5b5858;\r\n        }\r\n\r\n        .slide:hover .side-menu__label,\r\n        .slide:hover .angle,\r\n        .slide:hover .side-menu__icon {\r\n            color: #5b5858 !important;\r\n\r\n            .slide-item.active,\r\n            .slide-item:hover,\r\n            .slide-item:focus {\r\n                color: #5b5858 !important;\r\n            }\r\n\r\n            .app-sidebar .slide-menu .slide-item:before {\r\n                color: #5b5858 !important;\r\n            }\r\n\r\n            .slide.is-expanded .slide-menu a:hover:before {\r\n                color: #5b5858 !important;\r\n            }\r\n\r\n            .slide.is-expanded .sub-side-menu__item:before {\r\n                color: #5b5858 !important;\r\n            }\r\n\r\n            .slide.is-expanded .sub-slide-item2:before {\r\n                color: #5b5858 !important;\r\n            }\r\n\r\n            .sub-slide-menu .sub-slide-item2:hover {\r\n                color: #5b5858 !important;\r\n            }\r\n\r\n            .slide {\r\n                a {\r\n                    color: #5b5858 !important;\r\n                }\r\n            }\r\n        }\r\n\r\n        .angle {\r\n            color: #7b8191 !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: $border;\r\n            border-right: $border;\r\n        }\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\r\n            &.dark-logo {\r\n                display: none;\r\n            }\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\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\r\n                &.dark-logo {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .dark-theme.light-menu {\r\n        .app-sidebar .side-item.side-item-category {\r\n            color: #7b8191;\r\n        }\r\n\r\n        .main-sidebar-header {\r\n            border-bottom: 1px solid $border;\r\n            border-right: 1px solid $border;\r\n        }\r\n\r\n        .main-sidebar-header .header-logo {\r\n            .desktop-logo {\r\n                display: block;\r\n            }\r\n\r\n            .desktop-dark {\r\n                display: none !important;\r\n            }\r\n        }\r\n\r\n        &.app.sidebar-mini.sidenav-toggled {\r\n            .main-sidebar-header .header-logo {\r\n                .mobile-logo {\r\n                    display: block;\r\n                }\r\n\r\n                .desktop-dark,\r\n                .mobile-dark {\r\n                    display: none;\r\n                }\r\n            }\r\n\r\n            &.sidenav-toggled-open {\r\n                .desktop-logo {\r\n                    display: block !important;\r\n                }\r\n\r\n                .mobile-dark,\r\n                .desktop-dark {\r\n                    display: none !important;\r\n                }\r\n            }\r\n        }\r\n\r\n        .side-menu h3 {\r\n            color: #000;\r\n        }\r\n\r\n        .side-menu .side-menu__icon,\r\n        .dark-theme .side-menu__item,\r\n        .dark-theme .slide-item {\r\n            color: #6e84a3;\r\n        }\r\n\r\n        .side-menu__label {\r\n            color: #6e84a3;\r\n        }\r\n\r\n        .side-menu .slide .side-menu__item.active {\r\n            .side-menu__label {\r\n                color: $default-color !important;\r\n            }\r\n        }\r\n\r\n        .side-menu__item.active .side-menu__icon {\r\n            color: $white !important;\r\n        }\r\n\r\n        .app-sidebar .main-sidebar-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\r\n            &.desktop-logo {\r\n                display: none !important;\r\n            }\r\n        }\r\n\r\n        &.sidenav-toggled {\r\n            .app-sidebar .main-sidebar-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: none !important;\r\n                }\r\n            }\r\n        }\r\n\r\n        &.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .main-sidebar-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\r\n                &desktop-logo {\r\n                    display: none !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    \r\n}\r\n\r\n.app.sidebar-mini.dark-theme.light-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .main-sidebar-header .header-brand-img.desktop-logo {\r\n    display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.dark-theme.light-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .main-sidebar-header .header-brand-img.light-logo1 {\r\n    display: block !important;\r\n}\r\n\r\n/*Color-menu*/\r\n\r\n.color-menu {\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\r\n    .ps__thumb-y {\r\n        background-color: rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    &.rtl {\r\n        .side-menu .slide .side-menu__item.active {\r\n            border-left: 3px solid $white;\r\n            border-right: inherit;\r\n        }\r\n    }\r\n\r\n    .side-menu .slide .side-menu__item.active {\r\n        border-right: 3px solid $white;\r\n    }\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:hover .angle {\r\n        color: $white !important;\r\n        fill: $white !important;\r\n    }\r\n\r\n    .angle {\r\n        color: #e8efee !important;\r\n    }\r\n\r\n    // .horizontalMenucontainer .main-header.hor-header {\r\n    //     border-bottom: 1px solid $border;\r\n    // }\r\n\r\n    .app-sidebar {\r\n        border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n        background: $primary !important;\r\n    }\r\n\r\n    .app-sidebar .side-item.side-item-category {\r\n        color: #d6f4ef;\r\n    }\r\n\r\n    .side-menu .slide .side-menu__item.active {\r\n        background: transparent;\r\n    }\r\n\r\n    .side-menu__item.active .side-menu__icon {\r\n        fill: #fff7f7 !important;\r\n    }\r\n\r\n    .side-menu .slide .side-menu__item.active .side-menu__label,\r\n    .side-menu__icon {\r\n        color: #fff7f7 !important;\r\n    }\r\n\r\n    .app-sidebar__user .user-info h4 {\r\n        color: #fff7f7;\r\n    }\r\n\r\n    .side-menu .side-menu__icon {\r\n        fill: #e8efee;\r\n    }\r\n\r\n    .side-menu__label {\r\n        color: #e8efee !important;\r\n    }\r\n\r\n    .slide.is-expanded a {\r\n        color: #e8efee;\r\n    }\r\n\r\n    .slide:hover .side-menu__label,\r\n    .slide:hover .angle,\r\n    .slide:hover .side-menu__icon {\r\n        color: #e8efee;\r\n    }\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\r\n    .app-sidebar .slide-menu .slide-item:before {\r\n        color: #e8efee !important;\r\n    }\r\n\r\n    .slide.is-expanded .slide-menu a:hover:before {\r\n        color: #e8efee !important;\r\n    }\r\n\r\n    .slide.is-expanded .sub-side-menu__item:before {\r\n        color: #e8efee !important;\r\n    }\r\n\r\n    .slide.is-expanded .sub-slide-item2:before {\r\n        color: #e8efee !important;\r\n    }\r\n\r\n    .sub-slide-menu .sub-slide-item2:hover {\r\n        color: #e8efee !important;\r\n    }\r\n\r\n    .slide {\r\n        a {\r\n            color: #e8efee !important;\r\n        }\r\n    }\r\n\r\n    .app-sidebar .main-sidebar-header {\r\n        background: $primary;\r\n        border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n\r\n        .side-item.side-item-category {\r\n            color: $white;\r\n            opacity: .3;\r\n        }\r\n\r\n        .side-menu .side-menu__icon,\r\n        .side-menu .side-menu__item {\r\n            color: #cccef5 !important;\r\n        }\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\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\r\n        .slide .side-menu__item.active,\r\n        .slide .side-menu__item:hover {\r\n            background: rgba(0, 0, 0, .1);\r\n        }\r\n\r\n        .side-menu__item.active:hover,\r\n        .side-menu__item.active:focus {\r\n            background: linear-gradient(to right, #8971ea, #7f72ea, #7574ea, #6a75e9, #5f76e8) !important;\r\n        }\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\r\n        .app-sidebar__user {\r\n            border-bottom: 1px solid $white-1;\r\n\r\n            .user-info h5 {\r\n                color: $white;\r\n            }\r\n\r\n            .app-sidebar__user-name.text-muted {\r\n                color: $white !important;\r\n                opacity: .7;\r\n            }\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}\r\n\r\n@media (min-width: 992px) {\r\n    .color-menu {\r\n        .slide.is-expanded .angle {\r\n            color: $white !important;\r\n        }\r\n\r\n        .main-sidebar-header {\r\n            border-bottom: 1px solid $white-2;\r\n            border-right: 1px solid $white-2;\r\n        }\r\n\r\n        .main-sidebar-header .header-logo {\r\n            .desktop-dark {\r\n                display: block;\r\n            }\r\n\r\n            .desktop-logo {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        &.app.sidebar-mini.sidenav-toggled {\r\n            .main-sidebar-header .header-logo {\r\n\r\n                .desktop-dark,\r\n                .mobile-logo {\r\n                    display: none;\r\n                }\r\n\r\n                .mobile-dark {\r\n                    display: block;\r\n                }\r\n            }\r\n\r\n            &.sidenav-toggled-open {\r\n\r\n                .desktop-logo,\r\n                .mobile-dark {\r\n                    display: none !important;\r\n                }\r\n\r\n                .desktop-dark {\r\n                    display: block !important;\r\n                }\r\n            }\r\n        }\r\n\r\n        &.sidebar-mini.sidenav-toggled .side-menu .slide .side-menu__item.active {\r\n            background: transparent;\r\n        }\r\n\r\n        &.sidenav-toggled.sidenav-toggled-open {\r\n            .app-sidebar .main-sidebar-header .header-brand-img {\r\n                &.desktop-logo {\r\n                    display: block;\r\n                    margin: 0 auto;\r\n                }\r\n\r\n                &.toggle-logo {\r\n                    display: none !important;\r\n                }\r\n\r\n                &.light-logo1 {\r\n                    display: none !important;\r\n                }\r\n            }\r\n\r\n            .side-menu__item.active .side-menu__icon {\r\n                fill: #ebe6f3 !important;\r\n            }\r\n\r\n            .side-menu .slide .side-menu__item.active .side-menu__label,\r\n            .side-menu__icon {\r\n                color: #ebe6f3 !important;\r\n            }\r\n\r\n            .app-sidebar__user .user-info h4 {\r\n                color: #e4e8ef;\r\n            }\r\n\r\n            .side-menu .side-menu__icon {\r\n                fill: #e8efee;\r\n            }\r\n\r\n            .side-menu__label {\r\n                color: #e8efee;\r\n            }\r\n\r\n            .slide.is-expanded a {\r\n                color: #e8efee;\r\n            }\r\n        }\r\n\r\n        &.app.sidebar-mini.sidenav-toggled .main-sidebar-header .logo-icon.icon-dark {\r\n            display: block !important;\r\n        }\r\n\r\n        &.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-dark {\r\n            display: block !important;\r\n        }\r\n    }\r\n}\r\n\r\n.dark-theme.color-menu {\r\n\r\n    .slide.is-expanded .side-menu__label,\r\n    .dark-theme .slide.is-expanded .side-menu__icon,\r\n    .dark-theme .slide.is-expanded .angle {\r\n        color: #e8efee !important;\r\n    }\r\n\r\n    .app-sidebar {\r\n        background: $primary;\r\n\r\n        .side-menu .slide a {\r\n            color: $white;\r\n        }\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\r\n    .app-sidebar .app-sidebar__user .user-pic::before {\r\n        border: 2px solid $white;\r\n    }\r\n\r\n    .side-item.side-item-category {\r\n        color: $white;\r\n        opacity: .5;\r\n    }\r\n\r\n    .app-sidebar ul li a {\r\n        color: $white;\r\n    }\r\n\r\n    .slide-menu li {\r\n\r\n        &.active>a,\r\n        &:hover>a {\r\n            color: $white !important;\r\n            opacity: inherit;\r\n        }\r\n    }\r\n\r\n    .app-sidebar {\r\n\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\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-theme.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\r\n    .slide-item.active,\r\n    .slide-item:hover,\r\n    .slide-item:focus {\r\n        color: $primary !important;\r\n    }\r\n\r\n    .ps__thumb-y {\r\n        background-color: rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    &.rtl {\r\n        .side-menu .slide .side-menu__item.active {\r\n            border-left: 3px solid $white;\r\n            border-right: inherit;\r\n        }\r\n    }\r\n\r\n    .side-menu .slide .side-menu__item.active .side-menu__label {\r\n        color: $white !important;\r\n    }\r\n\r\n    .dark-theme .side-menu .slide .side-menu__item.active .side-menu__label {\r\n        color: $white !important;\r\n    }\r\n\r\n    .side-menu .slide .side-menu__item.active {\r\n        background-color: #2a2e3f;\r\n        border-right: 3px solid $primary;\r\n    }\r\n\r\n    .app-sidebar {\r\n        background: #2a2e3f !important;\r\n        border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n\r\n        .side-item.side-item-category {\r\n            color: $white;\r\n            opacity: .3;\r\n        }\r\n\r\n        .main-sidebar-header {\r\n            background: #2a2e3f !important;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .side-menu h3 {\r\n            color: rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .side-menu__item.active .side-menu__icon {\r\n            fill: $primary !important;\r\n        }\r\n\r\n        .side-menu .slide .side-menu__item.active .side-menu__icon {\r\n            color: $primary !important;\r\n        }\r\n\r\n        .app-sidebar__user .user-info h4 {\r\n            color: #e4e8ef;\r\n        }\r\n\r\n        .slide.is-expanded a {\r\n            color: #a9abbd;\r\n        }\r\n\r\n        .slide:hover .side-menu__label,\r\n        .slide:hover .angle,\r\n        .slide:hover .side-menu__icon {\r\n            color: $primary !important;\r\n        }\r\n\r\n        .slide-item.active,\r\n        .slide-item:hover,\r\n        .slide-item:focus {\r\n            color: $primary !important;\r\n        }\r\n\r\n        .app-sidebar .slide-menu .slide-item:before {\r\n            color: #a9abbd !important;\r\n        }\r\n\r\n        .slide.is-expanded .slide-menu a:hover:before {\r\n            color: #a9abbd !important;\r\n        }\r\n\r\n        .slide.is-expanded .sub-side-menu__item:before {\r\n            color: #a9abbd !important;\r\n        }\r\n\r\n        .slide.is-expanded .sub-slide-item2:before {\r\n            color: #a9abbd !important;\r\n        }\r\n\r\n        .sub-slide-menu .sub-slide-item2:hover {\r\n            color: #a9abbd !important;\r\n        }\r\n\r\n        .slide {\r\n            a {\r\n                color: #a9abbd !important;\r\n            }\r\n        }\r\n\r\n        .app-sidebar__user {\r\n            .user-info h4 {\r\n                color: $white;\r\n                opacity: .7;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .dark-menu {\r\n        .main-sidebar-header {\r\n            border-bottom: 1px solid $white-1;\r\n            border-right: 1px solid $white-1;\r\n        }\r\n\r\n        .main-sidebar-header .header-logo {\r\n            .desktop-dark {\r\n                display: block;\r\n            }\r\n\r\n            .desktop-logo {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        &.app.sidebar-mini.sidenav-toggled {\r\n            .main-sidebar-header .header-logo {\r\n\r\n                .desktop-dark,\r\n                .mobile-logo {\r\n                    display: none;\r\n                }\r\n\r\n                .mobile-dark {\r\n                    display: block;\r\n                }\r\n            }\r\n\r\n            &.sidenav-toggled-open {\r\n\r\n                .desktop-logo,\r\n                .mobile-dark {\r\n                    display: none !important;\r\n                }\r\n\r\n                .desktop-dark {\r\n                    display: block !important;\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n}\r\n\r\n\r\n/*Graident-Color*/\r\n.gradient-menu {\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\r\n    .ps__thumb-y {\r\n        background-color: rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    &.rtl {\r\n        .side-menu .slide .side-menu__item.active {\r\n            border-left: 3px solid $white;\r\n            border-right: inherit;\r\n        }\r\n\r\n        .app-sidebar {\r\n            background: linear-gradient(to bottom, $primary 0%, #6dd5ed 100%) !important;\r\n\r\n            .side-item.side-item-category {\r\n                color: $white;\r\n                opacity: .6;\r\n            }\r\n\r\n            .main-sidebar-header {\r\n                background: $primary !important;\r\n                border-bottom: 1px solid rgba($white, 0.2);\r\n                border-left: 1px solid rgba($white, 0.2);\r\n            }\r\n        }\r\n    }\r\n\r\n    .side-menu .slide .side-menu__item.active {\r\n        border-right: 3px solid $white;\r\n    }\r\n\r\n    .angle {\r\n        color: #e8efee !important;\r\n    }\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:hover .angle {\r\n        color: $white !important;\r\n        fill: $white !important;\r\n    }\r\n\r\n    .app-sidebar {\r\n        background: linear-gradient(to bottom, $primary 0%, #6dd5ed 100%) !important;\r\n\r\n        .side-item.side-item-category {\r\n            color: $white;\r\n            opacity: .6;\r\n        }\r\n\r\n        .main-sidebar-header {\r\n            background: $primary !important;\r\n            border-bottom: 1px solid rgba($white, 0.2);\r\n            border-right: 1px solid rgba($white, 0.2);\r\n        }\r\n\r\n        .side-menu .slide .side-menu__item.active {\r\n            background: transparent;\r\n        }\r\n\r\n        .side-menu__item.active .side-menu__icon {\r\n            fill: #fbf6f6 !important;\r\n        }\r\n\r\n        .side-menu .slide .side-menu__item.active .side-menu__label,\r\n        .side-menu__icon {\r\n            color: #fffbfb !important;\r\n        }\r\n\r\n        .app-sidebar__user .user-info h4 {\r\n            color: #fffbfb;\r\n        }\r\n\r\n        .side-menu .side-menu__icon {\r\n            fill: #e8efee;\r\n        }\r\n\r\n        .side-menu__label {\r\n            color: #e8efee;\r\n        }\r\n\r\n        .slide.is-expanded a {\r\n            color: #e8efee;\r\n        }\r\n\r\n        .slide:hover .side-menu__label,\r\n        .slide:hover .angle,\r\n        .slide:hover .side-menu__icon {\r\n            color: #e8efee;\r\n        }\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\r\n        .slide-menu .slide-item:before {\r\n            color: #e8efee !important;\r\n        }\r\n\r\n        .slide.is-expanded .slide-menu a:hover:before {\r\n            color: #e8efee !important;\r\n        }\r\n\r\n        .slide.is-expanded .sub-side-menu__item:before {\r\n            color: #e8efee !important;\r\n        }\r\n\r\n        .slide.is-expanded .sub-slide-item2:before {\r\n            color: #e8efee !important;\r\n\r\n        }\r\n\r\n        .sub-slide-menu .sub-slide-item2:hover {\r\n            color: #e8efee !important;\r\n        }\r\n\r\n        .slide {\r\n            a {\r\n                color: #e8efee !important;\r\n            }\r\n        }\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\r\n        .main-sidebar-header .header-logo {\r\n            .desktop-dark {\r\n                display: block;\r\n            }\r\n\r\n            .desktop-logo {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        &.app.sidebar-mini.sidenav-toggled {\r\n            .main-sidebar-header .header-logo {\r\n\r\n                .desktop-dark,\r\n                .mobile-logo {\r\n                    display: none;\r\n                }\r\n\r\n                .mobile-dark {\r\n                    display: block;\r\n                }\r\n            }\r\n\r\n            &.sidenav-toggled-open {\r\n\r\n                .desktop-logo,\r\n                .mobile-dark {\r\n                    display: none !important;\r\n                }\r\n\r\n                .desktop-dark {\r\n                    display: block !important;\r\n                }\r\n            }\r\n\r\n\r\n            .side-menu .slide .side-menu__item.active {\r\n                background: transparent;\r\n            }\r\n\r\n            .side-menu__item.active .side-menu__icon {\r\n                fill: #fbf6f6 !important;\r\n            }\r\n\r\n            .side-menu .slide .side-menu__item.active .side-menu__label,\r\n            .side-menu__icon {\r\n                color: #fbf6f6 !important;\r\n            }\r\n\r\n            .app-sidebar__user .user-info h4 {\r\n                color: #e4e8ef;\r\n            }\r\n\r\n            .side-menu .side-menu__icon {\r\n                fill: #e8efee;\r\n            }\r\n\r\n            .side-menu__label {\r\n                color: #e8efee;\r\n            }\r\n\r\n            .slide.is-expanded a {\r\n                color: #e8efee;\r\n            }\r\n\r\n            .slide:hover .side-menu__label,\r\n            .slide:hover .angle,\r\n            .slide:hover .side-menu__icon {\r\n                color: #e8efee;\r\n            }\r\n\r\n            .slide-item.active,\r\n            .slide-item:hover,\r\n            .slide-item:focus {\r\n                color: #e8efee !important;\r\n            }\r\n\r\n            .app-sidebar .slide-menu .slide-item:before {\r\n                color: #e8efee !important;\r\n            }\r\n\r\n            .slide.is-expanded .slide-menu a:hover:before {\r\n                color: #e8efee !important;\r\n            }\r\n\r\n            .slide {\r\n                a {\r\n                    color: #e8efee !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.dark-theme.gradient-menu {\r\n\r\n    .slide .side-menu__label,\r\n    .dark-theme .slide .side-menu__icon,\r\n    .dark-theme .slide .angle {\r\n        color: #e8efee !important;\r\n    }\r\n\r\n    .app-sidebar {\r\n        .side-menu .slide a {\r\n            color: $white;\r\n        }\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\r\n    .app-sidebar .app-sidebar__user .user-pic::before {\r\n        border: 2px solid $white;\r\n    }\r\n\r\n    .side-item.side-item-category {\r\n        color: $white;\r\n    }\r\n\r\n    .app-sidebar ul li a {\r\n        color: $white;\r\n    }\r\n\r\n    .slide-menu li {\r\n\r\n        &.active>a,\r\n        &:hover>a {\r\n            color: $white !important;\r\n            opacity: inherit;\r\n        }\r\n    }\r\n\r\n    .app-sidebar {\r\n\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\r\n    .slide.is-expanded .side-menu__item {\r\n        color: $white !important;\r\n        opacity: inherit;\r\n    }\r\n\r\n    .slide.is-expanded .side-menu__label, .slide.is-expanded .side-menu__icon, .slide.is-expanded .angle {\r\n        color: $white !important;\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .dark-theme.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\r\n/*---------- Horizontalmenu-styles ----------*/\r\n\r\n.dark-theme {\r\n    &.color-header.gradient-menu .app-sidebar {\r\n        box-shadow: none;\r\n    }\r\n\r\n    &.gradient-header.gradient-header .app-sidebar {\r\n        box-shadow: none;\r\n    }\r\n\r\n    &.color-menu.color-header .app-sidebar {\r\n        box-shadow: none;\r\n    }\r\n\r\n    &.light-menu.color-header .app-sidebar {\r\n        box-shadow: none;\r\n    }\r\n}\r\n\r\n.gradient-header.color-menu .app-sidebar {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.05);\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.05);\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.05);\r\n    box-shadow: none;\r\n}\r\n\r\n\r\n.gradient-header.gradient-menu .app-sidebar {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.05);\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.05);\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.05);\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.05);\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.15);\r\n    box-shadow: none;\r\n}\r\n\r\n.color-header.dark-menu .app-sidebar {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.05);\r\n    box-shadow: none;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .dark-theme .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 .mobile-header.hor-mobile-header {\r\n    background: $primary;\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\r\n    .color-header .mobile-header .header-brand-img.mobile-light {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.color-header .hor-header .header-right-icons .nav-link.icon {\r\n    background: #6159bb;\r\n}\r\n\r\n.color-header .main-header-center .form-control {\r\n    background: rgba($black, 0.1);\r\n    border: 1px solid rgba($white, 0.3);\r\n}\r\n\r\n.color-menu .app-sidebar .side-menu .h3 {\r\n    color: #b3aee8 !important;\r\n}\r\n\r\n.color-header .light-logo,\r\n.color-header .light-logo1,\r\n.color-header .mobile-light {\r\n    display: block;\r\n}\r\n\r\n.color-header .app-sidebar .main-sidebar-header .header-brand-img.light-logo {\r\n    display: none;\r\n}\r\n\r\n.color-header.sidenav-toggled .app-sidebar .main-sidebar-header .header-brand-img.light-logo {\r\n    display: block;\r\n}\r\n\r\n.light-header .hor-header .header-brand-img.light-logo {\r\n    display: none;\r\n}\r\n\r\n// .light-header .form-control {\r\n//     color: #dedefd !important;\r\n//     background-color: $white;\r\n//     border: 1px solid #ecf0fa;\r\n// }\r\n.light-header .hor-header .header-right-icons .nav-link.icon {\r\n    background: $white;\r\n}\r\n\r\n.light-header .header .dropdown .nav-link.icon:hover {\r\n    background: none !important;\r\n}\r\n\r\n.light-header.light-hormenu .horizontalMenu>.horizontalMenu-list>li>a {\r\n    color: #25252a;\r\n}\r\n\r\n.light-header.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,\r\n.light-header.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {\r\n    color: $primary;\r\n    background: #fff !important;\r\n}\r\n\r\n.light-header.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,\r\n.light-header.light-hormenu.hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {\r\n    color: $primary;\r\n    background: #fff !important;\r\n}\r\n\r\n.light-header.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {\r\n    border-left: 1px solid $border;\r\n}\r\n\r\n.light-header.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {\r\n    border-right: 1px solid $border;\r\n}\r\n\r\n.light-header.gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>a.active,\r\n.light-header.gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>a:hover {\r\n    color: #fff !important;\r\n    opacity: inherit;\r\n    background: rgba(255, 255, 255, 0.04) !important;\r\n}\r\n\r\n.color-header.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,\r\n.color-header.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {\r\n    color: $primary;\r\n    background: #fff !important;\r\n}\r\n\r\n.color-header.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,\r\n.color-header.light-hormenu.hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {\r\n    color: $primary;\r\n    background: #fff !important;\r\n}\r\n\r\n.color-header.color-hormenu .horizontalMenu>.horizontalMenu-list>li>a.active,\r\n.color-header.color-hormenu .horizontalMenu>.horizontalMenu-list>li>a:hover {\r\n    color: #fff !important;\r\n    opacity: inherit;\r\n}\r\n\r\n.color-header.gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>a.active,\r\n.color-header.gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>a:hover {\r\n    color: #fff !important;\r\n    opacity: inherit;\r\n    background: rgba(255, 255, 255, 0.04) !important;\r\n}\r\n\r\n.color-header .main-header-left .btn {\r\n    background-color: transparent !important;\r\n    border-color: transparent !important;\r\n    color: $white !important;\r\n}\r\n\r\n\r\n\r\n.gradient-header.light-hormenu .horizontalMenu>.horizontalMenu-list>li>a {\r\n    color: #5b6e88;\r\n}\r\n\r\n.gradient-header.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,\r\n.gradient-header.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {\r\n    color: $primary;\r\n    background: #fff !important;\r\n}\r\n\r\n.gradient-header.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,\r\n.gradient-header.light-hormenu.hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {\r\n    color: $primary;\r\n    background: #fff !important;\r\n}\r\n\r\n.gradient-header.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {\r\n    border-left: 1px solid $border;\r\n}\r\n\r\n.gradient-header.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {\r\n    border-right: 1px solid $border;\r\n}\r\n\r\n.gradient-header.gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>a.active,\r\n.gradient-header.gradient-hormenu .horizontalMenu>.horizontalMenu-list>li>a:hover {\r\n    color: #fff !important;\r\n    opacity: inherit;\r\n    background: rgba(255, 255, 255, 0.04) !important;\r\n}\r\n\r\n.gradient-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.gradient-header .main-header-left .btn {\r\n    background-color: transparent !important;\r\n    border-color: transparent !important;\r\n    color: $white !important;\r\n}\r\n\r\n.gradient-header .app-sidebar__toggle .header-icon {\r\n    color: $white;\r\n}\r\n\r\n.light-header .app-sidebar__toggle {\r\n    color: #5b6e88;\r\n    background: $white;\r\n}\r\n\r\n.light-header .main-header .header-right-icons .nav-link.icon {\r\n    background: $white;\r\n}\r\n\r\n.light-header .app-sidebar__toggle:hover {\r\n    color: #6e84a3;\r\n}\r\n\r\n.light-header.light-menu .main-sidebar-header {\r\n    border-bottom: 1px solid $border;\r\n    background: $white;\r\n}\r\n\r\n.light-header .navresponsive-toggler span {\r\n    color: #7987a1 !important;\r\n}\r\n\r\n.light-header .demo-icon svg {\r\n    fill: #7987a1 !important;\r\n}\r\n\r\n.light-header.light-menu .app-sidebar {\r\n    background: $white;\r\n}\r\n\r\n.light-header.light-menu .side-menu h3 {\r\n    color: #000;\r\n}\r\n\r\n.light-header.light-menu .side-menu__item {\r\n    color: #6e84a3;\r\n}\r\n\r\n.light-header.light-menu .side-menu .side-menu__icon {\r\n    color: #9eabc0;\r\n}\r\n\r\n.light-header.light-menu .app-sidebar .main-sidebar-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: block !important;\r\n    }\r\n\r\n    &.desktop-logo {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.light-header.light-menu.sidenav-toggled .app-sidebar .main-sidebar-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.light-header.light-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .main-sidebar-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: block !important;\r\n    }\r\n}\r\n\r\n\r\n\r\n.color-header.light-menu .main-sidebar-header {\r\n    border-bottom: 1px solid $border;\r\n    background: $white;\r\n}\r\n\r\n.color-header.light-menu .app-sidebar {\r\n    background: $white;\r\n}\r\n\r\n.color-header.light-menu .side-menu h3 {\r\n    color: #000;\r\n}\r\n\r\n.color-header.light-menu .side-menu__item {\r\n    color: #6e84a3;\r\n}\r\n\r\n.color-header.light-menu .side-menu .side-menu__icon {\r\n    color: #9eabc0;\r\n}\r\n\r\n.color-header.light-menu .app-sidebar .main-sidebar-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: block !important;\r\n    }\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 .main-sidebar-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 .main-sidebar-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 {\r\n    color: #fff !important;\r\n}\r\n\r\n.dark-header .navresponsive-toggler {\r\n    color: $white;\r\n}\r\n\r\n\r\n\r\n.gradient-header.light-menu .main-sidebar-header {\r\n    border-bottom: 1px solid $border;\r\n    background: $white;\r\n}\r\n\r\n.gradient-header.light-menu .app-sidebar {\r\n    background: $white;\r\n}\r\n\r\n.gradient-header.light-menu .side-menu h3 {\r\n    color: #000;\r\n}\r\n\r\n.gradient-header.light-menu .side-menu__item {\r\n    color: #6e84a3;\r\n}\r\n\r\n.gradient-header.light-menu .side-menu .side-menu__icon {\r\n    color: #9eabc0;\r\n}\r\n\r\n.gradient-header.light-menu .app-sidebar .main-sidebar-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: block !important;\r\n    }\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 .main-sidebar-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 .main-sidebar-header .header-brand-img {\r\n    &.light-logo1 {\r\n        display: block !important;\r\n    }\r\n}\r\n\r\n\r\n.dark-theme .apexcharts-radialbar-track.apexcharts-track path {\r\n    stroke: #21203a;\r\n}\r\n\r\n.dark-theme .apex-charts text {\r\n    fill: $white;\r\n}\r\n\r\n.light-mode .apexcharts-radialbar-track.apexcharts-track path {\r\n    stroke: #f4f4f4;\r\n}\r\n\r\n.light-mode .apex-charts text {\r\n    fill: #000;\r\n}\r\n\r\n.light-mode.color-header.color-menu .app-sidebar .main-sidebar-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 .app-sidebar .main-sidebar-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 .app-sidebar .main-sidebar-header .header-brand-img.light-logo {\r\n    display: none;\r\n}\r\n\r\n.light-mode.color-menu .app-sidebar .main-sidebar-header .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.color-menu .app-sidebar .main-sidebar-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 .app-sidebar .main-sidebar-header .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.dark-menu .app-sidebar .main-sidebar-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 .app-sidebar .main-sidebar-header .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.gradient-menu .app-sidebar .main-sidebar-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 .app-sidebar .main-sidebar-header .header-brand-img.light-logo1 {\r\n    display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.dark-theme.light-menu .main-sidebar-header {\r\n    background: $white;\r\n}\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, #8971ea, #7f72ea, #7574ea, #6a75e9, #5f76e8) !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\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\r\n            &.mobile-light {\r\n                display: none !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.dark-theme.gradient-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,\r\n.dark-theme.gradient-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {\r\n    background: rgba(255, 255, 255, 0.08) !important;\r\n}\r\n\r\n.dark-theme.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active,\r\n.dark-theme.light-hormenu .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {\r\n    background: transparent !important;\r\n}\r\n\r\n// .dark-theme.light-header .form-control {\r\n//     border: 1px solid #ecf0fa;\r\n// }\r\n.dark-theme.light-header {\r\n    .main-header .main-header-center .form-control {\r\n        color: #4d5875 !important;\r\n    }\r\n}\r\n\r\n/*--Boxed--*/\r\n@media (min-width: 1500px) {\r\n\r\n    body.layout-boxed.color-header,\r\n    body.layout-boxed.dark-header,\r\n    body.layout-boxed.gradient-header {\r\n        .main-header-left .btn {\r\n            border: 1px solid transparent;\r\n        }\r\n    }\r\n\r\n    body.layout-boxed.light-header {\r\n        .main-header-left .btn {\r\n            border: 1px solid $border;\r\n        }\r\n    }\r\n\r\n    body.layout-boxed {\r\n        background: #d5dddc;\r\n    }\r\n\r\n    body.layout-boxed.dark-theme {\r\n        background: #1d1d2a;\r\n    }\r\n\r\n    .layout-boxed {\r\n        .page {\r\n            width: 80%;\r\n            margin: 0 auto;\r\n            background: #edf3f2;\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\r\n        .main-header {\r\n            width: 80% !important;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .main-header.hor-header {\r\n            width: 100% !important;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .app-sidebar {\r\n            left: auto !important;\r\n        }\r\n\r\n        .main-sidebar-header {\r\n            left: auto !important;\r\n            right: auto !important;\r\n        }\r\n\r\n        h3.number-font {\r\n            font-size: 1.8rem;\r\n        }\r\n\r\n        .sticky-pin .horizontal-main.hor-menu {\r\n            width: 1300px !important;\r\n        }\r\n        .main-header-left .form-control {\r\n            width: 300px !important;\r\n        }\r\n    }\r\n\r\n    .dark-theme.layout-boxed .page {\r\n        background: #1c2030;\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    .horizontal.layout-boxed:not(.scrollable-layout) {\r\n        .sticky-pin {\r\n            max-width: 80%;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n\r\n        .horizontal.layout-boxed .hor-header .container,\r\n        .horizontal.layout-boxed .horizontal-main .container,\r\n        .horizontal.layout-boxed .main-content.horizontal-content .container {\r\n            max-width: 95% !important;\r\n        }\r\n    }\r\n    .layout-boxed.scrollable-layout  {\r\n        .main-header.side-header {\r\n            width: 100% !important; \r\n        }\r\n    }\r\n}\r\n\r\n/*--- Scrollabel-header ----*/\r\n.scrollable-layout {\r\n    @media (max-width: 991px) {\r\n        .responsive-navbar.navbar .navbar-collapse {\r\n            position: absolute !important;\r\n        }\r\n\r\n        .responsive-navbar.navbar {\r\n            position: inherit !important;\r\n        }\r\n    }\r\n\r\n    .main-header.side-header {\r\n        position: absolute !important;\r\n    }\r\n\r\n    .app-sidebar {\r\n        position: absolute;\r\n    }\r\n\r\n    .main-sidebar-header {\r\n        position: absolute;\r\n    }\r\n\r\n    .page {\r\n        position: relative;\r\n    }\r\n\r\n    .sticky.sticky-pin {\r\n        position: inherit;\r\n    }\r\n}\r\n\r\n.color-header .horizontalMenucontainer .header-brand .desktop-dark {\r\n    display: block;\r\n}\r\n\r\n.color-header .horizontalMenucontainer .header-brand .desktop-logo {\r\n    display: none;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .color-header .header-brand .desktop-dark {\r\n        display: initial !important;\r\n        margin-left: 2rem !important;\r\n    }\r\n}\r\n\r\n\r\n.dark-header .horizontalMenucontainer .header-brand .desktop-dark {\r\n    display: block;\r\n}\r\n\r\n.dark-header .horizontalMenucontainer .header-brand .desktop-logo {\r\n    display: none;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .dark-header .header-brand .desktop-dark {\r\n        display: block !important;\r\n        margin-left: 2rem !important;\r\n    }\r\n}\r\n\r\n.gradient-header .horizontalMenucontainer .header-brand .desktop-dark {\r\n    display: block;\r\n}\r\n\r\n.gradient-header .horizontalMenucontainer .header-brand .desktop-logo {\r\n    display: none;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .gradient-header .header-brand .desktop-dark {\r\n        display: initial !important;\r\n        margin-left: 2rem !important;\r\n    }\r\n}\r\n\r\n.horizontalMenucontainer .main-header.hor-header {\r\n    position: relative;\r\n    border-bottom: 1px solid rgb(243, 245, 247);\r\n}\r\n\r\n\r\n.dark-theme.color-header .menu-header-content {\r\n    background-color: #272738 !important;\r\n    border-bottom: 1px solid rgba(138, 153, 191, 0.125);\r\n}\r\n\r\n.dark-theme.color-header .navbar-toggler-icon {\r\n    color: $white;\r\n    fill: $white;\r\n}\r\n\r\n.dark-theme.color-header .header-icon-svgs {\r\n    fill: $white;\r\n    color: $white;\r\n}\r\n\r\n.dark-theme.color-header .menu-header-content .dropdown-title,\r\n.dark-theme.color-header .menu-header-content h6 {\r\n    color: #fff !important;\r\n}\r\n\r\n.dark-theme.color-header .menu-header-content .dropdown-title-text,\r\n.color-header .menu-header-content span {\r\n    color: #fff !important;\r\n}\r\n\r\n.dark-theme.gradient-header .menu-header-content {\r\n    background-color: #272738 !important;\r\n    border-bottom: 1px solid rgba(138, 153, 191, 0.125);\r\n}\r\n\r\n.dark-theme.gradient-header .menu-header-content .dropdown-title,\r\n.gradient-header .menu-header-content h6 {\r\n    color: rgba(255, 255, 255, 0.4) !important;\r\n}\r\n\r\n.dark-theme.gradient-header .menu-header-content .dropdown-title-text,\r\n.gradient-header .menu-header-content span {\r\n    color: rgba(255, 255, 255, 0.4) !important;\r\n}\r\n\r\n@media (min-width: 576px) {\r\n    .dark-theme.color-header .main-header .dropdown-menu:after {\r\n        border-bottom: 9px solid #272738;\r\n    }\r\n\r\n    .dark-theme.gradient-header .main-header .dropdown-menu:after {\r\n        border-bottom: 9px solid #272738;\r\n    }\r\n}\r\n\r\n.gradient-header.color-hormenu,\r\n.gradient-header.gradient-hormenu,\r\n.gradient-hormenu.color-header,\r\n.color-hormenu.color-header,\r\n.color-header.dark-hormenu,\r\n.gradient-header.dark-hormenu {\r\n    .horizontalMenucontainer .main-header.hor-header {\r\n        border-bottom: 1px solid rgba($white, 0.1);\r\n    }\r\n}\r\n\r\n.dark-header.dark-hormenu,\r\n.gradient-hormenu.dark-header,\r\n.dark-header.color-hormenu {\r\n    .horizontalMenucontainer .main-header.hor-header {\r\n        position: relative;\r\n        border-bottom: 1px solid #45484c;\r\n    }\r\n}\r\n\r\n@media (min-width:768px) {\r\n    .hover-submenu.sidenav-toggled.dark-theme.light-menu.sidenav-toggled-open {\r\n        .main-logo.desktop-logo {\r\n            display: none !important;\r\n        }\r\n    }\r\n\r\n    .app.sidebar-mini.sidenav-toggled-open.gradient-menu.hover-submenu,\r\n    .app.sidebar-mini.sidenav-toggled-open.gradient-menu.hover-submenu1 {\r\n\r\n        .desktop-dark,\r\n        .desktop-logo,\r\n        .mobile-logo {\r\n            display: none !important;\r\n        }\r\n\r\n        .mobile-dark {\r\n            display: block !important;\r\n        }\r\n\r\n        .slide-menu {\r\n            background-color: $primary;\r\n            border: 1px solid rgba($white, 0.2);\r\n        }\r\n\r\n        .side-menu__label1 {\r\n            border-bottom: 1px solid rgba($white, 0.2);\r\n        }\r\n\r\n        .slide a {\r\n            color: $white !important;\r\n        }\r\n\r\n        .app-sidebar .slide-menu .slide-item:before {\r\n            color: $white !important;\r\n        }\r\n    }\r\n\r\n    .app.sidebar-mini.sidenav-toggled-open.color-menu.hover-submenu,\r\n    .app.sidebar-mini.sidenav-toggled-open.color-menu.hover-submenu1 {\r\n\r\n        .desktop-dark,\r\n        .desktop-logo,\r\n        .mobile-logo {\r\n            display: none !important;\r\n        }\r\n\r\n        .mobile-dark {\r\n            display: block !important;\r\n        }\r\n\r\n        .slide-menu {\r\n            background-color: $primary;\r\n            border: 1px solid rgba($white, 0.2);\r\n        }\r\n\r\n        .side-menu__label1 {\r\n            border-bottom: 1px solid rgba($white, 0.2);\r\n        }\r\n\r\n        .slide a {\r\n            color: $white !important;\r\n        }\r\n\r\n        .app-sidebar .slide-menu .slide-item:before {\r\n            color: $white !important;\r\n        }\r\n    }\r\n\r\n    .app.sidebar-mini.sidenav-toggled-open.dark-menu.hover-submenu,\r\n    .app.sidebar-mini.sidenav-toggled-open.dark-menu.hover-submenu1 {\r\n\r\n        .desktop-dark,\r\n        .desktop-logo,\r\n        .mobile-logo {\r\n            display: none !important;\r\n        }\r\n\r\n        .mobile-dark {\r\n            display: block !important;\r\n        }\r\n\r\n        .slide a {\r\n            color: #a9abbd !important;\r\n        }\r\n\r\n        .slide-menu {\r\n            background-color: $primary;\r\n            border: 1px solid rgba($white, 0.2);\r\n        }\r\n\r\n        .side-menu__label1 {\r\n            border-bottom: 1px solid rgba($white, 0.2);\r\n        }\r\n\r\n        .app-sidebar .slide-menu .slide-item:before {\r\n            color: #a9abbd !important;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n/*---------- Horizontal Styles ----------*/\r\n.horizontal {\r\n\r\n    @media (max-width: 991.98px) {\r\n        &.dark-theme {\r\n            &.color-menu .horizontalMenucontainer .main-header.hor-header {\r\n                border-bottom: 1px solid #454560;\r\n            }\r\n\r\n            &.light-menu {\r\n                .app-sidebar .side-item.side-item-category {\r\n                    color: #7b8191;\r\n                }\r\n\r\n                .side-menu .slide .side-menu__item.active .side-menu__label {\r\n                    color: #4a4a69 !important;\r\n                }\r\n            }\r\n\r\n            &.dark-menu {\r\n                .app-sidebar .slide a {\r\n                    color: $white-6 !important;\r\n                }\r\n\r\n                .slide.is-expanded .sub-side-menu__item:before {\r\n                    color: #6d7582 !important;\r\n                }\r\n            }\r\n\r\n            &.gradient-menu {\r\n                .side-menu__label {\r\n                    color: #e8efee !important;\r\n                }\r\n\r\n                .app-sidebar .slide.is-expanded .sub-side-menu__item:before {\r\n                    color: #e8efee !important;\r\n                }\r\n            }\r\n\r\n            &.light-menu.light-header {\r\n                .horizontalMenucontainer .main-header.hor-header {\r\n                    border-bottom: 1px solid $border;\r\n                }\r\n            }\r\n\r\n            &.light-menu.color-header,\r\n            &.light-menu.gradient-header,\r\n            &.color-menu.light-header,\r\n            &.color-menu.color-header,\r\n            &.color-menu.gradient-header,\r\n            &.gradient-menu.light-header,\r\n            &.gradient-menu.color-header,\r\n            &.gradient-menu.gradient-header {\r\n                .horizontalMenucontainer .main-header.hor-header {\r\n                    border-bottom: 1px solid rgba($white, 0.2);\r\n                }\r\n            }\r\n\r\n            &.light-header {\r\n\r\n                .open-toggle,\r\n                .close-toggle {\r\n                    i {\r\n                        color: #7b8191 !important;\r\n                    }\r\n                }\r\n\r\n                .demo-icon {\r\n                    svg {\r\n                        fill: #7b8191 !important;\r\n                        color: #7b8191 !important;\r\n                    }\r\n                }\r\n\r\n                .navbar-toggler-icon {\r\n                    color: #7b8191 !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n\r\n        &.scrollable-layout {\r\n            .app-sidebar {\r\n                position: relative;\r\n            }\r\n        }\r\n\r\n        &.gradient-menu.color-header,\r\n        &.color-menu.color-header,\r\n        &.dark-menu.dark-header,\r\n        &.color-menu.gradient-header,\r\n        &.gradient-menu.gradient-header,\r\n        &.dark-header.color-menu,\r\n        &.dark-header.gradient-menu,\r\n        &.gradient-header.dark-menu,\r\n        &.color-header.dark-menu,\r\n        &.color-header.gradient-menu {\r\n            .horizontalMenucontainer .main-header.hor-header {\r\n                border-bottom: 1px solid rgba($white, 0.2) !important;\r\n            }\r\n        }\r\n\r\n        &.dark-theme {\r\n\r\n            &.gradient-menu.color-header,\r\n            &.color-menu.color-header,\r\n            &.dark-menu.dark-header,\r\n            &.color-menu.gradient-header,\r\n            &.gradient-menu.gradient-header,\r\n            &.dark-header.color-menu,\r\n            &.dark-header.gradient-menu,\r\n            &.gradient-header.dark-menu,\r\n            &.color-header.dark-menu,\r\n            &.color-header.gradient-menu,\r\n            &.gradient-menu.light-header {\r\n                .horizontalMenucontainer .main-header.hor-header {\r\n                    border-bottom: 1px solid rgba($white, 0.2) !important;\r\n                }\r\n            }\r\n\r\n            &.light-menu.light-header,\r\n            &.color-header.light-menu,\r\n            &.gradient-header.light-menu,\r\n            &.dark-header.light-menu {\r\n                .horizontalMenucontainer .main-header.hor-header {\r\n                    border-bottom: 1px solid $border;\r\n                }\r\n            }\r\n\r\n            &.light-header {\r\n                .header-logo {\r\n                    .mobile-logo.dark-logo-1 {\r\n                        display: none !important;\r\n                    }\r\n\r\n                    .mobile-logo.logo-1 {\r\n                        display: block !important;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .main-header-message .dropdown-menu {\r\n            z-index: 1025;\r\n        }\r\n\r\n        &.dark-menu,\r\n        &.light-menu,\r\n        &.color-menu,\r\n        &.gradient-menu {\r\n\r\n            .app-sidebar .slide-item.active,\r\n            .app-sidebar .slide-item:hover,\r\n            .app-sidebar .slide-item:focus {\r\n                color: $primary !important;\r\n            }\r\n\r\n            .app-sidebar .slide.is-expanded .slide-menu a:hover:before {\r\n                color: $primary !important;\r\n            }\r\n\r\n            .app-sidebar .slide.is-expanded .sub-slide-menu a:hover {\r\n                color: $primary !important;\r\n            }\r\n        }\r\n\r\n        &.color-menu,\r\n        &.dark-menu,\r\n        &.gradient-menu {\r\n            .side-menu .slide .side-menu__item.active {\r\n                border-right: 0px solid $white;\r\n                border-bottom: 3px solid $white;\r\n            }\r\n\r\n            .slide-menu a {\r\n                color: #7b8191 !important;\r\n            }\r\n\r\n            .app-sidebar .slide-menu .slide-item:before {\r\n                color: #7b8191 !important;\r\n            }\r\n\r\n            .slide-menu .sub-side-menu__item::before {\r\n                color: #7b8191 !important;\r\n            }\r\n\r\n            .slide .slide-menu a:hover::before {\r\n                color: #7b8191 !important;\r\n            }\r\n\r\n            .app-sidebar .slide .sub-side-menu__item:before {\r\n                color: #7b8191 !important;\r\n            }\r\n\r\n            &.dark-theme {\r\n                .slide-menu {\r\n                    background-color: $dark-theme;\r\n                    border: 1px solid #3e4152;\r\n                }\r\n\r\n                .slide-menu a {\r\n                    color: #a9abbd !important;\r\n                }\r\n\r\n                .app-sidebar .slide-menu .slide-item:before {\r\n                    color: #a9abbd !important;\r\n                }\r\n\r\n                .slide-menu .sub-side-menu__item::before {\r\n                    color: #a9abbd !important;\r\n                }\r\n\r\n                .slide .slide-menu a:hover::before {\r\n                    color: #a9abbd !important;\r\n                }\r\n\r\n                .app-sidebar .slide .sub-side-menu__item:before {\r\n                    color: #a9abbd !important;\r\n                }\r\n            }\r\n        }\r\n\r\n        &.color-header,\r\n        &.dark-header,\r\n        &.gradient-header {\r\n            .logo-1 {\r\n                display: none !important;\r\n            }\r\n\r\n            .dark-logo-1 {\r\n                display: block !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nbody.horizontal {\r\n    .vertical-switcher {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n@media (max-width:991.98px) {\r\n    .dark-theme {\r\n        .main-profile-menu .profile-user img {\r\n            box-shadow: 0px 4px 15px 0px rgba($black, 0.2) !important;\r\n        }\r\n    }\r\n\r\n    .light-theme {\r\n        .main-profile-menu .profile-user img {\r\n            box-shadow: 0px 4px 15px 0px #dbe4f9 !important;\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width:768px) {\r\n    .app.sidebar-mini.light-menu.hover-submenu1.dark-theme {\r\n        .app-sidebar {\r\n            border-right: 1px solid $border;\r\n        }\r\n    }\r\n\r\n    .app.sidebar-mini.sidenav-toggled.light-menu.hover-submenu1.dark-theme.sidenav-toggled-open {\r\n\r\n        .desktop-logo,\r\n        .desktop-dark,\r\n        .mobile-dark {\r\n            display: none !important;\r\n        }\r\n\r\n        .mobile-logo {\r\n            display: block !important;\r\n        }\r\n    }\r\n\r\n    .hover-submenu.dark-theme.app.sidenav-toggled-open.light-menu,\r\n    .hover-submenu1.dark-theme.app.sidenav-toggled-open.light-menu {\r\n        .slide-menu {\r\n            background: $white;\r\n            border: 1px solid #ededf5;\r\n        }\r\n    }\r\n\r\n    .hover-submenu.dark-theme.app.sidenav-toggled.light-menu,\r\n    .hover-submenu1.dark-theme.app.sidenav-toggled.light-menu {\r\n        .app-sidebar {\r\n            border-right: 1px solid $border !important;\r\n        }\r\n    }\r\n\r\n    .hover-submenu1.dark-theme.app.sidenav-toggled-open.light-menu .side-menu__label1 {\r\n        border-bottom: 1px solid $primary;\r\n    }\r\n\r\n    .hover-submenu.light-theme.dark-menu,\r\n    .hover-submenu1.light-theme.dark-menu,\r\n    .hover-submenu.dark-menu,\r\n    .hover-submenu1.dark-menu {\r\n        .side-menu__item .side-menu__icon {\r\n            fill: #bfc8de !important;\r\n            color: #bfc8de !important;\r\n        }\r\n\r\n        .side-menu__label {\r\n            color: #a9abbd !important;\r\n        }\r\n\r\n        .slide-menu {\r\n            background: #2a2e3f !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n\r\n            .slide-item {\r\n                color: #a9abbd !important;\r\n\r\n                .sub-side-menu__label {\r\n                    color: #a9abbd !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .hover-submenu.dark-theme.dark-menu,\r\n    .hover-submenu1.dark-theme.dark-menu {\r\n        .side-menu__item .side-menu__icon {\r\n            fill: #bfc8de;\r\n            color: #bfc8de;\r\n        }\r\n\r\n        .side-menu__label {\r\n            color: #a9abbd;\r\n        }\r\n\r\n        .slide-menu {\r\n            background: #2a2e3f !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n\r\n            .slide-item {\r\n                color: #a9abbd !important;\r\n\r\n                .sub-side-menu__label {\r\n                    color: #a9abbd;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n}\r\n\r\n@media (min-width:991.98px) {\r\n    .horizontal.dark-theme.light-header.light-menu {\r\n        .app-sidebar .slide a {\r\n            color: #a9abbd !important;\r\n        }\r\n\r\n        .slide-menu .slide-item:before {\r\n            border-color: #a9abbd;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n/*----------! Horizontal Styles ----------*/\r\n\r\n.rtl {\r\n    @media (min-width: 992px) {\r\n        &.color-header .main-header-left .btn {\r\n            border: 0px !important;\r\n            border-radius: 5px 0px 0px 5px !important;\r\n        }\r\n\r\n        &.dark-header .main-header-left .btn {\r\n            border: 1px solid #3c3c4c !important;\r\n            border-right: 0px !important;\r\n        }\r\n    }\r\n\r\n    @media (min-width:991.98px) {\r\n\r\n        &.sidenav-toggled.gradient-header.light-menu.dark-theme.sideicon-menu,\r\n        &.sidenav-toggled.gradient-header.light-menu.dark-theme.icontext-menu {\r\n            .app-sidebar {\r\n                border-left: 1px solid $border;\r\n            }\r\n\r\n            .main-sidebar-header {\r\n                border-left: 1px solid $border;\r\n            }\r\n\r\n            .main-header-left .btn {\r\n                border-left: 0px solid #404353 !important;\r\n            }\r\n        }\r\n\r\n        &.dark-theme.fixed-layout.light-header.closed-menu.sidenav-toggled.light-menu,\r\n        &.dark-theme.fixed-layout.light-header.closed-menu.sidenav-toggled.dark-menu,\r\n        &.dark-theme.fixed-layout.light-header.closed-menu.sidenav-toggled.color-menu,\r\n        &.dark-theme.fixed-layout.light-header.closed-menu.sidenav-toggled.gradient-menu,\r\n        &.sidenav-toggled.gradient-header.light-menu.dark-theme.closed-menu,\r\n        &.fixed-layout.default-menu.gradient-menu.gradient-header,\r\n        &.fixed-layout.default-menu.gradient-menu.light-header,\r\n        &.dark-theme.fixed-layout.default-menu.light-header.dark-menu,\r\n        &.dark-theme.fixed-layout.default-menu.light-header.color-menu,\r\n        &.dark-theme.fixed-layout.default-menu.light-header.light-menu {\r\n            .main-header-left .btn {\r\n                border-left: 0px solid #404353 !important;\r\n            }\r\n        }\r\n\r\n        &.gradient-header.light-menu.dark-theme.default-menu {\r\n            .app-sidebar {\r\n                border-left: 1px solid $border;\r\n            }\r\n\r\n            .main-sidebar-header {\r\n                border-left: 1px solid $border;\r\n            }\r\n\r\n            .main-header-left .btn {\r\n                border-left: 0px solid #404353 !important;\r\n            }\r\n        }\r\n\r\n        &.dark-theme.fixed-layout.default-menu.light-header.light-menu {\r\n            .app-sidebar {\r\n                border-left: 1px solid $border;\r\n            }\r\n\r\n            .main-sidebar-header {\r\n                border-left: 1px solid $border;\r\n            }\r\n        }\r\n\r\n        &.dark-menu,\r\n        &.color-menu {\r\n            .app-sidebar {\r\n                .main-sidebar-header {\r\n                    border-left: 1px solid rgba($white, 0.2);\r\n                }\r\n            }\r\n        }\r\n\r\n        &.gradient-menu .app-sidebar,\r\n        &.color-menu .app-sidebar,\r\n        &.dark-menu .app-sidebar {\r\n            border-left: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        &.hover-submenu.dark-theme.app.sidenav-toggled.light-menu {\r\n            .main-sidebar-header {\r\n                border-left: 1px solid $border;\r\n            }\r\n\r\n            .main-header-left .btn {\r\n                border-left: 0px solid #404353 !important;\r\n            }\r\n        }\r\n\r\n        &.hover-submenu1.dark-theme.app.sidenav-toggled.light-menu {\r\n            .main-sidebar-header {\r\n                border-left: 1px solid $border;\r\n            }\r\n\r\n            .main-header-left .btn {\r\n                border-left: 0px solid #404353 !important;\r\n            }\r\n        }\r\n\r\n        &.hover-submenu1.dark-theme.light-menu.app.sidenav-toggled-open .side-menu__label1 {\r\n            border-bottom: 1px solid $primary;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n\r\n        &.layout-boxed.sidenav-toggled.hover-submenu1.dark-theme.gradient-header,\r\n        &.layout-boxed.sidenav-toggled.hover-submenu.dark-theme.gradient-header {\r\n            .main-header-left .btn {\r\n                border-left: 0px !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.rtl {\r\n    .theme-switch .demo-icon {\r\n        margin: 0 auto !important;\r\n    }\r\n}\r\n\r\n@media (min-width:1500px) {\r\n    .rtl.layout-boxed {\r\n        .app-content {\r\n            margin-left: initial !important;\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .rtl.app.sidebar-mini.sidenav-toggled .side-menu .slide .side-menu__item {\r\n        padding: 10px 22px 10px 20px !important;\r\n    }\r\n\r\n    .rtl.hover-submenu,\r\n    .rtl.hover-submenu1,\r\n    .rtl.icontext-menu {\r\n        .side-menu .slide .side-menu__item {\r\n            padding: 10px 30px 10px 91px !important;\r\n            margin: 0;\r\n            border-radius: 0;\r\n        }\r\n    }\r\n\r\n    .main-body.app.sidebar-mini.transparent-theme.layout-boxed.ltr.sidenav-toggled.hover-submenu1.sidenav-toggled-open,\r\n    .main-body.app.sidebar-mini.transparent-theme.layout-boxed.ltr.sidenav-toggled.hover-submenu.sidenav-toggled-open,\r\n    .main-body.app.rtl.transparent-theme.sidebar-mini.hover-submenu.sidenav-toggled,\r\n    .main-body.app.rtl.transparent-theme.sidebar-mini.hover-submenu1.sidenav-toggled {\r\n        .app-sidebar .main-sidebar-header .header-logo {\r\n\r\n            .desktop-logo,\r\n            .desktop-dark,\r\n            .mobile-logo {\r\n                display: none !important;\r\n            }\r\n\r\n            .mobile-dark {\r\n                display: block !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    .main-body.app.rtl.transparent-theme.sidebar-mini.hover-submenu,\r\n    .main-body.app.sidebar-mini.rtl.transparent-theme.layout-boxed.sidenav-toggled.sideicon-menu.sidenav-toggled-open {\r\n        .app-sidebar .main-sidebar-header .header-logo {\r\n\r\n            .desktop-logo,\r\n            .mobile-dark,\r\n            .mobile-logo {\r\n                display: none !important;\r\n            }\r\n\r\n            .desktop-dark {\r\n                display: block !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    .ltr.main-body.app.sidebar-mini.hover-submenu1 {\r\n        .side-menu__label1 {\r\n            display: none !important;\r\n        }\r\n    }\r\n\r\n    .ltr.main-body.app.sidebar-mini.hover-submenu1.sidenav-toggled.sidenav-toggled-open {\r\n        .side-menu__label1 {\r\n            display: block !important;\r\n        }\r\n    }\r\n}\r\n\r\n.main-body.app.sidebar-mini.rtl.dark-theme.light-menu.light-header.sidebar-gone.sidenav-toggled {\r\n    .side-menu .slide .side-menu__item.active .side-menu__label {\r\n        color: #4a4a69 !important;\r\n    }\r\n\r\n    .app-sidebar .side-item.side-item-category {\r\n        color: #7b8191 !important;\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n\r\n    .hover-submenu.light-theme.dark-menu.sidebar-mini .slide-menu,\r\n    .hover-submenu1.light-theme.dark-menu.sidebar-mini .slide-menu,\r\n    .hover-submenu.dark-menu.sidebar-mini .slide-menu,\r\n    .hover-submenu1.dark-menu.sidebar-mini .slide-menu {\r\n        border: 0 !important;\r\n    }\r\n}\r\n\r\n// @media (min-width: 992px) {\r\n//     .horizontal.scrollable-layout .main-sidemenu .slide-left, .horizontal.scrollable-layout .main-sidemenu .slide-right {\r\n//         top: inherit;\r\n//     }\r\n// }\r\n.transparent-theme.main-body.app.sidebar-mini.sidenav-toggled.rtl {\r\n\r\n    .mobile-logo,\r\n    .desktop-logo,\r\n    .desktop-dark {\r\n        display: none;\r\n    }\r\n\r\n    .mobile-dark {\r\n        display: block;\r\n    }\r\n}\r\n\r\n.transparent-theme.main-body.app.sidebar-mini.sidenav-toggled-open.rtl {\r\n\r\n    .mobile-logo,\r\n    .desktop-logo,\r\n    .mobile-dark {\r\n        display: none;\r\n    }\r\n\r\n    .desktop-dark {\r\n        display: block;\r\n    }\r\n}\r\n\r\n@media (max-width:991.98px) {\r\n    .transparent-theme{\r\n        .main-header.sticky.hor-header.sticky-pin.fixed-header {\r\n            background-color: $primary;\r\n        }\r\n    }\r\n}\r\n\r\n.dark-theme.light-menu .slide-item.active,\r\n.dark-theme.light-menu .slide-item:hover,\r\n.dark-theme.light-menu .slide-item:focus {\r\n    color: $primary !important;\r\n}\r\n\r\n.dark-theme.light-menu .app-sidebar .slide-item {\r\n    color: #5b5858 !important;\r\n}\r\n\r\n.dark-theme.light-menu .app-sidebar .slide-item.active {\r\n    color: $primary !important;\r\n}\r\n\r\n.gradient-menu,\r\n.color-menu {\r\n\r\n    #slide-left,\r\n    #slide-right {\r\n        svg {\r\n            fill: $white;\r\n        }\r\n    }\r\n}\r\n\r\n.color-menu .sub-slide-menu .sub-side-menu__item.active {\r\n    color: $white !important;\r\n}\r\n\r\n.dark-theme.light-menu.horizontal {\r\n    .horizontal-main {\r\n        .main-sidemenu {\r\n            .side-menu {\r\n                .slide {\r\n                    .slide-menu {\r\n                        .slide-item {\r\n                            color: $white-5 !important;\r\n\r\n                            &.active {\r\n                                color: $primary !important;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.color-menu .sub-slide-menu .sub-side-menu__item:before,.gradient-menu .sub-slide-menu .sub-side-menu__item:before {\r\n    color: $white-5;\r\n}\r\n\r\n.rtl.dark-theme.light-menu.light-header .main-sidebar-header {\r\n    border-left-color: $border;\r\n}\r\n\r\n@media (max-width: 991.98px) {\r\n    .transparent-theme.main-body.app.sidebar-mini.sidenav-toggled .mobile-logo.dark-logo-1 {\r\n        display: block !important;\r\n    }\r\n\r\n    .dark-theme.light-header.sidebar-gone.horizontal {\r\n        .main-header.sticky.hor-header.sticky-pin.fixed-header {\r\n            background-color: $white;\r\n        }\r\n    }\r\n\r\n    .dark-theme.horizontal {\r\n        .hor-header.sticky-pin {\r\n\r\n            .header-icon,\r\n            .navbar-toggler-icon {\r\n                color: $white;\r\n            }\r\n\r\n            .header-icon-svgs {\r\n                fill: $white;\r\n            }\r\n        }\r\n    }\r\n    .dark-theme.light-menu .side-menu .slide .side-menu__item.active .side-menu__label {\r\n        color: #2a2e3f !important;\r\n    }\r\n    .dark-theme.light-menu .app-sidebar .side-item.side-item-category {\r\n        color: #2a2e3f;\r\n    }\r\n}\r\n\r\n@media only screen and (max-width: 991px) {\r\n    .dark-theme.horizontal.light-menu.light-header .main-header {\r\n        box-shadow: 0 0 10px $white-8 !important;\r\n    }\r\n}\r\n\r\n.dark-theme.gradient-menu.horizontal .slide.is-expanded .side-menu__label,\r\n.dark-theme.gradient-menu.horizontal .slide.is-expanded .side-menu__icon,\r\n.dark-theme.gradient-menu.horizontal .slide.is-expanded .angle {\r\n    color: $white-8 !important;\r\n}\r\n\r\n.dark-theme.light-menu.horizontal .app-sidebar .side-menu .slide a {\r\n    color: $white-5;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .dark-theme.light-menu.horizontal .sticky.is-expanded.sticky-pin .side-menu,\r\n    .light-theme.horizontal .sticky.is-expanded.sticky-pin .side-menu {\r\n        .side-menu__item.active {\r\n            .side-menu__icon {\r\n                fill: $primary !important;\r\n            }\r\n\r\n            .side-menu__label {\r\n                color: #4a4a69 !important;\r\n            }\r\n        }\r\n\r\n        .slide .side-menu__item.active {\r\n            border-bottom-color: $primary;\r\n        }\r\n    }\r\n    .light-theme.color-menu.horizontal .sticky.is-expanded.sticky-pin .side-menu,.light-theme.gradient-menu.horizontal .sticky.is-expanded.sticky-pin .side-menu{\r\n        .side-menu__item.active {\r\n            .side-menu__icon {\r\n                fill: $white !important;\r\n            }\r\n\r\n            .side-menu__label {\r\n                color: $white !important;\r\n            }\r\n        }\r\n\r\n        .slide .side-menu__item.active {\r\n            border-bottom-color: $white;\r\n        }\r\n    }\r\n    .light-theme.dark-menu.horizontal .sticky.is-expanded.sticky-pin .side-menu{\r\n        .side-menu__item.active {\r\n            .side-menu__label {\r\n                color: $white !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n.gradient-menu .app-sidebar.horizontal-main {\r\n    background: linear-gradient(to right, $primary 0%, #6dd5ed 100%) !important;\r\n}\r\n.dark-theme.light-header.color-menu.horizontal .horizontalMenucontainer .main-header.hor-header {\r\n    border-bottom-color: rgba(255, 255, 255, 0.2);\r\n}\r\n@media (min-width: 1500px) {\r\n    body.layout-boxed.transparent-theme.light-header .main-header-left .btn {\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n}\r\n.transparent-theme.horizontal {\r\n    .sticky-pin{\r\n        .horizontal-main {\r\n            .side-menu__item:hover .side-menu__icon, .side-menu__item:hover .side-menu__label, .side-menu__item:hover .angle {\r\n                color: $white !important;\r\n                fill: $white !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n.rtl.dark-theme.light-menu.light-header.scrollable-layout .app-sidebar {\r\n    border-left: 1px solid #f3f3f8;\r\n    border-right: inherit;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .color-header.color-menu, .dark-header.dark-menu, .gradient-header.gradient-menu {\r\n        &.hover-submenu1.sidenav-toggled.sidenav-toggled-open {\r\n            .responsive-logo .logo-1 {\r\n            display: none !important;\r\n            }\r\n            .responsive-logo .dark-logo-1 {\r\n                display: block !important;\r\n            }\r\n        }\r\n    }   \r\n}    \r\n.rtl.dark-theme.light-menu.color-header .main-sidebar-header {\r\n    border-left: 1px solid $white-5;\r\n}                                               \r\n"]}