{"version":3,"sources":["../scss/_variables.scss","skins.scss"],"names":[],"mappings":"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","file":"skins.css","sourcesContent":["\r\n$primary:var(--primary-bg-color);\r\n$primary-01:var(--primary01);\r\n$primary-02:var(--primary02);\r\n$primary-03:var(--primary03);\r\n$primary-06:var(--primary06);\r\n$primary-09:var(--primary09);\r\n$primary-005:var(--primary005);\r\n$primary-hover:var(--primary-bg-hover);\r\n$primary-border:var(--primary-bg-border);\r\n$primary-transparent:var(--primary-transparentcolor);\r\n$darkprimary-transparent:var(--darkprimary-transparentcolor);\r\n$transparentprimary-transparent:var(--transparentprimary-transparentcolor);\r\n$secondary:#eb6f33;\r\n$pink:#f10075;\r\n$teal:#00cccc;\r\n$purple:#6f42c1;\r\n$success:#28a745;\r\n$warning:#ffc107;\r\n$danger:#ff473d;\r\n$info:#01b8ff;\r\n$orange:#fd7e14;\r\n$red:#fb0d0d;\r\n$lime:#0de00d;\r\n$dark:#030303;\r\n$indigo:#4d6a98;\r\n$cyan:#17a2b8;\r\n$light:#f2f2f9;\r\n$green:#0eef04;\r\n$blue:#0768f1;\r\n$yellow:#ffc107;\r\n$maroon: #c71919;\r\n$aqua: #03f1f1;\r\n$gray:#8c9196;\r\n$darkgray:#343a40;\r\n$azure:#45aaf2;\r\n$white:#ffffff;\r\n$black:#000000;\r\n$muted:#99a6b7;\r\n\r\n/*Gradient variables*/\r\n\r\n$primary-gradient:linear-gradient(to bottom right, $primary 0%, #8e77fa 100%);\r\n$secondary-gradient:linear-gradient(to bottom right, #82cff2 0%, #28b7f9 100%);\r\n$warning-gradient:linear-gradient(to bottom right, #f66b4e 0%, #fbc434 100%);\r\n$info-gradient:linear-gradient(to bottom right, #1e63c3 0%, #00f2fe 100%);\r\n$danger-gradient:linear-gradient(to bottom right, #b51b35 0%, #fd4a68 100%);\r\n$success-gradient:linear-gradient(to bottom right, #1ea38f 0%, #5cf9e2 100%);\r\n\r\n/*white variables*/\r\n\r\n$white-1:rgba(255, 255, 255, 0.1);\r\n$white-2:rgba(255, 255, 255, 0.2);\r\n$white-3:rgba(255, 255, 255, 0.3);\r\n$white-4:rgba(255, 255, 255, 0.4);\r\n$white-5:rgba(255, 255, 255, 0.5);\r\n$white-6:rgba(255, 255, 255, 0.6);\r\n$white-7:rgba(255, 255, 255, 0.7);\r\n$white-8:rgba(255, 255, 255, 0.8);\r\n$white-9:rgba(255, 255, 255, 0.9);\r\n$white-05:rgba(255, 255, 255, 0.05);\r\n$white-08:rgba(255, 255, 255, 0.08);\r\n$white-75:rgba(255, 255, 255, 0.075);\r\n\r\n/*black variables*/\r\n\r\n$black-1:rgba(0, 0, 0, 0.1);\r\n$black-2:rgba(0, 0, 0, 0.2);\r\n$black-3:rgba(0, 0, 0, 0.3);\r\n$black-4:rgba(0, 0, 0, 0.4);\r\n$black-5:rgba(0, 0, 0, 0.5);\r\n$black-6:rgba(0, 0, 0, 0.6);\r\n$black-7:rgba(0, 0, 0, 0.7);\r\n$black-8:rgba(0, 0, 0, 0.8);\r\n$black-9:rgba(0, 0, 0, 0.9);\r\n$black-05:rgba(0, 0, 0, 0.05);\r\n\r\n\r\n$shadow:0 5px 15px 5px rgba(80, 102, 224, 0.08);\r\n$dark-theme:#1e2448;\r\n$dark-theme1:#252542;\r\n$dark-theme2:#16192f;\r\n$dark-theme3:#181d3e;\r\n\r\n/*shadow variables*/\r\n\r\n/*Dark Theme Variables*/\r\n\r\n$dark-body:#101329;\r\n$dark-theme-1:#1c1c38;\r\n$text-color:#dedefd;\r\n$border-dark: #2d2d46;\r\n$dark-card-shadow:0 3px 9px 0 rgba(28, 28, 51, 0.15);\r\n\r\n/*Transparent variables*/\r\n\r\n$transparent-primary:$primary;\r\n$transparent-theme:rgba(0, 0, 0, 0.2);\r\n$transparent-theme-1:rgba(0, 0, 0, 0.3);\r\n$transparent-body:var(--transparent-body);\r\n$border-transparent:rgba(255, 255, 255, 0.1);\r\n\r\n$background: #eff1f9;\r\n$color:#334151;\r\n\r\n/*shadow variables*/\r\n$shadow: 0 8px 16px 0 rgba(162, 169, 204,.24);\r\n\r\n/*border variables*/\r\n$border: #e1e6f1;\r\n\r\n\r\n/* dark theme */\r\n$dark-theme:#101329;\r\n\r\n\t\r\n\r\n","@import \"../scss/variables\";\n\n/*---- Header Style ----*/\n\n@media (max-width: 575.98px) {\n  .light-header .hor-header {\n    .main-logo .header-brand-img.icon-logo {\n      display: none !important;\n    }\n\n    .header-brand-img {\n      &.desktop-logo.theme-logo {\n        display: none !important;\n      }\n\n      &.icon-logo.theme-logo {\n        display: block !important;\n      }\n    }\n  }\n}\n\n.dark-theme.light-header {\n  &.horizontal .header-brand-img.desktop-logo {\n    display: block;\n\n    &.theme-logo {\n      display: none !important;\n    }\n  }\n\n  .main-header {\n    background: $white;\n    border-bottom: 1px solid #cdcdcd40 !important;\n  }\n\n  .main-header-right .nav-link.icon {\n    color: $black;\n  }\n\n  .main-header-menu-icon span {\n    &::before,\n    &::after {\n      background-color: $dark-theme-1;\n    }\n\n    background-color: $dark-theme-1;\n  }\n}\n\n.dark-header .main-header-right .nav-link.icon {\n  color: $white;\n}\n\n.dark-theme.light-header .main-header-center .form-control {\n  border-color: transparent;\n  background-color: $white;\n\n  &:focus {\n    background-color: $white;\n    border-color: transparent;\n    color: $black;\n  }\n}\n\n/*dark*/\n\n.dark-header {\n  .main-header {\n    background: $dark-theme-1;\n    border-bottom: 1px solid $border-dark !important;\n  }\n\n  .hor-header .header-brand-img.desktop-logo {\n    display: none !important;\n\n    &.theme-logo {\n      display: block !important;\n    }\n  }\n\n  .main-header-menu-icon span {\n    background-color: $white;\n\n    &::before,\n    &::after {\n      background-color: $white;\n    }\n  }\n\n  .main-header-center .form-control {\n    border-color: transparent;\n  }\n\n  .main-header-message > a,\n  .main-header-notification > a {\n    color: $white;\n  }\n}\n\n.dark-theme.dark-header {\n  .main-header {\n    background: $dark-theme-1;\n    border-bottom: 1px solid #282842 !important;\n  }\n\n  .main-header-center .form-control {\n    border-color: transparent;\n    background-color: $white;\n\n    &:focus {\n      background-color: $white;\n      border-color: transparent;\n      color: $black;\n    }\n  }\n}\n\n/*Color*/\n\n.color-header {\n  .main-header {\n    background: $primary;\n    border-bottom: 1px solid #ffffff1a !important;\n  }\n\n  .hor-header .header-brand-img.desktop-logo {\n    display: none !important;\n\n    &.theme-logo {\n      display: block !important;\n    }\n  }\n\n  .main-header-right .nav-link.icon {\n    color: $white;\n  }\n\n  .main-header-menu-icon span {\n    background-color: $white;\n\n    &::before,\n    &::after {\n      background-color: $white;\n    }\n  }\n\n  .main-header-center .form-control {\n    border-color: transparent;\n  }\n\n  .main-header-message > a,\n  .main-header-notification > a {\n    color: $white;\n  }\n}\n\n.app.sidebar-mini.color-header {\n  .header-brand-img.desktop-logo {\n    display: none !important;\n\n    &.theme-logo {\n      display: block !important;\n    }\n  }\n\n  .nav-link.toggle span {\n    background-color: $white;\n\n    &::before,\n    &::after {\n      background-color: $white;\n    }\n  }\n}\n\n.dark-theme.color-header {\n  .main-header {\n    background: $primary;\n    border-bottom: 1px solid #8f6bf9 !important;\n  }\n\n  .main-header-center .form-control {\n    border-color: transparent;\n    background-color: $white;\n\n    &:focus {\n      background-color: $white;\n      border-color: transparent;\n      color: $black;\n    }\n  }\n}\n\n/*gradient-Color*/\n\n.gradient-header {\n  .main-header-center .form-control {\n    border-color: transparent;\n  }\n\n  .main-header {\n    background: linear-gradient(310.6deg, rgb(141, 47, 212) 6.8%, rgb(123, 86, 232) 57.8%);\n    border-bottom: 1px solid transparent !important;\n  }\n\n  .hor-header .header-brand-img.desktop-logo {\n    display: none !important;\n\n    &.theme-logo {\n      display: block !important;\n    }\n  }\n\n  .main-header-right .nav-link.icon {\n    color: $white;\n  }\n\n  .main-header-menu-icon span {\n    background-color: $white;\n\n    &::before,\n    &::after {\n      background-color: $white;\n    }\n  }\n\n  .main-header-message > a,\n  .main-header-notification > a {\n    color: $white;\n  }\n}\n\n.app.sidebar-mini.gradient-header {\n  .header-brand-img.desktop-logo {\n    display: none !important;\n\n    &.theme-logo {\n      display: block !important;\n    }\n  }\n\n  .nav-link.toggle span {\n    background-color: $white;\n\n    &::before,\n    &::after {\n      background-color: $white;\n    }\n  }\n}\n\n.dark-theme {\n  &.gradient-header .main-header-center .form-control {\n    border-color: transparent;\n    background-color: $white;\n\n    &:focus {\n      background-color: $white;\n      border-color: transparent;\n      color: $black;\n    }\n  }\n\n  &.light-horizontal .side-menu {\n    background-color: $white;\n\n    .nav-link {\n      color: #1c273c;\n    }\n\n    .nav-item {\n      &.active .nav-link,\n      &:hover .nav-link {\n        color: $primary;\n      }\n    }\n  }\n\n  &.light-menu .main-sidebar-body,\n  &.color-menu .main-sidebar-body,\n  &.dark-menu .main-sidebar-body,\n  &.gradient-menu .main-sidebar-body {\n    border-top: 0px solid #f1f0f0e3;\n  }\n\n  &.light-menu {\n    .side-menu {\n      background: $white;\n    }\n\n    .sidemenu-logo {\n      background: $white;\n      border-right: 1px solid #f1f0f0;\n      border-bottom: 1px solid #f1f0f0;\n    }\n\n    .side-menu .sidemenu-logo .header-brand-img.desktop-logo {\n      display: block !important;\n\n      &.theme-logo {\n        display: none !important;\n      }\n    }\n\n    .main-sidemenu {\n      .nav-label {\n        color: #99a6b7;\n      }\n\n      .nav-link {\n        color: #1c273c;\n      }\n\n      border-top: 0px solid $border;\n\n      .nav-item {\n        &.active .nav-link,\n        &:hover .nav-link {\n          color: $primary;\n        }\n      }\n\n      .nav-sub-link {\n        color: $black;\n      }\n\n      .nav-sub .nav-sub-link:before {\n        color: #68798b;\n      }\n\n      .nav-sub-link {\n        &:hover,\n        &:focus {\n          color: $primary;\n        }\n      }\n    }\n\n    &.main-sidebar-hide {\n      .side-menu .main-logo {\n        .icon-logo {\n          display: block !important;\n        }\n\n        .desktop-logo,\n        .icon-logo.theme-logo {\n          display: none !important;\n        }\n      }\n\n      &.main-sidebar-open .side-menu .main-logo {\n        .desktop-logo {\n          display: block !important;\n\n          &.theme-logo {\n            display: none !important;\n          }\n        }\n\n        .icon-logo {\n          display: none !important;\n        }\n      }\n    }\n\n    .main-sidemenu .nav-sub-item.active > .nav-sub-link {\n      color: $primary;\n    }\n  }\n}\n\n/*---- Horizontal menu Style ----*/\n\n/*---- Left-menu Style ----*/\n\n/*Color menu*/\n@media (min-width: 992px) {\n  .dark-theme {\n    &.color-menu .main-navbar {\n      .nav-sub {\n        background-color: $primary !important;\n        border-top: 1px solid #9370fb;\n      }\n\n      .nav-link.with-sub::before {\n        border-top-color: rgb(147, 112, 251);\n        border-left-color: rgb(147, 112, 251);\n        background-color: $primary;\n      }\n    }\n\n    &.gradient-menu .main-navbar {\n      .nav-sub,\n      .nav-sub1,\n      .nav-sub2 {\n        background-color: #8443de;\n        border: 1px solid #8b4bc1;\n      }\n\n      .nav-link.with-sub::before {\n        border-top-color: #8050a5;\n        border-left-color: #8050a5;\n        background-color: #8443de;\n      }\n    }\n\n    &.color-menu .ps > .ps__rail-y > .ps__thumb-y,\n    &.gradient-menu .ps > .ps__rail-y > .ps__thumb-y {\n      background: rgba(0, 0, 0, 0.07);\n    }\n\n    &.light-menu .ps > .ps__rail-y > .ps__thumb-y {\n      background: rgba(0, 0, 0, 0.2);\n    }\n    &.light-menu .main-navbar .nav-link.with-sub::before {\n      border-top-color: #f1f0f0;\n      border-left-color: #f1f0f0;\n      background-color: #f1f0f0;\n    }\n    &.light-menu .main-navbar .nav-sub {\n      border: 1px solid #f1ebeb;\n      box-shadow: 0 5px 12px 0 $white-1;\n    }\n  }\n  .color-menu .main-navbar {\n    .nav-sub1,\n    .nav-sub2 {\n      background-color: $primary;\n      border: 1px solid  $white-2;\n    }\n\n    .nav-link.with-sub::before {\n      border-top-color: $white-2;\n      border-left-color:  $white-2;\n      background-color: $primary;\n    }\n\n    .nav-sub {\n      background-color: $primary;\n      border-top: 1px solid  $white-2;\n    }\n  }\n\n  .dark-menu .main-navbar {\n    .nav-sub1,\n    .nav-sub2 {\n      background-color: $dark-theme-1;\n      border: 1px solid #262132;\n    }\n\n    .nav-link.with-sub::before {\n      border-top-color: #262132;\n      border-left-color: #262132;\n      background-color: $dark-theme-1;\n    }\n\n    .nav-sub {\n      background-color: $dark-theme-1;\n      border-top: 1px solid #262132;\n    }\n    \n  }\n  .light-menu .main-navbar {\n    .nav-sub,\n    .nav-sub1,\n    .nav-sub2 {\n      background-color: $white !important;\n      border-top: 1px solid #f1f0f0;\n    }\n\n    .nav-link.with-sub::before {\n      border-top-color: #f1f0f0;\n      border-left-color: #f1f0f0;\n      background-color: #f1f0f0;\n    }\n  }\n\n  .gradient-menu .main-navbar {\n    .nav-sub,\n    .nav-sub1,\n    .nav-sub2 {\n      background-color: #8443de;\n      border: 1px solid #8b4bc1;\n    }\n\n    .nav-link.with-sub::before {\n      border-top-color: #8050a5;\n      border-left-color: #8050a5;\n      background-color: #8443de;\n    }\n  }\n  .color-menu.horizontal .main-navbar {\n    .slide-left,\n    .slide-right {\n      background: #7253cd !important;\n      border: 1px solid $primary !important;\n    }\n  }\n\n  .gradient-menu.horizontal .main-navbar {\n    .slide-left,\n    .slide-right {\n      background: #7253cd !important;\n      border: 1px solid $primary !important;\n    }\n  }\n\n  .light-menu.horizontal .main-navbar {\n    .slide-left,\n    .slide-right {\n      background: #fbf9ff  !important;\n      border: 1px solid #e1e1f3 !important;\n    }\n  }\n  \n  .dark-menu.horizontal .main-navbar {\n    .slide-left,\n    .slide-right {\n      background: $dark-theme-1  !important;\n      border: 1px solid #505050 !important;\n    }\n  }\n}\n\n.color-menu {\n  .side-menu {\n    .nav-sub-link.with-sub1 i.angle1,\n    .nav-sub-item.show .nav-sub-link.with-sub1 i.angle1 {\n      color: $white-7;\n    }\n\n    .nav-sub1 {\n      .nav-sub-item.show .nav-sub-link.with-sub2 i.angle2,\n      .nav-sub-link.with-sub2 i.angle2 {\n        color: $white-7;\n      }\n    }\n  }\n  .sidemenu-logo {\n    background: $primary;\n    border-right: 1px solid $white-2;\n    border-bottom: 1px solid  $white-2;\n  }\n\n  .side-menu {\n    background: $primary;\n    border-right: 1px solid transparent;\n\n    .sidemenu-logo .header-brand-img.desktop-logo {\n      display: none;\n\n      &.theme-logo {\n        display: block !important;\n      }\n    }\n  }\n\n  .main-sidemenu {\n    .nav-label {\n      color: $white-2;\n    }\n\n    .nav-link {\n      color: $white;\n    }\n\n    border-top: 0px solid $white-1 !important;\n\n    .nav-item {\n      &.active .nav-link,\n      &:hover .nav-link {\n        color: #e0d8f7;\n      }\n    }\n\n    .nav-sub-link,\n    .nav-sub-item.active > .nav-sub-link,\n    .nav-sub .nav-sub-link:before {\n      color: $white-7;\n    }\n\n    .nav-sub-link {\n      &:hover,\n      &:focus {\n        color: $white-7;\n      }\n    }\n  }\n\n  .side-menu .nav-link.with-sub .badge-primary {\n    background: rgba(0, 0, 0, 0.1);\n  }\n\n  &.main-sidebar-hide {\n    .side-menu .main-logo {\n      .icon-logo,\n      .desktop-logo.theme-logo {\n        display: none !important;\n      }\n\n      .icon-logo.theme-logo {\n        display: block !important;\n      }\n    }\n\n    &.main-sidebar-open .side-menu .main-logo {\n      .desktop-logo.theme-logo {\n        display: block !important;\n      }\n\n      .icon-logo.theme-logo {\n        display: none !important;\n      }\n    }\n  }\n\n  &.main-body .main-sidemenu .nav-sub-item.active > .nav-sub-link {\n    color: $white-7;\n  }\n}\n\n.app.sidebar-mini.color-menu {\n  .first-sidemenu {\n    background: $primary;\n  }\n\n  .resp-vtabs {\n    ul.resp-tabs-list {\n      background: $primary;\n      color: $white;\n    }\n\n    .resp-tabs-list li {\n      border: 1px solid rgba(255, 255, 255, 0.07) !important;\n    }\n\n    li {\n      &.active {\n        background: $white-1 !important;\n        border-right: 0px !important;\n      }\n\n      &:hover {\n        background: $white-1 !important;\n        border-right: 0 !important;\n      }\n\n      &.resp-tab-active {\n        border-right: 0 !important;\n        background-color: rgba(2, 2, 2, 0.1) !important;\n      }\n    }\n  }\n}\n\n.dark-theme.color-menu {\n  .side-menu {\n    background: $primary;\n  }\n\n  .sidemenu-logo {\n    background: $primary;\n    border-right: 1px solid #9071ed;\n    border-bottom: 1px solid #9071ed;\n  }\n\n  .main-sidemenu {\n    .nav-label,\n    .nav-sub .nav-sub-link:before {\n      color: $white-5;\n    }\n\n    .nav-sub-link {\n      &:hover,\n      &:focus {\n        color: $white-7;\n      }\n    }\n  }\n}\n\n/*Dark left-menu*/\n\n.dark-menu {\n  .side-menu {\n    .nav-sub-link.with-sub1 i.angle1,\n    .nav-sub-item.show .nav-sub-link.with-sub1 i.angle1 {\n      color: $white-7;\n    }\n\n    .nav-sub1 {\n      .nav-sub-item.show .nav-sub-link.with-sub2 i.angle2,\n      .nav-sub-link.with-sub2 i.angle2 {\n        color: $white-7;\n      }\n    }\n  }\n\n  .sidemenu-logo {\n    background: $dark-theme-1;\n    border-right: 1px solid #262132;\n    border-bottom: 1px solid #262132;\n  }\n\n  .side-menu {\n    background: $dark-theme-1;\n    border-right: 1px solid transparent;\n\n    .sidemenu-logo .header-brand-img.desktop-logo {\n      display: none;\n\n      &.theme-logo {\n        display: block !important;\n      }\n    }\n  }\n\n  .main-sidemenu {\n    .nav-label {\n      color: #626377;\n    }\n\n    .nav-link {\n      color: $white;\n    }\n\n    border-top: 0px solid $white-1 !important;\n\n    .nav-item {\n      &.active .nav-link,\n      &:hover .nav-link {\n        color: #ac92fb;\n      }\n    }\n\n    .nav-sub-link {\n      color: rgba(255, 255, 255, 0.7);\n    }\n\n    .nav-sub .nav-sub-link:before {\n      color: $white-7;\n    }\n\n    .nav-sub-link {\n      &:hover,\n      &:focus {\n        color: #ac92fb;\n      }\n    }\n  }\n\n  &.main-sidebar-hide {\n    .side-menu .main-logo {\n      .icon-logo,\n      .desktop-logo.theme-logo {\n        display: none !important;\n      }\n\n      .icon-logo.theme-logo {\n        display: block !important;\n      }\n    }\n\n    &.main-sidebar-open .side-menu .main-logo {\n      .desktop-logo.theme-logo {\n        display: block !important;\n      }\n\n      .icon-logo.theme-logo {\n        display: none !important;\n      }\n    }\n  }\n}\n\n.app.dark-menu {\n  .first-sidemenu {\n    background: $dark-theme-1;\n  }\n\n  .resp-vtabs {\n    ul.resp-tabs-list {\n      background: $dark-theme-1;\n      color: $white;\n    }\n\n    .resp-tabs-list li {\n      border-right: 1px solid rgba(255, 255, 255, 0.05) !important;\n    }\n\n    li {\n      &.active {\n        background: #27234c !important;\n      }\n\n      &:hover,\n      &.resp-tab-active {\n        background: #252544 !important;\n      }\n    }\n  }\n}\n\n/*Garident left-menu*/\n\n.gradient-menu {\n  .side-menu {\n    .nav-sub-link.with-sub1 i.angle1,\n    .nav-sub-item.show .nav-sub-link.with-sub1 i.angle1 {\n      color: $white-7;\n    }\n    .nav-sub1 {\n      .nav-sub-item.show .nav-sub-link.with-sub2 i.angle2,\n      .nav-sub-link.with-sub2 i.angle2 {\n        color: $white-7;\n      }\n    }\n  }\n  .sidemenu-logo {\n    background: $dark-theme-1;\n    border-right: 1px solid #262132;\n    border-bottom: 1px solid #262132;\n  }\n\n  .side-menu {\n    background: $dark-theme-1;\n    border-right: 1px solid transparent;\n  }\n\n  .sidemenu-logo {\n    background: rgb(148, 58, 218);\n    border-right: 1px solid #943ada;\n    border-bottom: 1px solid #943ada;\n  }\n\n  .side-menu {\n    background: linear-gradient(180deg, rgb(141, 47, 212) 6.8%, rgb(123, 86, 232) 57.8%) !important;\n    border-right: 1px solid transparent;\n\n    .sidemenu-logo .header-brand-img.desktop-logo {\n      display: none;\n\n      &.theme-logo {\n        display: block !important;\n      }\n    }\n  }\n\n  .main-sidemenu {\n    .nav-label {\n      color: $white-2;\n    }\n\n    .nav-link {\n      color: $white;\n    }\n  }\n\n  .side-menu .nav-link.with-sub .badge-primary {\n    background: rgba(0, 0, 0, 0.1);\n  }\n\n  .main-sidemenu {\n    border-top: 0px solid $white-1 !important;\n\n    .nav-item.active .nav-link {\n      color: #e0d8f7;\n    }\n\n    .nav-sub-item.active > .nav-sub-link {\n      color: $white-7;\n    }\n\n    .nav-item:hover .nav-link {\n      color: #e0d8f7;\n    }\n\n    .nav-sub-link {\n      color: rgba(255, 255, 255, 0.5);\n    }\n\n    .nav-sub .nav-sub-link:before {\n      color: $white-7;\n    }\n\n    .nav-sub-link {\n      &:hover,\n      &:focus {\n        color: $white-7;\n      }\n    }\n  }\n\n  &.main-sidebar-hide {\n    .side-menu .main-logo {\n      .icon-logo,\n      .desktop-logo.theme-logo {\n        display: none !important;\n      }\n\n      .icon-logo.theme-logo {\n        display: block !important;\n      }\n    }\n\n    &.main-sidebar-open .side-menu .main-logo {\n      .desktop-logo.theme-logo {\n        display: block !important;\n      }\n\n      .icon-logo.theme-logo {\n        display: none !important;\n      }\n    }\n  }\n\n  &.main-body .main-sidemenu .nav-sub-item.active > .nav-sub-link {\n    color: $white-7;\n  }\n}\n\n.app.gradient-menu {\n  .first-sidemenu {\n    background: linear-gradient(180deg, rgb(141, 47, 212) 6.8%, rgb(123, 86, 232) 57.8%) !important;\n  }\n\n  .resp-vtabs {\n    ul.resp-tabs-list {\n      background: linear-gradient(180deg, rgb(141, 47, 212) 6.8%, rgb(123, 86, 232) 57.8%) !important;\n      color: $white;\n    }\n\n    .resp-tabs-list li {\n      border-right: 1px solid $white-1 !important;\n      border-color: $white-1 !important;\n    }\n\n    li {\n      &.active,\n      &:hover {\n        background: rgba(2, 2, 2, 0.1) !important;\n      }\n\n      &.resp-tab-active {\n        background: $white-1 !important;\n      }\n    }\n  }\n}\n\n.dark-theme.gradient-menu {\n  .main-sidemenu .nav-label {\n    color: $white-2;\n  }\n\n  .sidemenu-logo {\n    background: rgb(148, 58, 218);\n    border-right: 1px solid #943ada;\n    border-bottom: 1px solid #943ada;\n  }\n\n  .main-sidemenu {\n    .nav-sub .nav-sub-link:before {\n      color: $white-2;\n    }\n\n    .nav-sub-link:hover {\n      color: $white-7;\n    }\n  }\n}\n\n.gradient-menu .main-sidemenu .nav-sub-link:focus {\n  color: $white-7;\n}\n\n@media (max-width: 991px) {\n  .color-header .side-header,\n  .gradient-header .side-header,\n  .dark-header .side-header {\n    .main-logo .header-brand-img.desktop-logo {\n      display: none !important;\n    }\n\n    .header-brand-img.desktop-logo.theme-logo {\n      display: block !important;\n    }\n  }\n}\n\n@media (max-width: 991px) {\n  .color-menu .side-menu .sidemenu-logo .main-logo .header-brand-img {\n    &.icon-logo,\n    &.desktop-logo.theme-logo {\n      display: none !important;\n    }\n\n    &.icon-logo.theme-logo {\n      display: block !important;\n    }\n  }\n\n  .dark-menu .side-menu .sidemenu-logo .main-logo .header-brand-img {\n    &.icon-logo,\n    &.desktop-logo.theme-logo {\n      display: none !important;\n    }\n\n    &.icon-logo.theme-logo {\n      display: block !important;\n    }\n  }\n\n  .gradient-menu .side-menu .sidemenu-logo .main-logo .header-brand-img {\n    &.icon-logo,\n    &.desktop-logo.theme-logo {\n      display: none !important;\n    }\n\n    &.icon-logo.theme-logo {\n      display: block !important;\n    }\n  }\n\n  .dark-theme.light-menu .side-menu .sidemenu-logo .main-logo .header-brand-img.icon-logo {\n    display: none !important;\n  }\n\n  .dark-them.light-menu .side-menu .sidemenu-logo .main-logo .header-brand-img {\n    &.icon-logo.theme-logo {\n      display: none !important;\n    }\n\n    &.desktop-logo {\n      &.theme-logo {\n        display: none !important;\n      }\n\n      display: none !important;\n    }\n  }\n\n  .dark-theme.light-header .side-header .main-logo .header-brand-img.desktop-logo {\n    display: block !important;\n\n    &.theme-logo {\n      display: none !important;\n    }\n  }\n  .dark-theme.light-header .main-header-right .navbar-toggler-icon {\n    color: $dark-theme-1;\n  }\n}\n\n.color-menu .ps > .ps__rail-y > .ps__thumb-y,\n.gradient-menu .ps > .ps__rail-y > .ps__thumb-y {\n  background: rgba(0, 0, 0, 0.07);\n}\n\n.dark-menu .ps > .ps__rail-y > .ps__thumb-y {\n  background: $white-2;\n}\n\n.dark-theme {\n  &.color-menu .side-menu,\n  &.gradient-menu .side-menu,\n  &.light-menu .side-menu {\n    border-right: 1px solid transparent !important;\n  }\n}\n\n@media (max-width: 991px) {\n  .dark-theme {\n    &.color-header .responsive-navbar.navbar .navbar-collapse {\n      background: $primary;\n      border-bottom: 1px solid $primary;\n      border-top: 1px solid #8e6feb;\n    }\n\n    &.light-header .responsive-navbar.navbar .navbar-collapse {\n      background: $white;\n      border-bottom: 1px solid #f0f0ff;\n      border-top: 1px solid #f0f0ff;\n    }\n\n    &.gradient-header .responsive-navbar.navbar .navbar-collapse {\n      background: #8443de;\n      border-bottom: 1px solid #8e4fe5;\n      border-top: 1px solid #8e4fe5;\n    }\n\n    &.dark-header .responsive-navbar.navbar .navbar-collapse {\n      background-color: $dark-theme-1;\n      border-bottom: 1px solid #2d2348;\n      border-top: 1px solid #2d2348;\n    }\n  }\n\n  .color-header .responsive-navbar.navbar .navbar-collapse {\n    background: $primary;\n    border-bottom: 1px solid $primary;\n    border-top: 1px solid #8e6feb;\n  }\n\n  .light-header .responsive-navbar.navbar .navbar-collapse {\n    background: $white;\n    border-bottom: 1px solid #f0f0ff;\n    border-top: 1px solid #f0f0ff;\n  }\n\n  .gradient-header .responsive-navbar.navbar .navbar-collapse {\n    background: #8443de;\n    border-bottom: 1px solid #8e4fe5;\n    border-top: 1px solid #8e4fe5;\n  }\n\n  .dark-header .responsive-navbar.navbar .navbar-collapse {\n    background-color: $dark-theme-1;\n    border-bottom: 1px solid #2d2348;\n    border-top: 1px solid #2d2348;\n  }\n\n  .light-header .navbar-toggler-icon {\n    color: $dark-theme-1;\n  }\n\n  .color-header .navbar-toggler-icon,\n  .gradient-header .navbar-toggler-icon,\n  .dark-header .navbar-toggler-icon {\n    color: #f0f0ff;\n  }\n}\n\n/*hover-submenu*/\n@media (min-width: 992px) {\n  .dark-theme.light-menu {\n    &.hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo,\n    &.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-logo {\n      .icon-logo {\n        &.theme-logo {\n          display: none !important;\n        }\n\n        display: block !important;\n      }\n\n      .desktop-logo {\n        display: none !important;\n      }\n    }\n  }\n\n  .color-menu {\n    &.hover-submenu.main-sidebar-hide {\n      &.main-sidebar-open .side-menu {\n        .header-brand-img.desktop-logo.theme-logo {\n          display: none !important;\n        }\n\n        .main-logo .icon-logo.theme-logo {\n          display: block !important;\n        }\n      }\n\n      .nav-sub {\n        background-color: $primary;\n        border-left: 1px solid #8e6af7;\n      }\n    }\n\n    &.hover-submenu1.main-sidebar-hide {\n      &.main-sidebar-open .side-menu {\n        .header-brand-img.desktop-logo.theme-logo {\n          display: none !important;\n        }\n\n        .main-logo .icon-logo.theme-logo {\n          display: block !important;\n        }\n      }\n\n      .nav-sub {\n        background-color: $primary;\n        border-left: 1px solid #8e6af7;\n      }\n\n      &.main-sidebar-open .side-menu-label1 {\n        border-bottom: 1px solid #8e6af7;\n\n        a {\n          color: $white;\n        }\n      }\n    }\n  }\n\n  .gradient-menu {\n    &.hover-submenu.main-sidebar-hide {\n      &.main-sidebar-open .side-menu {\n        .header-brand-img.desktop-logo.theme-logo {\n          display: none !important;\n        }\n\n        .main-logo .icon-logo.theme-logo {\n          display: block !important;\n        }\n      }\n\n      .nav-sub {\n        background-color: #8443de;\n        border-left: 1px solid #8e4fe5;\n      }\n    }\n\n    &.hover-submenu1.main-sidebar-hide {\n      &.main-sidebar-open .side-menu {\n        .header-brand-img.desktop-logo.theme-logo {\n          display: none !important;\n        }\n\n        .main-logo .icon-logo.theme-logo {\n          display: block !important;\n        }\n      }\n\n      .nav-sub {\n        background-color: #8443de;\n        border-left: 1px solid #8e4fe5;\n      }\n\n      &.main-sidebar-open .side-menu-label1 {\n        border-bottom: 1px solid #8e4fe5;\n\n        a {\n          color: $white;\n        }\n      }\n    }\n  }\n\n  .dark-menu {\n    &.hover-submenu.main-sidebar-hide {\n      &.main-sidebar-open .side-menu {\n        .header-brand-img.desktop-logo.theme-logo {\n          display: none !important;\n        }\n\n        .main-logo .icon-logo.theme-logo {\n          display: block !important;\n        }\n      }\n\n      .nav-sub {\n        background-color: $dark-theme-1;\n        border-left: 1px solid #2d2348;\n      }\n    }\n\n    &.hover-submenu1.main-sidebar-hide {\n      &.main-sidebar-open .side-menu {\n        .header-brand-img.desktop-logo.theme-logo {\n          display: none !important;\n        }\n\n        .main-logo .icon-logo.theme-logo {\n          display: block !important;\n        }\n      }\n\n      .nav-sub {\n        background-color: $dark-theme-1;\n        border-left: 1px solid #2d2348;\n      }\n\n      &.main-sidebar-open .side-menu-label1 {\n        border-bottom: 1px solid #2d2348;\n\n        a {\n          color: $white;\n        }\n      }\n    }\n  }\n}\n\n.light-theme {\n  .bg-img1 .form_holder,\n  .bg-img2 .form_holder,\n  .bg-img3 .form_holder,\n  .bg-img4 .form_holder {\n    background: $white !important;\n  }\n}\n\n.dark-theme {\n  .bg-img1 .form_holder,\n  .bg-img2 .form_holder,\n  .bg-img3 .form_holder,\n  .bg-img4 .form_holder {\n    background: $white !important;\n  }\n}\n\n.transparent-theme {\n  &.bg-img1 .login-img,\n  &.bg-img2 .login-img,\n  &.bg-img3 .login-img,\n  &.bg-img4 .login-img,\n  .login-img {\n    background-image: none;\n  }\n}\n\n.light-theme.bg-img2 .form_holder {\n  background: $white !important;\n}\n\n.dark-theme {\n  &.bg-img2 .form_holder {\n    background: $dark-theme-1 !important;\n  }\n\n  &.light-menu {\n    &.hover-submenu .main-sidebar-body .nav-sub-link,\n    &.hover-submenu1 .main-sidebar-body .nav-sub-link {\n      color: #bfbfe0;\n    }\n  }\n  &.gradient-menu.side-header {\n    box-shadow: 0 5px 12px 0 $white-1;\n  }\n  &.color-menu.side-header {\n    box-shadow: 0 5px 12px 0 $white-1;\n  }\n  &.light-menu.side-header {\n    box-shadow: 0 5px 12px 0 $white-1;\n  }\n}\n\n.rtl.dark-theme.light-menu {\n  .sidemenu-logo,\n  .main-sidebar-sticky {\n    border-left: 1px solid #f1f0f0;\n  }\n}\n.rtl {\n  &.dark-menu .sidemenu-logo {\n    border-color: $border-dark;\n  }\n  &.gradient-menu .sidemenu-logo {\n    border-color: #944acd;\n  }\n  &.gradient-menu .sidemenu-logo {\n    border-color: #944acd;\n  }\n}\n\n.dark-theme {\n  &.light-menu .main-sidebar-sticky,\n  &.light-header .side-header {\n    box-shadow: 0 5px 12px 0 #818287ad;\n  }\n}\n\n/*Gradient header-Boxed Css*/\n"]}