{"version":3,"sources":["fonts/_fonts.scss","structure/_general.scss","structure/_topbar.scss","app.css","structure/_page-head.scss","structure/_footer.scss","structure/_right-sidebar.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","structure/_vertical.scss","structure/_horizontal-nav.scss","structure/_layouts.scss","components/_root.scss","components/_waves.scss","components/_accordion.scss","components/_avatar.scss","components/_helper.scss","components/_forms.scss","components/_widgets.scss","components/_demos.scss","components/_print.scss","components/_utilities.scss","plugins/_custom-scrollbar.scss","plugins/_calendar.scss","plugins/_session-timeout.scss","plugins/_range-slider.scss","plugins/_sweatalert2.scss","plugins/_alertify.scss","plugins/_pristinejs.scss","plugins/_choices.scss","plugins/_switch.scss","plugins/_colorpicker.scss","plugins/_datepicker.scss","plugins/_form-editors.scss","plugins/_form-upload.scss","plugins/_form-wizard.scss","plugins/_datatable.scss","plugins/_responsive-table.scss","plugins/_table-editable.scss","plugins/_apexcharts.scss","plugins/_echarts.scss","plugins/_sparkline-chart.scss","plugins/_google-map.scss","plugins/_vector-maps.scss","plugins/_leaflet-maps.scss","pages/_authentication.scss","pages/_email.scss","pages/_chat.scss","pages/_coming-soon.scss","pages/_timeline.scss","pages/_extras-pages.scss"],"names":[],"mappings":"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","file":"app.min.css","sourcesContent":["//\r\n// Google font - IBM Plex Sans\r\n//\r\n\r\n@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap');","// colors\r\n[data-bs-theme =\"dark\"]{\r\n    .bg-dark{\r\n        background-color: var(--#{$prefix}sidebar-dark-bg) !important;\r\n    }\r\n}\r\n","// \r\n// _header.scss\r\n// \r\n\r\n#page-topbar {\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    z-index: 1054;\r\n    background-color: var(--#{$prefix}header-bg);\r\n    border-bottom: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n.navbar-header {\r\n    display: flex;\r\n    -ms-flex-pack: justify;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin: 0 auto;\r\n    height: $header-height;\r\n    padding: 0 $grid-gutter-width 0 0;\r\n\r\n    .dropdown .show {\r\n        &.header-item {\r\n            background-color: var(--#{$prefix}gray-100);\r\n        }\r\n    }\r\n}\r\n\r\n.navbar-brand-box {\r\n    padding: 0 1.5rem;\r\n    width: $navbar-brand-box-width;\r\n    background: var(--#{$prefix}sidebar-bg);\r\n    border-right: 1px solid $sidebar-border-color;\r\n    box-shadow: 0px 2px 2px var(--#{$prefix}sidebar-bg);\r\n}\r\n\r\n.logo {\r\n    line-height: 69px;\r\n    color: inherit  !important;\r\n\r\n    .logo-sm {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.logo-txt {\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    vertical-align: middle;\r\n    margin-left: 5px;\r\n}\r\n\r\n.logo-light {\r\n    display: none;\r\n}\r\n\r\n\r\nbody:not([data-sidebar-size=\"sm\"]) {\r\n    #vertical-menu-btn {\r\n        margin-left: -52px;\r\n        margin-right: 20px;\r\n        @media (max-width: 991.98px){\r\n            margin-left: 0;\r\n        }\r\n    }\r\n}\r\n\r\n/* Search */\r\n\r\n.app-search {\r\n    padding: calc(#{$header-height - 40px} / 2) 0;\r\n    position: relative;\r\n\r\n    .form-control {\r\n        border: $search-width solid $search-border-color;\r\n        height: 40px;\r\n        padding-left: 17px;\r\n        padding-right: 50px;\r\n        background-color: var(--#{$prefix}topbar-search-bg);\r\n        box-shadow: none;\r\n    }\r\n    .btn {\r\n        position: absolute;\r\n        right: 3px;\r\n        top: 3px;\r\n        height: 34px;\r\n        padding: 0 10px;\r\n    }\r\n}\r\n\r\n.layout-mode-light {\r\n    display: none;\r\n}\r\n\r\nbody[data-bs-theme =\"dark\"] {\r\n    .layout-mode-dark {\r\n        display: none;\r\n    }\r\n    .layout-mode-light {\r\n        display: inline-block;\r\n    }\r\n}\r\n\r\n\r\n[data-bs-theme=\"dark\"] [data-topbar=\"light\"]{\r\n    .logo-dark{\r\n        .logo-txt{\r\n            color: $white;\r\n        }\r\n    }\r\n}\r\n\r\n[data-bs-theme=\"dark\"] [data-layout=\"horizontal\"][data-topbar=\"light\"] {\r\n    .logo-dark {\r\n        .logo-txt {\r\n            color: $dark;\r\n        }\r\n    }\r\n}\r\n\r\n// Mega menu\r\n\r\n.megamenu-list {\r\n    li{\r\n        position: relative;\r\n        padding: 5px 0px;\r\n        a{\r\n            color: $dropdown-color;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .navbar-brand-box {\r\n        width: auto;\r\n    }\r\n\r\n    .logo {\r\n\r\n        span.logo-lg {\r\n            display: none;\r\n        }\r\n\r\n        span.logo-sm {\r\n            display: inline-block;\r\n        }\r\n    }\r\n}\r\n\r\n.page-content {\r\n    padding: calc(#{$header-height} + #{$grid-gutter-width}) calc(#{$grid-gutter-width} * 0.75) $footer-height calc(#{$grid-gutter-width} * 0.75);\r\n}\r\n\r\n.header-item {\r\n    height: $header-height;\r\n    box-shadow: none !important;\r\n    color: $header-item-color;\r\n    border: 0;\r\n    border-radius: 0px;\r\n\r\n    &:hover {\r\n        color: $header-item-color;\r\n    }\r\n}\r\n\r\n.header-profile-user {\r\n    height: 36px;\r\n    width: 36px;\r\n    background-color: var(--#{$prefix}gray-600);\r\n    padding: 3px;\r\n}\r\n\r\n.noti-icon {\r\n    i {\r\n        font-size: 22px;\r\n        color: $header-item-color;\r\n    }\r\n\r\n    .badge {\r\n        position: absolute;\r\n        top: 12px;\r\n        right: 4px;\r\n    }\r\n}\r\n\r\n.notification-item {\r\n    .d-flex {\r\n        padding: 0.75rem 1rem;\r\n\r\n        &:hover {\r\n            background-color: $dropdown-link-hover-bg;\r\n        }\r\n    }\r\n}\r\n\r\n// Dropdown with Icons\r\n.dropdown-icon-item {\r\n    display: block;\r\n    border-radius: 3px;\r\n    line-height: 34px;\r\n    text-align: center;\r\n    padding: 15px 0 9px;\r\n    display: block;\r\n    color: $gray-600;\r\n\r\n    img {\r\n        height: 24px;\r\n    }\r\n\r\n    span {\r\n        display: block;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    &:hover {\r\n        background-color: var(--#{$prefix}tertiary-bg);\r\n        color: var(--#{$prefix}dark);\r\n\r\n    }\r\n}\r\n\r\n// Full Screen\r\n.fullscreen-enable {\r\n    [data-toggle=\"fullscreen\"] {\r\n        .bx-fullscreen::before {\r\n            content: \"\\ea3f\";\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-bs-theme=\"dark\"],[data-topbar=\"light\"]{\r\n\r\n    .app-search .form-control{\r\n        border: none !important;\r\n    }\r\n    .header-item{\r\n        color: $gray-600;\r\n        &.bg-light-subtle{\r\n            background-color: #f6f6f9 !important;\r\n            border-color: #e9e9ef !important;\r\n        }\r\n    }\r\n        #page-topbar {\r\n            background-color: var(--#{$prefix}white);\r\n            color: $gray-700;\r\n            border-color: $gray-100;\r\n        }\r\n    } \r\n    \r\n\r\nbody[data-topbar=\"dark\"] {\r\n    #page-topbar { \r\n        background-color: var(--#{$prefix}header-bg);\r\n        border-color: var(--#{$prefix}border-color);\r\n    }\r\n    .navbar-brand-box { \r\n        background-color: $header-dark-bg;\r\n        border-color: $header-dark-bg;\r\n        box-shadow: 0px 0px 2px var(--#{$prefix}header-bg);\r\n        .logo{\r\n            color: $white !important;\r\n        }\r\n    }\r\n    .navbar-header {\r\n        .dropdown .show {\r\n            &.header-item {\r\n                background-color: rgba($white, 0.05);\r\n            }\r\n        }\r\n\r\n        .waves-effect .waves-ripple {\r\n            background: rgba($white, 0.4);\r\n        }\r\n    }\r\n\r\n    .header-item {\r\n        color:$header-dark-item-color;\r\n    \r\n        &:hover {\r\n            color: $header-dark-item-color;\r\n        }\r\n\r\n        &.border-start, &.border-end{\r\n            border-color: rgba($white, 0.1) !important;\r\n        }\r\n        \r\n        &.bg-light-subtle{\r\n            background-color: rgba($white, 0.04) !important;\r\n        }\r\n    }\r\n\r\n    .header-profile-user {\r\n        background-color: rgba($white, 0.25);\r\n    }\r\n    \r\n    .noti-icon {\r\n        i {\r\n            color: $header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .app-search {\r\n    \r\n        .form-control {\r\n            background-color: var(--#{$prefix}topbar-dark-search-bg);\r\n            color: var(--#{$prefix}gray-500);\r\n        }\r\n        span,\r\n        input.form-control::-webkit-input-placeholder {\r\n            color: rgba($white,0.5);\r\n        }\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 600px) {\r\n    .navbar-header {\r\n        .dropdown {\r\n            position: static;\r\n\r\n            .dropdown-menu {\r\n                left: 10px !important;\r\n                right: 10px !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n    .navbar-brand-box {\r\n        display: none;\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .navbar-brand-box {\r\n        width: auto;\r\n        border: 0;\r\n        background-color: transparent;\r\n        box-shadow: none;\r\n        @media  (min-width: 992px){\r\n            padding-left: 0;\r\n            margin-right: 10px;\r\n        }\r\n    }\r\n    .page-content {\r\n        margin-top: $header-height;\r\n        padding: calc(55px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n    }    \r\n\r\n    .navbar-header{\r\n        @media (min-width: 992px){\r\n            padding-left: $grid-gutter-width;\r\n            padding-right: $grid-gutter-width;\r\n        }\r\n    }\r\n\r\n    &[data-sidebar=dark]{\r\n        .navbar-brand-box {\r\n            background-color: transparent;\r\n            box-shadow: none;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) { \r\n    body[data-layout=\"horizontal\"] {\r\n        .page-content {\r\n            margin-top: 15px;\r\n        }    \r\n    }\r\n}","/*\nTemplate Name: medcario - Admin & Dashboard Template\nAuthor: Themesbrand\nVersion: 2.1.0\nWebsite: https://themesbrand.com/\nContact: themesbrand@gmail.com\nFile: Main Css File\n*/\n@import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap\");\n[data-bs-theme=dark] .bg-dark {\n  background-color: var(--bs-sidebar-dark-bg) !important;\n}\n\n#page-topbar {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1054;\n  background-color: var(--bs-header-bg);\n  border-bottom: 1px solid var(--bs-border-color);\n}\n\n.navbar-header {\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0 auto;\n  height: 70px;\n  padding: 0 1.5rem 0 0;\n}\n.navbar-header .dropdown .show.header-item {\n  background-color: var(--bs-gray-100);\n}\n\n.navbar-brand-box {\n  padding: 0 1.5rem;\n  width: 250px;\n  background: var(--bs-sidebar-bg);\n  border-right: 1px solid var(--bs-sidebar-border-color);\n  box-shadow: 0px 2px 2px var(--bs-sidebar-bg);\n}\n\n.logo {\n  line-height: 69px;\n  color: inherit !important;\n}\n.logo .logo-sm {\n  display: none;\n}\n\n.logo-txt {\n  font-weight: 700;\n  font-size: 18px;\n  vertical-align: middle;\n  margin-left: 5px;\n}\n\n.logo-light {\n  display: none;\n}\n\nbody:not([data-sidebar-size=sm]) #vertical-menu-btn {\n  margin-left: -52px;\n  margin-right: 20px;\n}\n@media (max-width: 991.98px) {\n  body:not([data-sidebar-size=sm]) #vertical-menu-btn {\n    margin-left: 0;\n  }\n}\n\n/* Search */\n.app-search {\n  padding: calc(30px / 2) 0;\n  position: relative;\n}\n.app-search .form-control {\n  border: var(--bs-search-width) solid var(--bs-search-border-color);\n  height: 40px;\n  padding-left: 17px;\n  padding-right: 50px;\n  background-color: var(--bs-topbar-search-bg);\n  box-shadow: none;\n}\n.app-search .btn {\n  position: absolute;\n  right: 3px;\n  top: 3px;\n  height: 34px;\n  padding: 0 10px;\n}\n\n.layout-mode-light {\n  display: none;\n}\n\nbody[data-bs-theme=dark] .layout-mode-dark {\n  display: none;\n}\nbody[data-bs-theme=dark] .layout-mode-light {\n  display: inline-block;\n}\n\n[data-bs-theme=dark] [data-topbar=light] .logo-dark .logo-txt {\n  color: #fff;\n}\n\n[data-bs-theme=dark] [data-layout=horizontal][data-topbar=light] .logo-dark .logo-txt {\n  color: #212529;\n}\n\n.megamenu-list li {\n  position: relative;\n  padding: 5px 0px;\n}\n.megamenu-list li a {\n  color: var(--bs-body-color);\n}\n\n@media (max-width: 992px) {\n  .navbar-brand-box {\n    width: auto;\n  }\n  .logo span.logo-lg {\n    display: none;\n  }\n  .logo span.logo-sm {\n    display: inline-block;\n  }\n}\n.page-content {\n  padding: calc(70px + 1.5rem) calc(1.5rem * 0.75) 60px calc(1.5rem * 0.75);\n}\n\n.header-item {\n  height: 70px;\n  box-shadow: none !important;\n  color: var(--bs-header-item-color);\n  border: 0;\n  border-radius: 0px;\n}\n.header-item:hover {\n  color: var(--bs-header-item-color);\n}\n\n.header-profile-user {\n  height: 36px;\n  width: 36px;\n  background-color: var(--bs-gray-600);\n  padding: 3px;\n}\n\n.noti-icon i {\n  font-size: 22px;\n  color: var(--bs-header-item-color);\n}\n.noti-icon .badge {\n  position: absolute;\n  top: 12px;\n  right: 4px;\n}\n\n.notification-item .d-flex {\n  padding: 0.75rem 1rem;\n}\n.notification-item .d-flex:hover {\n  background-color: var(--bs-tertiary-bg);\n}\n\n.dropdown-icon-item {\n  display: block;\n  border-radius: 3px;\n  line-height: 34px;\n  text-align: center;\n  padding: 15px 0 9px;\n  display: block;\n  color: #74788d;\n}\n.dropdown-icon-item img {\n  height: 24px;\n}\n.dropdown-icon-item span {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dropdown-icon-item:hover {\n  background-color: var(--bs-tertiary-bg);\n  color: var(--bs-dark);\n}\n\n.fullscreen-enable [data-toggle=fullscreen] .bx-fullscreen::before {\n  content: \"\\ea3f\";\n}\n\nbody[data-bs-theme=dark] .app-search .form-control, [data-topbar=light] .app-search .form-control {\n  border: none !important;\n}\nbody[data-bs-theme=dark] .header-item, [data-topbar=light] .header-item {\n  color: #74788d;\n}\nbody[data-bs-theme=dark] .header-item.bg-light-subtle, [data-topbar=light] .header-item.bg-light-subtle {\n  background-color: #f6f6f9 !important;\n  border-color: #e9e9ef !important;\n}\nbody[data-bs-theme=dark] #page-topbar, [data-topbar=light] #page-topbar {\n  background-color: var(--bs-white);\n  color: #313533;\n  border-color: #f8f9fa;\n}\n\nbody[data-topbar=dark] #page-topbar {\n  background-color: var(--bs-header-bg);\n  border-color: var(--bs-border-color);\n}\nbody[data-topbar=dark] .navbar-brand-box {\n  background-color: #313533;\n  border-color: #313533;\n  box-shadow: 0px 0px 2px var(--bs-header-bg);\n}\nbody[data-topbar=dark] .navbar-brand-box .logo {\n  color: #fff !important;\n}\nbody[data-topbar=dark] .navbar-header .dropdown .show.header-item {\n  background-color: rgba(255, 255, 255, 0.05);\n}\nbody[data-topbar=dark] .navbar-header .waves-effect .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n}\nbody[data-topbar=dark] .header-item {\n  color: #e9ecef;\n}\nbody[data-topbar=dark] .header-item:hover {\n  color: #e9ecef;\n}\nbody[data-topbar=dark] .header-item.border-start, body[data-topbar=dark] .header-item.border-end {\n  border-color: rgba(255, 255, 255, 0.1) !important;\n}\nbody[data-topbar=dark] .header-item.bg-light-subtle {\n  background-color: rgba(255, 255, 255, 0.04) !important;\n}\nbody[data-topbar=dark] .header-profile-user {\n  background-color: rgba(255, 255, 255, 0.25);\n}\nbody[data-topbar=dark] .noti-icon i {\n  color: #e9ecef;\n}\nbody[data-topbar=dark] .logo-dark {\n  display: none;\n}\nbody[data-topbar=dark] .logo-light {\n  display: block;\n}\nbody[data-topbar=dark] .app-search .form-control {\n  background-color: var(--bs-topbar-dark-search-bg);\n  color: var(--bs-gray-500);\n}\nbody[data-topbar=dark] .app-search span,\nbody[data-topbar=dark] .app-search input.form-control::-webkit-input-placeholder {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n@media (max-width: 600px) {\n  .navbar-header .dropdown {\n    position: static;\n  }\n  .navbar-header .dropdown .dropdown-menu {\n    left: 10px !important;\n    right: 10px !important;\n  }\n}\n@media (max-width: 380px) {\n  .navbar-brand-box {\n    display: none;\n  }\n}\nbody[data-layout=horizontal] .navbar-brand-box {\n  width: auto;\n  border: 0;\n  background-color: transparent;\n  box-shadow: none;\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .navbar-brand-box {\n    padding-left: 0;\n    margin-right: 10px;\n  }\n}\nbody[data-layout=horizontal] .page-content {\n  margin-top: 70px;\n  padding: calc(55px + 1.5rem) calc(1.5rem / 2) 60px calc(1.5rem / 2);\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .navbar-header {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n  }\n}\nbody[data-layout=horizontal][data-sidebar=dark] .navbar-brand-box {\n  background-color: transparent;\n  box-shadow: none;\n}\n\n@media (max-width: 992px) {\n  body[data-layout=horizontal] .page-content {\n    margin-top: 15px;\n  }\n}\n.page-title-box {\n  padding-bottom: 1.5rem;\n}\n.page-title-box .breadcrumb {\n  background-color: transparent;\n  padding: 0;\n}\n\n.footer {\n  bottom: 0;\n  padding: 20px calc(1.5rem / 2);\n  position: absolute;\n  right: 0;\n  color: var(--bs-footer-color);\n  left: 250px;\n  height: 60px;\n  background-color: var(--bs-footer-bg);\n  border-top: 1px solid var(--bs-border-color);\n}\n@media (max-width: 991.98px) {\n  .footer {\n    left: 0;\n  }\n}\n\nbody[data-sidebar-size=sm] .footer {\n  left: 70px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=sm] .footer {\n    left: 0;\n  }\n}\n\nbody[data-layout=horizontal] .footer {\n  left: 0 !important;\n}\n\n.right-bar {\n  background-color: var(--bs-sidebar-bg);\n  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\n  display: block;\n  position: fixed;\n  transition: all 200ms ease-out;\n  width: 300px;\n  z-index: 9999;\n  float: right !important;\n  right: -310px;\n  top: 0;\n  bottom: 0;\n}\n.right-bar .right-bar-toggle {\n  background-color: #31373d;\n  height: 24px;\n  width: 24px;\n  line-height: 24px;\n  display: block;\n  color: #e9e9ef;\n  text-align: center;\n  border-radius: 50%;\n}\n.right-bar .right-bar-toggle:hover {\n  background-color: #383f45;\n}\n\n.rightbar-overlay {\n  background-color: rgba(33, 37, 41, 0.55);\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: none;\n  z-index: 9998;\n  transition: all 0.2s ease-out;\n}\n\n.right-bar-enabled .right-bar {\n  right: 0;\n}\n.right-bar-enabled .rightbar-overlay {\n  display: block;\n}\n\n@media (max-width: 767.98px) {\n  .right-bar {\n    overflow: auto;\n  }\n  .right-bar .slimscroll-menu {\n    height: auto !important;\n  }\n}\n.metismenu {\n  margin: 0;\n}\n.metismenu li {\n  display: block;\n  width: 100%;\n}\n.metismenu .mm-collapse {\n  display: none;\n}\n.metismenu .mm-collapse:not(.mm-show) {\n  display: none;\n}\n.metismenu .mm-collapse.mm-show {\n  display: block;\n}\n.metismenu .mm-collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  transition-timing-function: ease;\n  transition-duration: 0.35s;\n  transition-property: height, visibility;\n}\n\n.vertical-menu {\n  width: 250px;\n  z-index: 1001;\n  background: var(--bs-sidebar-bg);\n  bottom: 0;\n  margin-top: 0;\n  position: fixed;\n  top: 70px;\n  border-right: 1px solid var(--bs-border-color);\n}\n\n.main-content {\n  margin-left: 250px;\n  overflow: hidden;\n}\n.main-content .content {\n  padding: 0 15px 10px 15px;\n  margin-top: 70px;\n}\n\n#sidebar-menu {\n  padding: 10px 0 30px 0;\n}\n#sidebar-menu .mm-active > .has-arrow:after {\n  transform: rotate(90deg);\n}\n#sidebar-menu .has-arrow:after {\n  content: \"\\f0142\";\n  font-family: \"Material Design Icons\";\n  display: block;\n  float: right;\n  transition: transform 0.2s;\n  font-size: 1.1rem;\n  margin-right: -5px;\n  margin-top: -2px;\n}\n#sidebar-menu ul li a {\n  display: block;\n  padding: 0.62rem 1.5rem;\n  color: var(--bs-sidebar-menu-item-color);\n  position: relative;\n  font-size: 0.9rem;\n  transition: all 0.4s;\n  font-weight: 500;\n}\n#sidebar-menu ul li a i {\n  display: inline-block;\n  min-width: 1.75rem;\n  padding-bottom: 0.125em;\n  font-size: 1.25rem;\n  line-height: 1.40625rem;\n  vertical-align: middle;\n  color: var(--bs-sidebar-menu-item-icon-color);\n  transition: all 0.4s;\n}\n#sidebar-menu ul li a svg {\n  height: 16px;\n  width: 16px;\n  color: var(--bs-sidebar-menu-item-icon-color);\n  fill: var(--bs-sidebar-menu-item-icon-effact-color);\n  margin-right: 10px;\n  margin-top: -3px;\n}\n#sidebar-menu ul li a:hover {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\n#sidebar-menu ul li a:hover i {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\n#sidebar-menu ul li a:hover svg {\n  color: var(--bs-sidebar-menu-item-hover-color);\n  fill: var(--bs-sidebar-menu-item-hover-effact-color);\n}\n#sidebar-menu ul li .badge {\n  margin-top: 4px;\n}\n#sidebar-menu ul li ul.sub-menu {\n  padding: 0;\n}\n#sidebar-menu ul li ul.sub-menu li a {\n  padding: 0.4rem 1.5rem 0.4rem 3.3rem;\n  font-size: 0.85rem;\n  color: var(--bs-sidebar-menu-sub-item-color);\n}\n#sidebar-menu ul li ul.sub-menu li a:hover {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\n#sidebar-menu ul li ul.sub-menu li ul.sub-menu {\n  padding: 0;\n}\n#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n  padding: 0.4rem 1.5rem 0.4rem 4.5rem;\n  font-size: 13px;\n}\n\n.menu-title {\n  padding: 12px 20px !important;\n  pointer-events: none;\n  cursor: default;\n  font-size: 12px;\n  color: var(--bs-sidebar-menu-item-icon-color);\n  font-weight: 500;\n}\n\n.mm-active > a {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\n.mm-active > a i {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\n.mm-active > a svg {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n  fill: var(--bs-sidebar-menu-item-active-effact-color);\n}\n.mm-active .active {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\n.mm-active .active i {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\n.mm-active .active svg {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n  fill: var(--bs-sidebar-menu-item-active-effact-color);\n}\n.mm-active > i {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\n\n.sidebar-alert {\n  background-color: var(--bs-sidebar-alert);\n}\n.sidebar-alert .alertcard-title {\n  color: #5156be;\n}\n\n@media (max-width: 992px) {\n  .vertical-menu {\n    display: none;\n  }\n  .main-content {\n    margin-left: 0 !important;\n  }\n  body.sidebar-enable .vertical-menu {\n    display: block;\n  }\n}\nbody[data-sidebar-size=sm] {\n  min-height: 1000px;\n}\nbody[data-sidebar-size=sm] .main-content {\n  margin-left: 70px;\n}\nbody[data-sidebar-size=sm] .navbar-brand-box {\n  width: 70px !important;\n}\nbody[data-sidebar-size=sm] .logo span.logo-lg {\n  display: none;\n}\nbody[data-sidebar-size=sm] .logo span.logo-sm {\n  display: block;\n}\nbody[data-sidebar-size=sm] .vertical-menu {\n  position: absolute;\n  width: 70px !important;\n  z-index: 5;\n}\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-mask,\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-content-wrapper {\n  overflow: visible !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-scrollbar {\n  display: none !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-offset {\n  bottom: 0 !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .menu-title,\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .badge,\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .sidebar-alert {\n  display: none !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .nav.collapse {\n  height: inherit !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li {\n  position: relative;\n  white-space: nowrap;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a {\n  padding: 15px 20px;\n  transition: none;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:hover, body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:active, body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:focus {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a i {\n  font-size: 1.45rem;\n  margin-left: 4px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a svg {\n  height: 18px;\n  width: 18px;\n  margin-left: 6px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a span {\n  display: none;\n  padding-left: 25px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a.has-arrow:after {\n  display: none;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  position: relative;\n  width: calc(190px + 70px);\n  color: #5156be;\n  background-color: var(--bs-sidebar-bg);\n  transition: none;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a i {\n  color: #5156be;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a svg {\n  color: var(--bs-sidebar-menu-item-active-color);\n  fill: rgba(var(--bs-sidebar-menu-item-active-color), 0.2);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a span {\n  display: inline;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul {\n  display: block;\n  left: 70px;\n  position: absolute;\n  width: 190px;\n  height: auto !important;\n  box-shadow: var(--bs-box-shadow);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul ul {\n  box-shadow: var(--bs-box-shadow);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  box-shadow: none;\n  padding: 8px 20px;\n  position: relative;\n  width: 190px;\n  z-index: 6;\n  color: var(--bs-sidebar-menu-sub-item-color);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {\n  padding: 5px 0;\n  z-index: 9999;\n  display: none;\n  background-color: var(--bs-body-bg);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul li:hover > ul {\n  display: block;\n  left: 190px;\n  height: auto !important;\n  margin-top: -36px;\n  position: absolute;\n  width: 190px;\n  padding: 5px 0;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul li > a span.pull-right {\n  position: absolute;\n  right: 20px;\n  top: 12px;\n  transform: rotate(270deg);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul li.active a {\n  color: var(--bs-gray-100);\n}\nbody[data-sidebar-size=sm] #sidebar-menu .mm-active > .has-arrow:after {\n  transform: rotate(0deg);\n}\n\nbody[data-sidebar=dark] .navbar-brand-box {\n  background: var(--bs-sidebar-dark-bg);\n  box-shadow: 0px 3px 1px var(--bs-sidebar-dark-bg);\n  border-color: var(--bs-border-color);\n}\nbody[data-sidebar=dark] .navbar-brand-box .logo-txt {\n  color: #fff;\n}\nbody[data-sidebar=dark] .logo-dark {\n  display: none;\n}\nbody[data-sidebar=dark] .logo-light {\n  display: block;\n}\nbody[data-sidebar=dark] .vertical-menu {\n  background: var(--bs-sidebar-dark-bg);\n}\n@media (min-width: 992px) {\n  body[data-sidebar=dark] #vertical-menu-btn {\n    color: #e9ecef;\n  }\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a {\n  color: var(--bs-sidebar-dark-menu-item-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a i {\n  color: var(--bs-sidebar-dark-menu-item-icon-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a svg {\n  color: var(--bs-sidebar-dark-menu-item-icon-color);\n  fill: var(--bs-sidebar-menu-item-icon-effact-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a:hover {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a:hover i {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a:hover svg {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n  fill: var(--bs-sidebar-menu-item-hover-effact-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {\n  color: var(--bs-sidebar-dark-menu-sub-item-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm][data-topbar=dark] #vertical-menu-btn {\n  color: #e9ecef;\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] #vertical-menu-btn {\n  color: var(--bs-header-item-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background: var(--bs-sidebar-dark-bg);\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a i {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a svg {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n  fill: rgba(var(--bs-sidebar-dark-menu-item-hover-color), 0.2);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  color: var(--bs-sidebar-dark-menu-sub-item-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {\n  background-color: var(--bs-sidebar-dark-bg);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li.mm-active .active {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li.mm-active .active i {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] .mm-active {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] .mm-active > a {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] .mm-active > a i {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] .mm-active > a svg {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n  fill: var(--bs-sidebar-menu-item-active-effact-color);\n}\nbody[data-sidebar=dark] .mm-active > i {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] .mm-active .active {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] .mm-active .active i {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] .mm-active .active svg {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n  fill: var(--bs-sidebar-menu-item-active-effact-color);\n}\nbody[data-sidebar=dark] .menu-title {\n  color: var(--bs-sidebar-dark-menu-item-icon-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=md] #sidebar-menu ul li.menu-title {\n  background-color: var(--bs-sidebar-dark-bg);\n}\n\nbody[data-layout=horizontal] .main-content {\n  margin-left: 0 !important;\n}\n\nbody[data-sidebar-size=md] .navbar-brand-box {\n  width: 160px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=md] .navbar-brand-box {\n    width: auto;\n  }\n}\nbody[data-sidebar-size=md] .vertical-menu {\n  width: 160px;\n  text-align: center;\n}\nbody[data-sidebar-size=md] .vertical-menu .has-arrow:after,\nbody[data-sidebar-size=md] .vertical-menu .badge,\nbody[data-sidebar-size=md] .vertical-menu .sidebar-alert {\n  display: none !important;\n}\nbody[data-sidebar-size=md] .main-content {\n  margin-left: 160px;\n}\nbody[data-sidebar-size=md] .footer {\n  left: 160px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=md] .footer {\n    left: 0;\n  }\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li a svg {\n  display: block;\n  margin: 0 auto 4px;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu li a {\n  padding-left: 1.5rem;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n  padding-left: 1.5rem;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] .main-content {\n  margin-left: 70px;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] .vertical-menu #sidebar-menu {\n  text-align: left;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a svg {\n  display: inline-block;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] .footer {\n  left: 70px;\n}\n\nbody[data-sidebar=brand] .vertical-menu {\n  background-color: #5156be;\n}\nbody[data-sidebar=brand] .navbar-brand-box {\n  background-color: #5156be;\n  box-shadow: 0px 1px 0px #5156be;\n}\nbody[data-sidebar=brand] .navbar-brand-box .logo-dark {\n  display: none;\n}\nbody[data-sidebar=brand] .navbar-brand-box .logo-light {\n  display: block;\n}\nbody[data-sidebar=brand] .navbar-brand-box .logo {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] .mm-active {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] .mm-active > a {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] .mm-active > a i {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] .mm-active > a svg {\n  color: #fff !important;\n  fill: rgba(255, 255, 255, 0.1) !important;\n}\nbody[data-sidebar=brand] .mm-active .active {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] .mm-active .active svg {\n  color: #fff !important;\n  fill: rgba(255, 255, 255, 0.1) !important;\n}\n@media (min-width: 992px) {\n  body[data-sidebar=brand] #vertical-menu-btn {\n    color: #e9ecef;\n  }\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.menu-title {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a i {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a svg {\n  color: rgba(255, 255, 255, 0.6);\n  fill: rgba(255, 255, 255, 0.075);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a.waves-effect .waves-ripple {\n  background: rgba(255, 255, 255, 0.1);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a:hover {\n  color: #fff;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a:hover i {\n  color: #fff;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a {\n  color: rgba(255, 255, 255, 0.5);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #fff;\n}\nbody[data-sidebar=brand] .sidebar-alert {\n  background-color: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.5);\n}\nbody[data-sidebar=brand] .sidebar-alert .alertcard-title {\n  color: #fff;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm][data-topbar=dark] #vertical-menu-btn {\n  color: #e9ecef;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] #vertical-menu-btn {\n  color: var(--bs-header-item-color);\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background-color: #585dc1;\n  color: #fff;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a i, body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a svg {\n  color: #fff;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li.mm-active .active {\n  color: #fff !important;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: var(--bs-sidebar-menu-item-active-color);\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\n\n[data-bs-theme=dark][data-topbar=light] .navbar-brand-box .logo-dark .logo-txt {\n  color: #fff;\n}\n\n[dir=rtl] #sidebar-menu .has-arrow:after {\n  content: \"\\f0141\";\n}\n\n.topnav {\n  background: #fff;\n  padding: 0 calc(1.5rem / 2);\n  margin-top: 70px;\n  position: fixed;\n  left: 0;\n  right: 0;\n  z-index: 100;\n  border-bottom: 1px solid var(--bs-border-color);\n}\n@media (min-width: 992px) {\n  .topnav {\n    background: var(--bs-topnav-bg);\n  }\n}\n.topnav .topnav-menu {\n  margin: 0;\n  padding: 0;\n}\n.topnav .navbar-nav .nav-link {\n  font-size: 14.4px;\n  position: relative;\n  padding: 1rem 1.3rem;\n  color: var(--bs-menu-item-color);\n  font-weight: 500;\n}\n.topnav .navbar-nav .nav-link i {\n  font-size: 15px;\n}\n.topnav .navbar-nav .nav-link svg {\n  height: 16px;\n  width: 16px;\n  color: var(--bs-menu-item-color);\n  fill: var(--bs-sidebar-menu-item-icon-effact-color);\n  margin-right: 7px;\n  margin-top: -3px;\n}\n.topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n  color: var(--bs-menu-item-active-color);\n  background-color: transparent;\n}\n.topnav .navbar-nav .nav-link:focus svg, .topnav .navbar-nav .nav-link:hover svg {\n  color: var(--bs-menu-item-active-color);\n  fill: var(--bs-sidebar-menu-item-active-effact-color);\n}\n.topnav .navbar-nav .dropdown-item {\n  color: var(--bs-menu-item-color);\n}\n.topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover {\n  color: var(--bs-menu-item-active-color);\n}\n.topnav .navbar-nav .nav-item .nav-link.active {\n  color: var(--bs-menu-item-active-color);\n}\n.topnav .navbar-nav .nav-item .nav-link.active svg {\n  color: var(--bs-menu-item-active-color);\n  fill: var(--bs-sidebar-menu-item-active-effact-color);\n}\n.topnav .navbar-nav .dropdown.active > a {\n  color: var(--bs-menu-item-active-color);\n  background-color: transparent;\n}\n.topnav .navbar-nav .dropdown.active > a svg {\n  color: var(--bs-menu-item-active-color);\n  fill: var(--bs-sidebar-menu-item-active-effact-color);\n}\n.topnav .menu-title {\n  padding: 12px 24px !important;\n}\n@media (max-width: 991.98px) {\n  .topnav .menu-title {\n    padding: 12px 16px !important;\n  }\n}\n\n@media (min-width: 1200px) {\n  body[data-layout=horizontal] .container-fluid,\n  body[data-layout=horizontal] .navbar-header {\n    max-width: 85%;\n  }\n}\n@media (min-width: 992px) {\n  .topnav .navbar-nav .nav-item:first-of-type .nav-link {\n    padding-left: 0;\n  }\n  .topnav .dropdown-item {\n    padding: 0.5rem 1.5rem;\n    min-width: 180px;\n  }\n  .topnav .dropdown.mega-dropdown .mega-dropdown-menu {\n    left: 0px;\n    right: auto;\n  }\n  .topnav .dropdown .dropdown-menu {\n    margin-top: 0;\n    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);\n  }\n  .topnav .dropdown .dropdown-menu .arrow-down::after {\n    right: 15px;\n    transform: rotate(-135deg) translateY(-50%);\n    position: absolute;\n  }\n  .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {\n    position: absolute;\n    top: 0 !important;\n    left: 100%;\n    display: none;\n  }\n  .topnav .dropdown:hover > .dropdown-menu {\n    display: block;\n  }\n  .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {\n    display: block;\n  }\n  .navbar-toggle {\n    display: none;\n  }\n}\n.arrow-down {\n  display: inline-block;\n}\n.arrow-down:after {\n  border-color: initial;\n  border-style: solid;\n  border-width: 0 0 1px 1px;\n  content: \"\";\n  height: 0.4em;\n  display: inline-block;\n  right: 5px;\n  top: 50%;\n  margin-left: 10px;\n  transform: rotate(-45deg) translateY(-50%);\n  transform-origin: top;\n  transition: all 0.3s ease-out;\n  width: 0.4em;\n}\n\n@media (max-width: 1199.98px) {\n  .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu {\n    right: 100%;\n    left: auto;\n  }\n}\n@media (max-width: 991.98px) {\n  .navbar-brand-box .logo-dark {\n    display: block;\n  }\n  .navbar-brand-box .logo-dark span.logo-sm {\n    display: block;\n  }\n  .navbar-brand-box .logo-light {\n    display: none;\n  }\n  .topnav {\n    max-height: 360px;\n    overflow-y: auto;\n    padding: 0;\n  }\n  .topnav .navbar-nav .nav-link {\n    padding: 0.75rem 1.1rem;\n  }\n  .topnav .dropdown .dropdown-menu {\n    background-color: transparent;\n    border: none;\n    box-shadow: none;\n    padding-left: 24px;\n  }\n  .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl {\n    width: auto;\n  }\n  .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl .row {\n    margin: 0px;\n  }\n  .topnav .dropdown .dropdown-item {\n    position: relative;\n    background-color: transparent;\n  }\n  .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {\n    color: #5156be;\n  }\n  .topnav .arrow-down::after {\n    right: 15px;\n    position: absolute;\n  }\n}\nbody[data-layout=horizontal][data-topbar=colored] #page-topbar {\n  background-color: #5156be;\n  box-shadow: none;\n}\nbody[data-layout=horizontal][data-topbar=colored] .logo-dark {\n  display: none;\n}\nbody[data-layout=horizontal][data-topbar=colored] .logo-light {\n  display: block;\n}\nbody[data-layout=horizontal][data-topbar=colored] .app-search .form-control {\n  background-color: rgba(var(--bs-topbar-search-bg), 0.07);\n  color: #fff;\n}\nbody[data-layout=horizontal][data-topbar=colored] .app-search span,\nbody[data-layout=horizontal][data-topbar=colored] .app-search input.form-control::-webkit-input-placeholder {\n  color: rgba(255, 255, 255, 0.5);\n}\nbody[data-layout=horizontal][data-topbar=colored] .header-item {\n  color: var(--bs-header-dark-item-color);\n}\nbody[data-layout=horizontal][data-topbar=colored] .header-item:hover {\n  color: var(--bs-header-dark-item-color);\n}\nbody[data-layout=horizontal][data-topbar=colored] .navbar-header .dropdown .show.header-item {\n  background-color: rgba(255, 255, 255, 0.1);\n}\nbody[data-layout=horizontal][data-topbar=colored] .navbar-header .waves-effect .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n}\nbody[data-layout=horizontal][data-topbar=colored] .noti-icon i {\n  color: var(--bs-header-dark-item-color);\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal][data-topbar=colored] .topnav {\n    background-color: #5156be;\n  }\n  body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link {\n    color: rgba(255, 255, 255, 0.6);\n  }\n  body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link:focus, body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link:hover {\n    color: rgba(255, 255, 255, 0.9);\n  }\n  body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav > .dropdown.active > a {\n    color: rgba(255, 255, 255, 0.9) !important;\n  }\n}\n\n[data-bs-theme=dark][data-layout=horizontal][data-topbar=light] .navbar-brand-box .logo-txt {\n  color: #000;\n}\n\nbody[data-layout-size=boxed] {\n  background-color: var(--bs-boxed-body-bg);\n}\nbody[data-layout-size=boxed] #layout-wrapper {\n  background-color: var(--bs-body-bg);\n  max-width: 1300px;\n  margin: 0 auto;\n  box-shadow: rgba(116, 120, 141, 0.1) 0px 5px 20px -6px;\n  min-height: 100vh;\n}\nbody[data-layout-size=boxed] #page-topbar {\n  max-width: 1300px;\n  margin: 0 auto;\n}\nbody[data-layout-size=boxed] .footer {\n  margin: 0 auto;\n  max-width: calc(1300px - 250px);\n}\n@media (min-width: 992px) {\n  body[data-layout-size=boxed][data-sidebar-size=sm] #layout-wrapper {\n    min-height: 1200px;\n  }\n}\nbody[data-layout-size=boxed][data-sidebar-size=sm] .footer {\n  max-width: calc(1300px - 70px);\n}\nbody[data-layout-size=boxed][data-sidebar-size=md] .footer {\n  max-width: calc(1300px - 160px);\n}\n\nbody[data-layout=horizontal][data-layout-size=boxed] #page-topbar, body[data-layout=horizontal][data-layout-size=boxed] #layout-wrapper, body[data-layout=horizontal][data-layout-size=boxed] .footer {\n  max-width: 100%;\n}\nbody[data-layout=horizontal][data-layout-size=boxed] .container-fluid, body[data-layout=horizontal][data-layout-size=boxed] .navbar-header {\n  max-width: 1300px;\n}\n\n@media (min-width: 992px) {\n  body[data-layout-scrollable=true] #page-topbar, body[data-layout-scrollable=true] .vertical-menu {\n    position: absolute;\n  }\n}\n@media (min-width: 992px) {\n  body[data-layout-scrollable=true][data-layout=horizontal] #page-topbar, body[data-layout-scrollable=true][data-layout=horizontal] .topnav {\n    position: absolute;\n  }\n}\n\n:root,\n[data-bs-theme=light] {\n  --bs-header-bg: #fff;\n  --bs-header-item-color: var(--bs-header-item-color);\n  --bs-header-item-sub-color: var(--bs-secondary-color);\n  --bs-sidebar-bg: #fbfaff;\n  --bs-sidebar-menu-item-color: #545a6d;\n  --bs-sidebar-menu-sub-item-color: #545a6d;\n  --bs-sidebar-menu-item-icon-color: #545a6d;\n  --bs-sidebar-menu-item-icon-effact-color: rgba(84, 90, 109, 0.2);\n  --bs-sidebar-menu-item-hover-color: #5156be;\n  --bs-sidebar-menu-item-hover-effact-color: rgba(81, 86, 190, 0.2);\n  --bs-sidebar-menu-item-active-color: #5156be;\n  --bs-sidebar-menu-item-active-effact-color: rgba(81, 86, 190, 0.2);\n  --bs-sidebar-border-color: #e9e9ef;\n  --bs-sidebar-menu-item-active-bg-color: #f3f8fb;\n  --bs-sidebar-menu-item-active-bg-color-dark: #293552;\n  --bs-sidebar-alert: rgba(81, 86, 190, 0.1);\n  --bs-topbar-search-bg: #f3f3f9;\n  --bs-topbar-dark-search-bg: #363a38;\n  --bs-search-width: 0px;\n  --bs-search-border-color: #e9e9ef;\n  --bs-boxed-body-bg: whitesmoke;\n  --bs-topbar-search-bg: #f8f9fa;\n  --bs-topnav-bg: #fbfaff;\n  --bs-topnav-item-color: #ced4da;\n  --bs-topnav-item-color-active: #fff;\n  --bs-menu-item-color: #7b8190;\n  --bs-menu-item-active-color: #5b73e8;\n  --bs-twocolumn-menu-iconview-bg: #fff;\n  --bs-twocolumn-menu-bg: #fff;\n  --bs-footer-bg: #fff;\n  --bs-footer-color: #74788d;\n}\n:root [data-sidebar=dark],\n[data-bs-theme=light] [data-sidebar=dark] {\n  --bs-sidebar-dark-bg: #2C302E;\n  --bs-sidebar-dark-menu-item-color: #99a4b1;\n  --bs-sidebar-dark-menu-sub-item-color: #858d98;\n  --bs-sidebar-dark-menu-item-icon-color: #858d98;\n  --bs-sidebar-dark-menu-item-hover-color: #fff;\n  --bs-sidebar-dark-menu-item-active-color: #fff;\n}\n:root [data-topbar=light],\n[data-bs-theme=light] [data-topbar=light] {\n  --bs-topbar-search-bg: #f8f9fa;\n}\n:root [data-topbar=dark],\n[data-bs-theme=light] [data-topbar=dark] {\n  --bs-header-bg: #2c302e;\n  --bs-header-item-color: #f8f9fa;\n  --bs-header-item-sub-color: #8795ab;\n  --bs-topbar-search-bg: #363a38;\n}\n:root[data-topbar=brand],\n[data-bs-theme=light][data-topbar=brand] {\n  --bs-header-bg: #313472;\n  --bs-header-item-color: #f8f9fa;\n  --bs-header-item-sub-color: #e2e2f4;\n}\n\n[data-bs-theme=dark] {\n  --bs-light: #383d3b;\n  --bs-light-rgb: 56, 61, 59;\n  --bs-dark: #e9e9ef;\n  --bs-dark-rgb: 233, 233, 239;\n  --bs-header-bg: #2c302e;\n  --bs-header-item-color: #e9ecef;\n  --bs-header-item-sub-color: var(--bs-secondary-color);\n  --bs-sidebar-bg: #313533;\n  --bs-sidebar-menu-item-color: #898fa9;\n  --bs-sidebar-menu-sub-item-color: #7b8198;\n  --bs-sidebar-menu-item-icon-color: #666b7f;\n  --bs-sidebar-menu-item-icon-effact-color: rgba(133, 141, 152, 0.2);\n  --bs-sidebar-menu-item-hover-color: #5b73e8;\n  --bs-sidebar-menu-item-hover-effact-color: rgba(255, 255, 255, 0.2);\n  --bs-sidebar-menu-item-active-color: #5b73e8;\n  --bs-sidebar-menu-item-active-effact-color: rgba(255, 255, 255, 0.2);\n  --bs-sidebar-border-color: #373c39;\n  --bs-sidebar-menu-item-active-bg-color: #34415d;\n  --bs-sidebar-menu-item-active-bg-color-dark: #343747;\n  --bs-sidebar-alert: #313533;\n  --bs-sidebar-dark-bg: #2C302E;\n  --bs-sidebar-dark-menu-item-color: #99a4b1;\n  --bs-sidebar-dark-menu-sub-item-color: #858d98;\n  --bs-sidebar-dark-menu-item-icon-color: #858d98;\n  --bs-sidebar-dark-menu-item-hover-color: #ffffff;\n  --bs-sidebar-dark-menu-item-active-color: #ffffff;\n  --bs-search-width: 1px;\n  --bs-search-border-color: #3b403d;\n  --bs-topbar-search-bg: #363a38;\n  --bs-footer-bg: #313533;\n  --bs-footer-color: #adb5bd;\n  --bs-footer-border-color: #383d3b;\n  --bs-topnav-bg: #373c39;\n  --bs-topnav-item-color: #ced4da;\n  --bs-topnav-item-color-active: #fff;\n  --bs-menu-item-color: #99a4b1;\n  --bs-menu-item-active-color: #ffffff;\n  --bs-input-bg: #3b403d;\n  --bs-accordion-button-active-bg: #3b403d;\n  --bs-boxed-body-bg: #3b403d;\n}\n[data-bs-theme=dark] .table-light {\n  --bs-table-color: white;\n  --bs-table-bg: var(--bs-tertiary-bg);\n  --bs-table-border-color: var(--bs-border-color);\n  --bs-table-striped-bg: var(--bs-tertiary-bg);\n  --bs-table-striped-color: white;\n  --bs-table-active-bg: var(--bs-tertiary-bg);\n  --bs-table-active-color: white;\n  --bs-table-hover-bg: var(--bs-tertiary-bg);\n  --bs-table-hover-color: white;\n}\n[data-bs-theme=dark][data-topbar=light] {\n  --bs-topbar-search-bg: #f8f9fa;\n}\n[data-bs-theme=dark][data-sidebar=dark] {\n  --bs-sidebar-dark-bg: #2C302E;\n  --bs-sidebar-dark-menu-item-color: #99a4b1;\n  --bs-sidebar-dark-menu-sub-item-color: #858d98;\n  --bs-sidebar-dark-menu-item-icon-color: #858d98;\n  --bs-sidebar-dark-menu-item-hover-color: #fff;\n  --bs-sidebar-dark-menu-item-active-color: #fff;\n}\n\n/*!\n * Waves v0.7.6\n * http://fian.my.id/Waves \n * \n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \n * Released under the MIT license \n * https://github.com/fians/Waves/blob/master/LICENSE */\n.waves-effect {\n  position: relative;\n  cursor: pointer;\n  display: inline-block;\n  overflow: hidden;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.waves-effect .waves-ripple {\n  position: absolute;\n  border-radius: 50%;\n  width: 100px;\n  height: 100px;\n  margin-top: -50px;\n  margin-left: -50px;\n  opacity: 0;\n  background: rgba(0, 0, 0, 0.2);\n  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  -webkit-transition: all 0.5s ease-out;\n  -moz-transition: all 0.5s ease-out;\n  -o-transition: all 0.5s ease-out;\n  transition: all 0.5s ease-out;\n  -webkit-transition-property: -webkit-transform, opacity;\n  -moz-transition-property: -moz-transform, opacity;\n  -o-transition-property: -o-transform, opacity;\n  transition-property: transform, opacity;\n  -webkit-transform: scale(0) translate(0, 0);\n  -moz-transform: scale(0) translate(0, 0);\n  -ms-transform: scale(0) translate(0, 0);\n  -o-transform: scale(0) translate(0, 0);\n  transform: scale(0) translate(0, 0);\n  pointer-events: none;\n}\n\n.waves-effect.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n}\n\n.waves-effect.waves-classic .waves-ripple {\n  background: rgba(0, 0, 0, 0.2);\n}\n\n.waves-effect.waves-classic.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n}\n\n.waves-notransition {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n\n.waves-button,\n.waves-circle {\n  -webkit-transform: translateZ(0);\n  -moz-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  -o-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);\n}\n\n.waves-button,\n.waves-button:hover,\n.waves-button:visited,\n.waves-button-input {\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  border: none;\n  outline: none;\n  color: inherit;\n  background-color: rgba(0, 0, 0, 0);\n  font-size: 1em;\n  line-height: 1em;\n  text-align: center;\n  text-decoration: none;\n  z-index: 1;\n}\n\n.waves-button {\n  padding: 0.85em 1.1em;\n  border-radius: 0.2em;\n}\n\n.waves-button-input {\n  margin: 0;\n  padding: 0.85em 1.1em;\n}\n\n.waves-input-wrapper {\n  border-radius: 0.2em;\n  vertical-align: bottom;\n}\n\n.waves-input-wrapper.waves-button {\n  padding: 0;\n}\n\n.waves-input-wrapper .waves-button-input {\n  position: relative;\n  top: 0;\n  left: 0;\n  z-index: 1;\n}\n\n.waves-circle {\n  text-align: center;\n  width: 2.5em;\n  height: 2.5em;\n  line-height: 2.5em;\n  border-radius: 50%;\n}\n\n.waves-float {\n  -webkit-mask-image: none;\n  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  -webkit-transition: all 300ms;\n  -moz-transition: all 300ms;\n  -o-transition: all 300ms;\n  transition: all 300ms;\n}\n\n.waves-float:active {\n  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\n  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\n}\n\n.waves-block {\n  display: block;\n}\n\n.waves-effect.waves-light .waves-ripple {\n  background-color: rgba(255, 255, 255, 0.4);\n}\n\n.waves-effect.waves-primary .waves-ripple {\n  background-color: rgba(81, 86, 190, 0.4);\n}\n\n.waves-effect.waves-success .waves-ripple {\n  background-color: rgba(42, 181, 125, 0.4);\n}\n\n.waves-effect.waves-info .waves-ripple {\n  background-color: rgba(75, 166, 239, 0.4);\n}\n\n.waves-effect.waves-warning .waves-ripple {\n  background-color: rgba(255, 191, 83, 0.4);\n}\n\n.waves-effect.waves-danger .waves-ripple {\n  background-color: rgba(253, 98, 94, 0.4);\n}\n\n[data-bs-theme=dark] .accordion-button:after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23313533'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n}\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem;\n}\n\n.avatar-sm {\n  height: 2rem;\n  width: 2rem;\n}\n\n.avatar-md {\n  height: 3rem;\n  width: 3rem;\n}\n\n.avatar-lg {\n  height: 4rem;\n  width: 4rem;\n}\n\n.avatar-xl {\n  height: 5rem;\n  width: 5rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: #5156be;\n  color: var(--bs-white);\n  display: flex;\n  font-weight: 500;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n\n.avatar-group {\n  padding-left: 12px;\n  display: flex;\n  flex-wrap: wrap;\n}\n.avatar-group .avatar-group-item {\n  margin-left: -12px;\n  border: 2px solid var(--bs-secondary-bg);\n  border-radius: 50%;\n  transition: all 0.2s;\n}\n.avatar-group .avatar-group-item:hover {\n  position: relative;\n  transform: translateY(-2px);\n}\n\n.font-size-10 {\n  font-size: 10px !important;\n}\n\n.font-size-11 {\n  font-size: 11px !important;\n}\n\n.font-size-12 {\n  font-size: 12px !important;\n}\n\n.font-size-13 {\n  font-size: 13px !important;\n}\n\n.font-size-14 {\n  font-size: 14px !important;\n}\n\n.font-size-15 {\n  font-size: 15px !important;\n}\n\n.font-size-16 {\n  font-size: 16px !important;\n}\n\n.font-size-17 {\n  font-size: 17px !important;\n}\n\n.font-size-18 {\n  font-size: 18px !important;\n}\n\n.font-size-20 {\n  font-size: 20px !important;\n}\n\n.font-size-22 {\n  font-size: 22px !important;\n}\n\n.font-size-24 {\n  font-size: 24px !important;\n}\n\n.fw-medium {\n  font-weight: 500;\n}\n\n.fw-semibold {\n  font-weight: 600;\n}\n\n.icon-xs {\n  height: 14px;\n  width: 14px;\n}\n\n.icon-sm {\n  height: 16px;\n  width: 16px;\n}\n\n.icon-md {\n  height: 18px;\n  width: 18px;\n}\n\n.icon-lg {\n  height: 20px;\n  width: 20px;\n}\n\n.icon-xl {\n  height: 22px;\n  width: 22px;\n}\n\n.card-h-100 {\n  height: calc(100% - 1.5rem);\n}\n\n.social-list-item {\n  height: 2rem;\n  width: 2rem;\n  line-height: calc(2rem - 4px);\n  display: block;\n  border: 2px solid #adb5bd;\n  border-radius: 50%;\n  color: #adb5bd;\n  text-align: center;\n  transition: all 0.4s;\n}\n.social-list-item:hover {\n  color: #74788d;\n  background-color: #e9e9ef;\n}\n\n.w-xs {\n  min-width: 80px;\n}\n\n.w-sm {\n  min-width: 95px;\n}\n\n.w-md {\n  min-width: 110px;\n}\n\n.w-lg {\n  min-width: 140px;\n}\n\n.w-xl {\n  min-width: 160px;\n}\n\n.bg-overlay {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  top: 0;\n  opacity: 0.7;\n  background-color: #000;\n}\n\n.alert-dismissible .btn-close {\n  font-size: 10px;\n  padding: 1.05rem 1.25rem;\n  background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat;\n}\n\n.btn-group-vertical label {\n  margin-bottom: 0;\n}\n\n.btn-group label {\n  margin-bottom: 0;\n}\n\n[data-bs-theme=dark] .text-light {\n  color: var(--bs-gray-400) !important;\n}\n[data-bs-theme=dark] .text-body {\n  color: var(--bs-gray-400) !important;\n}\n[data-bs-theme=dark] .btn-close {\n  filter: invert(1) grayscale(100%) brightness(200%);\n}\n[data-bs-theme=dark] .btn-close-white {\n  filter: invert(0) grayscale(100%) brightness(200%);\n}\n\n[type=tel]::placeholder,\n[type=url]::placeholder,\n[type=email]::placeholder,\n[type=number]::placeholder {\n  text-align: left;\n}\n\n.form-check {\n  position: relative;\n  text-align: left;\n}\n\n.form-check-right {\n  padding-left: 0;\n  display: inline-block;\n  padding-right: 1.5em;\n}\n.form-check-right .form-check-input {\n  float: right;\n  margin-left: 0;\n  margin-right: -1.5em;\n}\n.form-check-right .form-check-label {\n  display: block;\n}\n\n.form-checkbox-outline .form-check-input {\n  border-width: 2px;\n  background-color: var(--bs-secondary-bg);\n}\n.form-checkbox-outline .form-check-input:active {\n  filter: none;\n}\n.form-checkbox-outline .form-check-input:checked {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.form-checkbox-outline .form-check-input:checked[type=checkbox] {\n  background-image: none;\n}\n.form-checkbox-outline .form-check-input:checked:after {\n  position: absolute;\n  content: \"\\f012c\";\n  font-family: \"Material Design Icons\";\n  top: -4px !important;\n  left: 1px;\n  /*rtl: -4px */\n  font-size: 16px;\n  color: #212529;\n}\n\n.form-radio-outline .form-check-input {\n  background-color: var(--bs-secondary-bg);\n  position: relative;\n}\n.form-radio-outline .form-check-input:active {\n  filter: none;\n}\n.form-radio-outline .form-check-input:checked {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.form-radio-outline .form-check-input:checked[type=checkbox] {\n  background-image: none;\n}\n.form-radio-outline .form-check-input:checked:after {\n  position: absolute;\n  content: \"\";\n  top: 3px !important;\n  left: 3px;\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n}\n\n.form-check-primary .form-check-input:checked {\n  background-color: #5156be;\n  border-color: #5156be;\n}\n\n.form-radio-primary .form-check-input:checked {\n  border-color: #5156be;\n  background-color: #5156be;\n}\n.form-radio-primary .form-check-input:checked:after {\n  background-color: #5156be;\n}\n\n.form-check-secondary .form-check-input:checked {\n  background-color: #74788d;\n  border-color: #74788d;\n}\n\n.form-radio-secondary .form-check-input:checked {\n  border-color: #74788d;\n  background-color: #74788d;\n}\n.form-radio-secondary .form-check-input:checked:after {\n  background-color: #74788d;\n}\n\n.form-check-success .form-check-input:checked {\n  background-color: #2ab57d;\n  border-color: #2ab57d;\n}\n\n.form-radio-success .form-check-input:checked {\n  border-color: #2ab57d;\n  background-color: #2ab57d;\n}\n.form-radio-success .form-check-input:checked:after {\n  background-color: #2ab57d;\n}\n\n.form-check-info .form-check-input:checked {\n  background-color: #4ba6ef;\n  border-color: #4ba6ef;\n}\n\n.form-radio-info .form-check-input:checked {\n  border-color: #4ba6ef;\n  background-color: #4ba6ef;\n}\n.form-radio-info .form-check-input:checked:after {\n  background-color: #4ba6ef;\n}\n\n.form-check-warning .form-check-input:checked {\n  background-color: #ffbf53;\n  border-color: #ffbf53;\n}\n\n.form-radio-warning .form-check-input:checked {\n  border-color: #ffbf53;\n  background-color: #ffbf53;\n}\n.form-radio-warning .form-check-input:checked:after {\n  background-color: #ffbf53;\n}\n\n.form-check-danger .form-check-input:checked {\n  background-color: #fd625e;\n  border-color: #fd625e;\n}\n\n.form-radio-danger .form-check-input:checked {\n  border-color: #fd625e;\n  background-color: #fd625e;\n}\n.form-radio-danger .form-check-input:checked:after {\n  background-color: #fd625e;\n}\n\n.form-check-light .form-check-input:checked {\n  background-color: #e9e9ef;\n  border-color: #e9e9ef;\n}\n\n.form-radio-light .form-check-input:checked {\n  border-color: #e9e9ef;\n  background-color: #e9e9ef;\n}\n.form-radio-light .form-check-input:checked:after {\n  background-color: #e9e9ef;\n}\n\n.form-check-dark .form-check-input:checked {\n  background-color: #212529;\n  border-color: #212529;\n}\n\n.form-radio-dark .form-check-input:checked {\n  border-color: #212529;\n  background-color: #212529;\n}\n.form-radio-dark .form-check-input:checked:after {\n  background-color: #212529;\n}\n\n.form-check,\n.form-check-input,\n.form-check-label {\n  cursor: pointer;\n  margin-bottom: 0;\n}\n\n.form-switch-md {\n  font-size: 20px;\n  min-height: 26px;\n  line-height: 26px;\n}\n.form-switch-md .form-check-label {\n  font-size: 0.875rem;\n  vertical-align: middle;\n}\n\n.form-switch-lg {\n  font-size: 26px;\n  min-height: 36px;\n  line-height: 36px;\n}\n.form-switch-lg .form-check-label {\n  font-size: 0.875rem;\n  vertical-align: middle;\n}\n\n.input-group-text {\n  margin-bottom: 0px;\n}\n\n.custom-control-label::before {\n  background-color: var(--bs-tertiary-bg);\n}\n\n[data-bs-theme=dark] .form-select {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ced4da' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\");\n}\n[data-bs-theme=dark] .form-switch .form-check-input,\n[data-bs-theme=dark] .form-switch .form-check-input:focus {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ced4da'/%3e%3c/svg%3e\");\n}\n\n[dir=rtl] input {\n  text-align: end;\n}\n\n.widget-box-1-icon {\n  position: absolute;\n  right: -15px;\n  top: -25px;\n  font-size: 5rem;\n  opacity: 0.1;\n}\n\n.widget-carousel .carousel-indicators {\n  margin: 0px auto;\n  position: relative;\n}\n\n.activity-border:before {\n  content: \"\";\n  position: absolute;\n  height: 80px;\n  border-left: 2px dashed var(--bs-gray-400);\n  top: 40px;\n  left: 2px;\n}\n\n.activity-wid {\n  margin-left: 16px;\n}\n.activity-wid .activity-list {\n  position: relative;\n  padding: 0 0 20px 45px;\n}\n.activity-wid .activity-list .activity-icon {\n  position: absolute;\n  left: -20px;\n  top: -3px;\n  z-index: 2;\n  background: var(--bs-card-bg);\n}\n.activity-wid .activity-list .activity-icon img {\n  border: 5px solid var(--bs-secondary-bg);\n}\n.activity-wid .activity-list .activity-icon span {\n  border: 5px solid var(--bs-card-bg);\n}\n.activity-wid .activity-list:last-child {\n  padding-bottom: 0px;\n}\n\n.grid-example {\n  background-color: rgba(81, 86, 190, 0.05);\n  border-radius: 5px;\n  font-weight: 500;\n  padding: 10px 20px;\n  font-size: 0.8rem;\n}\n\n.bs-example-modal {\n  position: relative;\n  top: auto;\n  right: auto;\n  bottom: auto;\n  left: auto;\n  z-index: 1;\n  display: block;\n}\n\n[dir=rtl] .modal-open {\n  padding-left: 0px !important;\n}\n\n.icon-demo-content {\n  color: var(--bs-gray-500);\n}\n.icon-demo-content i {\n  display: inline-flex;\n  width: 40px;\n  height: 40px;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  color: var(--bs-tertiary-600);\n  transition: all 0.4s;\n  border: 1px solid var(--bs-border-color);\n  border-radius: 50%;\n  margin-right: 16px;\n  vertical-align: middle;\n}\n.icon-demo-content .col-lg-4 {\n  margin-top: 24px;\n}\n.icon-demo-content .col-lg-4:hover i {\n  background-color: rgba(81, 86, 190, 0.2);\n  color: #5156be;\n}\n\n.grid-structure .grid-container {\n  background-color: var(--bs-secondary-bg);\n  margin-top: 10px;\n  font-size: 0.8rem;\n  font-weight: 500;\n  padding: 10px 20px;\n}\n\n.card-radio {\n  background-color: var(--bs-secondary-bg);\n  border: 2px solid var(--bs-border-color);\n  border-radius: 0.25rem;\n  padding: 1rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.card-radio:hover {\n  cursor: pointer;\n}\n\n.card-radio-label {\n  display: block;\n}\n\n.card-radio-input {\n  display: none;\n}\n.card-radio-input:checked + .card-radio {\n  border-color: #5156be !important;\n}\n\n.spin-left:before {\n  animation: spin-left 2s infinite linear;\n}\n\n.spin-right:before {\n  animation: spin-right 2s infinite linear;\n}\n\n@keyframes spin-left {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(-359deg);\n  }\n}\n@keyframes spin-right {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(359deg);\n    transform: rotate(359deg);\n  }\n}\n@media print {\n  .vertical-menu,\n  .right-bar,\n  .page-title-box,\n  .navbar-header,\n  .footer {\n    display: none !important;\n  }\n  .card-body,\n  .main-content,\n  .right-bar,\n  .page-content,\n  body {\n    padding: 0;\n    margin: 0;\n  }\n  .card {\n    border: 0;\n  }\n}\n.z-index {\n  position: relative;\n}\n.z-index .box-2 {\n  top: 13px;\n  left: 16px;\n}\n.z-index .box-3 {\n  top: 25px;\n  left: 31px;\n}\n.z-index .box-4 {\n  top: 39px;\n  left: 45px;\n}\n.z-index .box-5 {\n  top: 52px;\n  left: 59px;\n}\n\n[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%; /* Not required for horizontal scroll to trigger */\n  max-height: 100%; /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: \" \";\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 6px;\n  min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: \"\";\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n}\n\n.custom-scroll {\n  height: 100%;\n}\n\n/* ==============\n  Calendar\n===================*/\n.fc td,\n.fc th {\n  border: var(--bs-border-width) solid var(--bs-border-color);\n}\n\n.fc .fc-toolbar h2 {\n  font-size: 16px;\n  line-height: 30px;\n  text-transform: uppercase;\n}\n@media (max-width: 767.98px) {\n  .fc .fc-toolbar .fc-left,\n  .fc .fc-toolbar .fc-right,\n  .fc .fc-toolbar .fc-center {\n    float: none;\n    display: block;\n    text-align: center;\n    clear: both;\n    margin: 10px 0;\n  }\n  .fc .fc-toolbar > * > * {\n    float: none;\n  }\n  .fc .fc-toolbar .fc-today-button {\n    display: none;\n  }\n}\n.fc .fc-toolbar .btn {\n  text-transform: capitalize;\n}\n\n.fc th.fc-widget-header {\n  background: #f6f6f6;\n  color: #313533;\n  line-height: 20px;\n  padding: 10px 0;\n  text-transform: uppercase;\n  font-weight: 700;\n}\n\n.fc-unthemed .fc-content,\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-list-heading td,\n.fc-unthemed .fc-list-view,\n.fc-unthemed .fc-popover,\n.fc-unthemed .fc-row,\n.fc-unthemed tbody,\n.fc-unthemed td,\n.fc-unthemed th,\n.fc-unthemed thead {\n  border-color: #f6f6f6;\n}\n.fc-unthemed td.fc-today {\n  background: #efeff3;\n}\n\n.fc-button {\n  background: var(--bs-secondary-bg);\n  border-color: var(--bs-border-color);\n  color: #313533;\n  text-transform: capitalize;\n  box-shadow: none;\n  padding: 6px 12px !important;\n  height: auto !important;\n}\n\n.fc-state-down,\n.fc-state-active,\n.fc-state-disabled {\n  background-color: #5156be;\n  color: #fff;\n  text-shadow: none;\n}\n\n.fc-event {\n  border-radius: 2px;\n  border: none;\n  cursor: move;\n  font-size: 0.8125rem;\n  margin: 5px 7px;\n  padding: 5px 5px;\n  text-align: center;\n}\n\n.fc-event,\n.fc-event-dot {\n  background-color: #5156be;\n}\n\n.fc-event .fc-content {\n  color: #fff;\n}\n\n#external-events .external-event {\n  text-align: left;\n  padding: 8px 16px;\n}\n\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content {\n  color: var(--bs-light);\n}\n\n.fc .fc-button-primary {\n  background-color: var(--bs-primary) !important;\n  border-color: var(--bs-primary) !important;\n  box-shadow: none !important;\n}\n\n.fc-scrollgrid {\n  border-color: var(--bs-border-color) !important;\n}\n\n.fc-theme-standard .fc-list-day-cushion {\n  background-color: var(--bs-tertiary-bg) !important;\n}\n\n.fc-theme-standard .fc-list {\n  border: var(--bs-border-color) !important;\n}\n\n.fc-daygrid-event-dot {\n  display: none !important;\n}\n\n.fc-event {\n  justify-content: center;\n}\n.fc-event.fc-event-draggable {\n  text-align: center;\n  color: #fff !important;\n}\n.fc-event .fc-event-title {\n  flex-grow: 0 !important;\n}\n\n.fc .fc-daygrid-day.fc-day-today {\n  background-color: #b7dbf9 !important;\n}\n\n[dir=rtl] .fc-header-toolbar {\n  direction: ltr !important;\n}\n[dir=rtl] .fc-toolbar > * > :not(:first-child) {\n  margin-left: 0.75em;\n}\n\n@media (max-width: 575.98px) {\n  .fc-toolbar {\n    flex-direction: column;\n  }\n}\n\n[data-bs-theme=dark] .fc-scrollgrid {\n  border-color: #383d3e !important;\n}\n[data-bs-theme=dark] .fc-event.bg-dark {\n  background-color: #171c1c !important;\n}\n\n#session-timeout-dialog .close {\n  display: none;\n}\n#session-timeout-dialog .countdown-holder {\n  color: #fd625e;\n  font-weight: 500;\n}\n#session-timeout-dialog .btn-default {\n  background-color: #fff;\n  color: #fd625e;\n  box-shadow: none;\n}\n\n.noUi-connect {\n  background: #4ba6ef;\n}\n\n.noUi-handle {\n  border-color: var(--bs-light);\n  background: var(--bs-card-bg);\n  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px var(--bs-light), 0 3px 6px -3px var(--bs-light) !important;\n}\n\n.noUi-horizontal {\n  height: 8px;\n}\n.noUi-horizontal .noUi-handle {\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  right: -10px;\n  top: -7px;\n}\n.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {\n  display: none;\n}\n.noUi-horizontal .noUi-handle:focus {\n  outline: 0;\n}\n\n.noUi-connects, .noUi-touch-area {\n  cursor: pointer;\n}\n\n.noUi-pips-horizontal {\n  height: 50px;\n}\n\n.noUi-vertical {\n  width: 8px;\n}\n.noUi-vertical .noUi-handle {\n  height: 20px;\n  width: 20px;\n  right: -7px;\n  top: -12px;\n  border-radius: 50%;\n}\n.noUi-vertical .noUi-handle::before, .noUi-vertical .noUi-handle::after {\n  display: none;\n}\n.noUi-vertical .noUi-handle:focus {\n  outline: 0;\n}\n\n.noUi-value {\n  font-size: 12px;\n}\n\n.noUi-marker-horizontal.noUi-marker-large {\n  height: 6px;\n}\n.noUi-marker-horizontal.noUi-marker {\n  display: none;\n}\n\n.noUi-target {\n  background-color: var(--bs-light);\n  border-color: var(--bs-light);\n  box-shadow: inset 0 1px 1px var(--bs-light), 0 3px 6px -5px var(--bs-light);\n}\n\n.noUi-touch-area:focus {\n  outline: 0;\n}\n\n#red,\n#green,\n#blue {\n  margin: 10px;\n  display: inline-block;\n  height: 200px;\n}\n\n#colorpicker {\n  height: 240px;\n  width: 310px;\n  margin: 0 auto;\n  padding: 10px;\n  border: 1px solid var(--bs-border-color);\n}\n\n#result {\n  margin: 60px 26px;\n  height: 100px;\n  width: 100px;\n  display: inline-block;\n  vertical-align: top;\n  border: 1px solid var(--bs-border-color);\n  box-shadow: 0 0 3px;\n  border-radius: 7px;\n}\n\n#red .noUi-connect {\n  background: #fd625e;\n}\n\n#green .noUi-connect {\n  background: #2ab57d;\n}\n\n#blue .noUi-connect {\n  background: #5156be;\n}\n\n.form-control.keyboard {\n  max-width: 340px !important;\n}\n\n#input-select,\n#input-number {\n  padding: 7px;\n  margin: 15px 5px 5px;\n  width: 70px;\n}\n\n.example-val {\n  font-size: 12px;\n  color: var(--bs-secondary-color);\n  display: block;\n  margin: 15px 0;\n}\n.example-val:before {\n  content: \"Value: \";\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.noUi-tooltip {\n  display: none;\n}\n\n.noUi-active .noUi-tooltip {\n  display: block;\n}\n\n.c-1-color {\n  background: #fd625e;\n}\n\n.c-2-color {\n  background: #ffbf53;\n}\n\n.c-3-color {\n  background: #2ab57d;\n}\n\n.c-4-color {\n  background: #5156be;\n}\n\n.c-5-color {\n  background: #6f42c1;\n}\n\n#slider-toggle {\n  height: 50px;\n}\n#slider-toggle.off .noUi-handle {\n  border-color: #fd625e;\n}\n\n.swal2-container .swal2-title {\n  font-size: 22px;\n  font-weight: 500;\n}\n.swal2-container .swal2-html-container {\n  color: var(--bs-body-color) !important;\n}\n.swal2-container .swal2-popup {\n  background-color: var(--bs-secondary-bg);\n}\n\n.swal2-modal {\n  font-size: 14px;\n}\n\n.swal2-icon.swal2-question {\n  border-color: #4ba6ef;\n  color: #4ba6ef;\n}\n.swal2-icon.swal2-success [class^=swal2-success-line] {\n  background-color: #2ab57d;\n}\n.swal2-icon.swal2-success .swal2-success-ring {\n  border-color: rgba(42, 181, 125, 0.3);\n}\n.swal2-icon.swal2-warning {\n  border-color: #ffbf53;\n  color: #ffbf53;\n}\n\n.swal2-styled:focus {\n  box-shadow: none;\n}\n\n.swal2-progress-steps .swal2-progress-step {\n  background: #5156be;\n}\n.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n  background: #5156be;\n}\n.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {\n  background: rgba(81, 86, 190, 0.3);\n}\n.swal2-progress-steps .swal2-progress-step-line {\n  background: #5156be;\n}\n\n.swal2-loader {\n  border-color: #5156be transparent #5156be transparent;\n}\n\n.alertify .ajs-body .ajs-content .ajs-input {\n  color: var(--bs-gray-600);\n  background-color: var(--bs-secondary-bg);\n  border: 1px solid var(--bs-gray-300);\n}\n\n.alertify .ajs-footer .ajs-buttons .ajs-button {\n  color: var(--bs-gray-500);\n}\n\n.alertify .ajs-header {\n  font-weight: 500;\n  background-color: var(--bs-secondary-bg);\n}\n.alertify .ajs-body {\n  color: var(--bs-gary-600);\n}\n.alertify .ajs-dialog {\n  box-shadow: rgba(116, 120, 141, 0.1) 0px 5px 20px -6px;\n  background-color: var(--bs-secondary-bg);\n}\n.alertify .ajs-dialog .ajs-header, .alertify .ajs-dialog .ajs-footer {\n  background-color: var(--bs-secondary-bg);\n  color: var(--bs-gary-600);\n  border-bottom: var(--bs-border-color) 1px solid;\n  border-top: var(--bs-border-color) 1px solid;\n}\n.alertify .ajs-footer {\n  background-color: var(--bs-secondary-bg);\n}\n.alertify .ajs-footer .ajs-buttons .ajs-button {\n  font-weight: 500;\n}\n.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {\n  color: #5156be;\n}\n.alertify .ajs-footer .ajs-buttons.ajs-primary {\n  text-align: right;\n}\n.alertify .ajs-body .ajs-content .ajs-input:focus-visible {\n  outline: none;\n}\n.alertify .ajs-commands {\n  right: 4px;\n  left: auto;\n  margin: -14px 0 0 24px;\n}\n.alertify .ajs-commands .ajs-header {\n  background-color: var(--bs-secondary-bg);\n}\n\n.alertify-notifier .ajs-message {\n  background-color: #5156be;\n  border-color: #5156be;\n  color: #fff;\n  text-shadow: none !important;\n}\n.alertify-notifier .ajs-message.ajs-success {\n  background-color: #2ab57d;\n  border-color: #2ab57d;\n}\n.alertify-notifier .ajs-message.ajs-error {\n  background-color: #fd625e;\n  border-color: #fd625e;\n}\n.alertify-notifier .ajs-message.ajs-warning {\n  background-color: #ffbf53;\n  border-color: #ffbf53;\n}\n.alertify-notifier.ajs-right {\n  right: 10px;\n  left: auto;\n}\n.alertify-notifier.ajs-right .ajs-message {\n  right: -320px;\n  left: auto;\n}\n.alertify-notifier.ajs-right .ajs-message.ajs-visible {\n  right: 290px;\n  left: auto;\n}\n.alertify-notifier.ajs-left {\n  left: 10px;\n  right: auto;\n}\n.alertify-notifier.ajs-left .ajs-message {\n  left: -300px;\n  right: auto;\n}\n.alertify-notifier.ajs-left .ajs-message.ajs-visible {\n  left: 0;\n  right: auto;\n}\n\n.pristine-error {\n  margin-top: 2px;\n  color: #fd625e;\n}\n\n.has-success .form-control {\n  border-color: #2ab57d;\n}\n\n.has-danger .form-control {\n  border-color: #fd625e;\n}\n\n.choices__inner {\n  background-color: var(--bs-input-bg);\n  padding: 0.25rem 3rem 0.25rem 0.5rem;\n  background-color: var(--bs-tertiary-bg);\n  vertical-align: middle;\n  border-radius: var(--bs-border-radius);\n  border: var(--bs-border-width) solid var(--bs-border-color);\n  min-height: 38px;\n  border: 1px solid var(--bs-border-color);\n}\n\n.choices__heading {\n  border-bottom: 1px solid var(--bs-border-color);\n}\n\n.is-focused .choices__inner, .is-open .choices__inner {\n  border-color: var(--bs-border-color);\n}\n\n.choices__list--dropdown {\n  border-color: var(--bs-border-color) !important;\n}\n\n.choices[data-type*=select-one] .choices__input {\n  background-color: var(--bs-input-bg) !important;\n  border-color: var(--bs-border-color);\n}\n\n.choices[data-type*=select-one] .choices__inner {\n  padding-bottom: 0.25rem;\n  background-color: var(--bs-input-bg) !important;\n}\n.choices[data-type*=select-one] .choices__button {\n  right: 0;\n  left: auto;\n  margin-right: 25px;\n  margin-left: 0;\n}\n.choices[data-type*=select-one]:after {\n  border-color: var(--bs-dark) transparent transparent;\n  right: 11.5px;\n  left: auto;\n}\n.choices[data-type*=select-one].is-open:after {\n  border-color: transparent transparent var(--bs-dark);\n}\n\n.choices__input {\n  background-color: var(--bs-input-bg);\n  margin-bottom: 0;\n  color: var(--bs-gray-600);\n}\n\n.choices__list--multiple {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.choices__list--multiple .choices__item {\n  background-color: #5156be;\n  border-color: #5156be;\n  margin-bottom: 0;\n  font-weight: 400;\n}\n.choices__list--multiple .choices__item.is-highlighted {\n  background-color: #5156be;\n  border: 1px solid #5156be;\n}\n\n.choices.is-disabled .choices__inner,\n.choices.is-disabled .choices__input {\n  background-color: var(--bs-light);\n}\n\n.is-disabled .choices__list--multiple .choices__item {\n  background-color: #74788d;\n  border-color: #74788d;\n}\n\n.choices[data-type*=select-multiple] .choices__button,\n.choices[data-type*=text] .choices__button {\n  border-left: 1px solid rgba(255, 255, 255, 0.5);\n  margin: 0 -4px 0 8px;\n  border-right: 0;\n}\n\n.choices__list--dropdown {\n  background-color: var(--bs-body-bg) !important;\n  border: 1px solid var(--bs-border-color);\n}\n.choices__list--dropdown .choices__item--selectable.is-highlighted {\n  background-color: var(--bs-gray-300);\n}\n\n/* CSS Switch */\ninput[switch] {\n  display: none;\n}\ninput[switch] + label {\n  font-size: 1em;\n  line-height: 1;\n  width: 56px;\n  height: 24px;\n  background-color: #ced4da;\n  background-image: none;\n  border-radius: 2rem;\n  padding: 0.16667rem;\n  cursor: pointer;\n  display: inline-block;\n  text-align: center;\n  position: relative;\n  font-weight: 500;\n  transition: all 0.1s ease-in-out;\n}\ninput[switch] + label:before {\n  color: #212529;\n  content: attr(data-off-label);\n  display: block;\n  font-family: inherit;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 21px;\n  position: absolute;\n  right: 1px;\n  margin: 3px;\n  top: -2px;\n  text-align: center;\n  min-width: 1.66667rem;\n  overflow: hidden;\n  transition: all 0.1s ease-in-out;\n}\ninput[switch] + label:after {\n  content: \"\";\n  position: absolute;\n  left: 3px;\n  background-color: #e9e9ef;\n  box-shadow: none;\n  border-radius: 2rem;\n  height: 20px;\n  width: 20px;\n  top: 2px;\n  transition: all 0.1s ease-in-out;\n}\ninput[switch]:checked + label {\n  background-color: #5156be;\n}\n\ninput[switch]:checked + label {\n  background-color: #5156be;\n}\ninput[switch]:checked + label:before {\n  color: #fff;\n  content: attr(data-on-label);\n  right: auto;\n  left: 3px;\n}\ninput[switch]:checked + label:after {\n  left: 33px;\n  background-color: #e9e9ef;\n}\n\ninput[switch=bool] + label {\n  background-color: #fd625e;\n}\n\ninput[switch=bool] + label:before, input[switch=bool]:checked + label:before,\ninput[switch=default]:checked + label:before {\n  color: #fff;\n}\n\ninput[switch=bool]:checked + label {\n  background-color: #2ab57d;\n}\n\ninput[switch=default]:checked + label {\n  background-color: #a2a2a2;\n}\n\ninput[switch=primary]:checked + label {\n  background-color: #5156be;\n}\n\ninput[switch=success]:checked + label {\n  background-color: #2ab57d;\n}\n\ninput[switch=info]:checked + label {\n  background-color: #4ba6ef;\n}\n\ninput[switch=warning]:checked + label {\n  background-color: #ffbf53;\n}\n\ninput[switch=danger]:checked + label {\n  background-color: #fd625e;\n}\n\ninput[switch=dark]:checked + label {\n  background-color: #212529;\n}\ninput[switch=dark]:checked + label:before {\n  color: #e9e9ef;\n}\n\n.square-switch {\n  margin-right: 7px;\n}\n.square-switch input[switch] + label, .square-switch input[switch] + label:after {\n  border-radius: 4px;\n}\n\n.pcr-app {\n  background: var(--bs-card-bg);\n}\n\n.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {\n  margin-right: 0.75em;\n  margin-left: 0;\n}\n.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity {\n  margin-left: 0.75em;\n  margin-right: 0;\n}\n\n.flatpickr-input[readonly] {\n  background-color: var(--bs-tertiary-bg);\n}\n\n.flatpickr-months,\n.flatpickr-weekdays {\n  background-color: #5156be;\n}\n\nspan.flatpickr-weekday {\n  color: #fff;\n  font-weight: 500;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n  background-color: transparent !important;\n}\n\n.flatpickr-am-pm:focus, .flatpickr-am-pm:hover,\n.numInput:focus,\n.numInput:hover,\n.numInputWrapper:focus,\n.numInputWrapper:hover {\n  background-color: transparent !important;\n}\n\n.flatpickr-weekdays {\n  height: 36px !important;\n  border-bottom: 1px solid var(--bs-border-color);\n}\n\n.flatpickr-day {\n  color: var(--bs-dark) !important;\n}\n.flatpickr-day:hover, .flatpickr-day:focus {\n  background-color: rgba(233, 233, 239, 0.7) !important;\n}\n.flatpickr-day.today {\n  border-color: #5156be !important;\n  background-color: rgba(81, 86, 190, 0.1);\n}\n.flatpickr-day.today:hover, .flatpickr-day.today:focus {\n  color: var(--bs-dark) !important;\n  background-color: rgba(81, 86, 190, 0.15) !important;\n}\n.flatpickr-day.selected {\n  background-color: #5156be !important;\n  border-color: #5156be !important;\n  color: #fff !important;\n}\n.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {\n  color: var(--bs-gray-400) !important;\n}\n.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {\n  background-color: var(--bs-light) !important;\n  border-color: var(--bs-light) !important;\n}\n.flatpickr-day.inRange {\n  box-shadow: -5px 0 0 #e9e9ef, 5px 0 0 #e9e9ef;\n}\n\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month,\n.flatpickr-months .flatpickr-month {\n  color: rgba(255, 255, 255, 0.9) !important;\n  fill: rgba(255, 255, 255, 0.9) !important;\n}\n\n.flatpickr-monthDropdown-month {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {\n  color: rgba(255, 255, 255, 0.9) !important;\n}\n\n.flatpickr-time input,\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n  color: var(--bs- #e9e9ef) !important;\n}\n\n.flatpickr-calendar {\n  background-color: var(--bs-body-bg) !important;\n  box-shadow: 1px 0 0 var(--bs-border-color), -1px 0 0 var(--bs-border-color), 0 1px 0 var(--bs-border-color), 0 -1px 0 var(--bs-border-color), 0 3px 13px rgba(0, 0, 0, 0.08) !important;\n}\n.flatpickr-calendar.hasTime .flatpickr-time {\n  border-top: 1px solid var(--bs-border-color) !important;\n}\n\n.flatpickr-months {\n  border-radius: 5px 5px 0px 0px;\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n  fill: rgba(255, 255, 255, 0.9) !important;\n}\n\n.ck-editor__editable {\n  min-height: 250px !important;\n}\n\n.ck.ck-reset_all, .ck.ck-reset_all * {\n  color: var(--bs-body-color) !important;\n}\n.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {\n  border-color: var(--bs-border-color) !important;\n}\n.ck.ck-toolbar {\n  background-color: var(--bs-light) !important;\n  border-color: var(--bs-border-color) !important;\n}\n.ck.ck-toolbar .ck.ck-toolbar__separator {\n  background-color: var(--bs-border-color) !important;\n}\n.ck.ck-tooltip .ck-tooltip__text {\n  background-color: #212529 !important;\n  color: #e9e9ef !important;\n}\n.ck.ck-editor__main > .ck-editor__editable, .ck.ck-list {\n  background-color: var(--bs-card-bg) !important;\n}\n.ck.ck-dropdown__panel {\n  border-color: var(--bs-border-color) !important;\n}\n.ck.ck-responsive-form {\n  background-color: var(--bs-card-bg) !important;\n}\n.ck.ck-input-text {\n  background-color: var(--bs-light) !important;\n}\n.ck.ck-dropdown__panel {\n  background-color: var(--bs-card-bg) !important;\n}\n\n.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover, .ck.ck-button.ck-on, a.ck.ck-button.ck-on {\n  background-color: var(--bs-light) !important;\n}\n\n[dir=rtl] .ck.ck-toolbar > .ck-toolbar__items {\n  flex-direction: row-reverse;\n}\n\n[data-bs-theme=dark] .ck.ck-editor__main > .ck-editor__editable {\n  background-color: var(--bs-body-bg) !important;\n}\n\n/* Dropzone */\n.dropzone {\n  min-height: 230px;\n  border: 2px dashed var(--bs-border-color);\n  background: var(--bs-card-bg);\n  border-radius: 6px;\n}\n.dropzone .dz-message {\n  font-size: 24px;\n  width: 100%;\n}\n\n.twitter-bs-wizard .twitter-bs-wizard-nav .step-icon {\n  display: inline-block;\n  width: 56px;\n  height: 56px;\n  line-height: 54px;\n  border: 1px solid rgba(81, 86, 190, 0.2);\n  color: #5156be;\n  text-align: center;\n  border-radius: 50%;\n  position: relative;\n  z-index: 1;\n  font-size: 20px;\n}\n@media (max-width: 575.98px) {\n  .twitter-bs-wizard .twitter-bs-wizard-nav .step-icon {\n    width: 40px;\n    height: 40px;\n    line-height: 38px;\n  }\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .step-title {\n  margin-left: 6px;\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item:last-child .nav-link::after {\n  display: none;\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item .nav-link.done .step-icon {\n  background-color: #5156be;\n  color: #fff;\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item .nav-link.done .uil:before {\n  content: \"\\e9c3\";\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link {\n  font-size: 14px;\n  position: relative;\n}\n@media (max-width: 575.98px) {\n  .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link {\n    padding: 0.5rem;\n  }\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {\n  content: \"\";\n  position: absolute;\n  width: 75%;\n  height: 2px;\n  background-color: var(--bs-border-color);\n  left: 62%;\n  top: 50%;\n  transform: translateY(-50%);\n}\n@media (max-width: 575.98px) {\n  .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {\n    display: none;\n  }\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active {\n  color: #313533;\n  background-color: transparent;\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active .step-icon {\n  background-color: rgba(81, 86, 190, 0.2);\n  color: #5156be;\n  border-color: rgba(81, 86, 190, 0.2);\n}\n.twitter-bs-wizard .twitter-bs-wizard-pager-link {\n  padding-top: 24px;\n  padding-left: 0;\n  list-style: none;\n  margin-bottom: 0;\n}\n.twitter-bs-wizard .twitter-bs-wizard-pager-link li {\n  display: inline-block;\n}\n.twitter-bs-wizard .twitter-bs-wizard-pager-link li.next {\n  float: right;\n}\n\n.twitter-bs-wizard-tab-content {\n  padding-top: 24px;\n  min-height: 262px;\n}\n\n.gslide .gdesc-inner {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.gslide .gdesc-inner .gslide-title {\n  color: var(--bs-body-color) !important;\n}\n\n/* \nDatatable\n*/\ndiv.dataTables_wrapper div.dataTables_filter {\n  text-align: right;\n}\n@media (max-width: 767px) {\n  div.dataTables_wrapper div.dataTables_filter {\n    text-align: center;\n  }\n}\ndiv.dataTables_wrapper div.dataTables_filter input {\n  margin-left: 0.5em;\n  margin-right: 0;\n}\n\n.table.dataTable.dtr-inline.collapsed > tbody > tr > td,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td {\n  position: relative;\n}\n.table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {\n  padding-left: 30px;\n}\n.table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {\n  top: 50%;\n  left: 5px;\n  height: 14px;\n  width: 14px;\n  margin-top: -9px;\n  display: block;\n  position: absolute;\n  color: #fff;\n  border: 2px solid #fff;\n  border-radius: 14px;\n  box-sizing: content-box;\n  text-align: center;\n  text-indent: 0 !important;\n  line-height: 14px;\n  content: \"+\";\n  background-color: #5156be;\n}\n.table.dataTable > thead > tr > th:not(.sorting_disabled),\n.table.dataTable > thead > tr > td:not(.sorting_disabled),\ntable.dataTable > thead > tr > th:not(.sorting_disabled),\ntable.dataTable > thead > tr > td:not(.sorting_disabled) {\n  padding-right: 30px;\n  padding-left: 12px;\n}\n.table.dataTable > thead .sorting::before,\n.table.dataTable > thead .sorting_asc::before,\n.table.dataTable > thead .sorting_desc::before,\n.table.dataTable > thead .sorting_asc_disabled::before,\n.table.dataTable > thead .sorting_desc_disabled::before,\ntable.dataTable > thead .sorting::before,\ntable.dataTable > thead .sorting_asc::before,\ntable.dataTable > thead .sorting_desc::before,\ntable.dataTable > thead .sorting_asc_disabled::before,\ntable.dataTable > thead .sorting_desc_disabled::before {\n  right: 1em;\n  left: auto;\n}\n.table.dataTable > thead .sorting::after,\n.table.dataTable > thead .sorting_asc::after,\n.table.dataTable > thead .sorting_desc::after,\n.table.dataTable > thead .sorting_asc_disabled::after,\n.table.dataTable > thead .sorting_desc_disabled::after,\ntable.dataTable > thead .sorting::after,\ntable.dataTable > thead .sorting_asc::after,\ntable.dataTable > thead .sorting_desc::after,\ntable.dataTable > thead .sorting_asc_disabled::after,\ntable.dataTable > thead .sorting_desc_disabled::after {\n  right: 0.5em;\n  left: auto;\n}\n\ndiv.dataTables_wrapper div.dataTables_info {\n  padding-top: 0.85em;\n  padding-bottom: 0.85em;\n}\n\n.table-rep-plugin .btn-toolbar {\n  display: block;\n}\n.table-rep-plugin .table-responsive {\n  border: none !important;\n}\n.table-rep-plugin .btn-group .btn-default {\n  background-color: #74788d;\n  color: #e9e9ef;\n  border: 1px solid #74788d;\n}\n.table-rep-plugin .btn-group .btn-default.btn-primary {\n  background-color: #5156be;\n  border-color: #5156be;\n  color: #fff;\n  box-shadow: 0 0 0 2px rgba(81, 86, 190, 0.5);\n}\n.table-rep-plugin .btn-group.pull-right {\n  float: right;\n}\n.table-rep-plugin .btn-group.pull-right .dropdown-menu {\n  right: 0;\n  transform: none !important;\n  top: 100% !important;\n}\n.table-rep-plugin tbody th {\n  font-size: 14px;\n  font-weight: normal;\n}\n.table-rep-plugin .checkbox-row {\n  padding-left: 40px;\n  color: var(--bs-gray-400) !important;\n}\n.table-rep-plugin .checkbox-row:hover {\n  background-color: var(--bs-gray-200) !important;\n}\n.table-rep-plugin .checkbox-row label {\n  display: inline-block;\n  padding-left: 5px;\n  position: relative;\n}\n.table-rep-plugin .checkbox-row label::before {\n  -o-transition: 0.3s ease-in-out;\n  -webkit-transition: 0.3s ease-in-out;\n  background-color: #f6f6f6;\n  border-radius: 3px;\n  border: 1px solid #ced4da;\n  content: \"\";\n  display: inline-block;\n  height: 17px;\n  left: 0;\n  margin-left: -20px;\n  position: absolute;\n  transition: 0.3s ease-in-out;\n  width: 17px;\n  outline: none !important;\n}\n.table-rep-plugin .checkbox-row label::after {\n  color: #e9e9ef;\n  display: inline-block;\n  font-size: 11px;\n  height: 16px;\n  left: 0;\n  margin-left: -20px;\n  padding-left: 3px;\n  padding-top: 1px;\n  position: absolute;\n  top: -1px;\n  width: 16px;\n}\n.table-rep-plugin .checkbox-row input[type=checkbox] {\n  cursor: pointer;\n  opacity: 0;\n  z-index: 1;\n  outline: none !important;\n}\n.table-rep-plugin .checkbox-row input[type=checkbox]:disabled + label {\n  opacity: 0.65;\n}\n.table-rep-plugin .checkbox-row input[type=checkbox]:focus + label::before {\n  outline-offset: -2px;\n  outline: none;\n}\n.table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::after {\n  content: \"\\f00c\";\n  font-family: \"Font Awesome 5 Free\";\n  font-weight: 900;\n}\n.table-rep-plugin .checkbox-row input[type=checkbox]:disabled + label::before {\n  background-color: #f8f9fa;\n  cursor: not-allowed;\n}\n.table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::before {\n  background-color: #5156be;\n  border-color: #5156be;\n}\n.table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::after {\n  color: #fff;\n}\n.table-rep-plugin .fixed-solution .sticky-table-header {\n  top: 70px !important;\n  background-color: #5156be;\n}\n.table-rep-plugin .fixed-solution .sticky-table-header table {\n  color: #fff;\n}\n.table-rep-plugin table.focus-on tbody tr.focused th,\n.table-rep-plugin table.focus-on tbody tr.focused td,\n.table-rep-plugin .sticky-table-header {\n  background: #5156be;\n  border-color: #5156be;\n  color: #fff;\n}\n.table-rep-plugin table.focus-on tbody tr.focused th table,\n.table-rep-plugin table.focus-on tbody tr.focused td table,\n.table-rep-plugin .sticky-table-header table {\n  color: #fff;\n}\n\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .fixed-solution .sticky-table-header {\n    top: 120px !important;\n  }\n}\n\n.table-edits input, .table-edits select {\n  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));\n  padding: 0.25rem 0.5rem;\n  border: 1px solid var(--bs-border-color);\n  background-color: var(--bs-tertiary-bg);\n  color: var(--bs-body-color);\n  border-radius: var(--bs-border-radius);\n}\n.table-edits input:focus, .table-edits select:focus {\n  outline: none;\n  border-color: #a8abdf;\n}\n\n.apex-charts {\n  min-height: 10px !important;\n}\n.apex-charts text {\n  font-family: var(--bs-font-sans-serif) !important;\n  fill: var(--bs-gray-500);\n}\n.apex-charts .apexcharts-canvas {\n  margin: 0 auto;\n}\n\n.apexcharts-gridline line {\n  stroke: var(--bs-gray-300);\n}\n\n.apexcharts-tooltip-title,\n.apexcharts-tooltip-text {\n  font-family: var(--bs-font-sans-serif) !important;\n}\n\n.apexcharts-tooltip {\n  border: 1px solid var(--bs-border-color) !important;\n  background-color: var(--bs-secondary-bg) !important;\n  box-shadow: rgba(116, 120, 141, 0.1) 0px 5px 20px -6px !important;\n}\n.apexcharts-tooltip * {\n  font-family: var(--bs-font-sans-serif) !important;\n  color: var(--bs-gray-600) !important;\n}\n.apexcharts-tooltip .apexcharts-tooltip-title {\n  background-color: rgba(var(--bs-light-rgb), 0.75) !important;\n  border-bottom: 1px solidvar(--bs-border-color) !important;\n}\n\n.apexcharts-tooltip.apexcharts-theme-dark * {\n  color: #fff !important;\n}\n\n.apexcharts-legend-series {\n  font-weight: 500;\n}\n\n.apexcharts-gridline {\n  pointer-events: none;\n  stroke: var(--bs-apex-grid-color);\n}\n\n.apexcharts-radialbar-track.apexcharts-track path {\n  stroke: var(--bs-gray-300);\n}\n\n.apexcharts-legend-text {\n  color: var(--bs-gray-500) !important;\n  font-family: var(--bs-font-sans-serif) !important;\n  font-size: 13px !important;\n}\n\n.apexcharts-pie-label {\n  fill: #fff !important;\n}\n\n.apexcharts-yaxis text,\n.apexcharts-xaxis text {\n  font-family: var(--bs-font-sans-serif) !important;\n  fill: var(--bs-gray-500);\n}\n\n.apexcharts-pie circle, .apexcharts-pie line {\n  stroke: var(--bs-card-border-color);\n}\n\n[data-bs-theme=dark] .apexcharts-gridline {\n  stroke: var(--bs-secondary-bg);\n}\n[data-bs-theme=dark] .apexcharts-radialbar-track.apexcharts-track path {\n  stroke: var(--bs-secondary-bg);\n}\n[data-bs-theme=dark] .apexcharts-tooltip {\n  background-color: var(--bs-body-bg) !important;\n  border: 1px solid var(--bs-border-color) !important;\n}\n[data-bs-theme=dark] .apexcharts-tooltip .apexcharts-tooltip-title {\n  background-color: var(--bs-tertiary-bg) !important;\n  border-bottom: 1px solid var(--bs-border-color) !important;\n}\n[data-bs-theme=dark] .apexcharts-pie-area {\n  stroke: var(--bs-gray-300);\n}\n[data-bs-theme=dark] .apexcharts-pie-label {\n  fill: var(--bs-gray-600) !important;\n}\n\n.e-charts {\n  height: 350px;\n}\n\n.chartjs-chart {\n  max-height: 320px;\n}\n\n.jqstooltip {\n  box-sizing: content-box;\n  width: auto !important;\n  height: auto !important;\n  background-color: var(--bs-gray-800) !important;\n  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);\n  padding: 5px 10px !important;\n  border-radius: 3px;\n  border-color: var(--bs-gray-900) !important;\n}\n\n.jqsfield {\n  color: var(--bs-gray-200) !important;\n  font-size: 12px !important;\n  line-height: 18px !important;\n  font-family: var(--bs-font-sans-serif) !important;\n  font-weight: 500 !important;\n}\n\n.gmaps, .gmaps-panaroma {\n  height: 300px !important;\n  background: #f8f9fa;\n  border-radius: 3px;\n}\n\n.gmaps-overlay {\n  display: block;\n  text-align: center;\n  color: #fff;\n  font-size: 16px;\n  line-height: 40px;\n  background: #5156be;\n  border-radius: 4px;\n  padding: 10px 20px;\n}\n\n.gmaps-overlay_arrow {\n  left: 50%;\n  margin-left: -16px;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n.gmaps-overlay_arrow.above {\n  bottom: -15px;\n  border-left: 16px solid transparent;\n  border-right: 16px solid transparent;\n  border-top: 16px solid #5156be;\n}\n.gmaps-overlay_arrow.below {\n  top: -15px;\n  border-left: 16px solid transparent;\n  border-right: 16px solid transparent;\n  border-bottom: 16px solid #5156be;\n}\n\n.jvectormap-label {\n  border: none;\n  background: #2c302e;\n  color: #f8f9fa;\n  font-family: var(--bs-font-sans-serif);\n  font-size: 0.875rem;\n  padding: 5px 8px;\n}\n\n.leaflet-map {\n  height: 300px;\n}\n.leaflet-map.leaflet-container {\n  z-index: 1;\n}\n\n.auth-bg {\n  background-image: url(\"../images/auth-bg.jpg\");\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n}\n.auth-bg .bg-overlay {\n  opacity: 0.9;\n}\n@media (min-width: 768px) {\n  .auth-bg {\n    height: 100vh;\n  }\n}\n\n.auth-full-page-content {\n  min-height: 100vh;\n}\n\n.auth-logo .logo-txt {\n  color: var(--bs-dark);\n  font-size: 20px;\n}\n\n.auth-pass-inputgroup input[type=input] + .btn .mdi-eye-outline:before {\n  content: \"\\f06d1\";\n}\n\n.bg-bubbles {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.bg-bubbles li {\n  position: absolute;\n  list-style: none;\n  display: block;\n  width: 40px;\n  height: 40px;\n  border-radius: 30px;\n  background-color: rgba(255, 255, 255, 0.1);\n  bottom: -50px;\n  animation: square 20s infinite;\n  transition-timing-function: linear;\n}\n.bg-bubbles li:nth-child(1) {\n  left: 10%;\n}\n.bg-bubbles li:nth-child(2) {\n  left: 20%;\n  width: 120px;\n  height: 120px;\n  animation-delay: 2s;\n  animation-duration: 17s;\n}\n.bg-bubbles li:nth-child(3) {\n  left: 25%;\n  animation-delay: 4s;\n}\n.bg-bubbles li:nth-child(4) {\n  left: 40%;\n  width: 80px;\n  height: 80px;\n  animation-duration: 22s;\n}\n.bg-bubbles li:nth-child(5) {\n  left: 70%;\n  width: 90px;\n  height: 90px;\n}\n.bg-bubbles li:nth-child(6) {\n  left: 70%;\n  width: 120px;\n  height: 120px;\n  animation-delay: 3s;\n}\n.bg-bubbles li:nth-child(7) {\n  left: 32%;\n  width: 150px;\n  height: 150px;\n  animation-delay: 7s;\n}\n.bg-bubbles li:nth-child(8) {\n  left: 55%;\n  width: 80px;\n  height: 80px;\n  animation-delay: 15s;\n  animation-duration: 40s;\n}\n.bg-bubbles li:nth-child(9) {\n  left: 25%;\n  width: 50px;\n  height: 50px;\n  animation-delay: 2s;\n  animation-duration: 40s;\n}\n.bg-bubbles li:nth-child(10) {\n  left: 90%;\n  width: 140px;\n  height: 140px;\n  animation-delay: 11s;\n}\n\n@keyframes square {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-1000px) rotate(600deg);\n  }\n}\n/* ==============\n  Email\n===================*/\n.email-leftbar {\n  width: 236px;\n  float: left;\n  padding: 20px;\n  border-radius: 5px;\n}\n\n.email-rightbar {\n  margin-left: 260px;\n}\n\n.chat-user-box p.user-title {\n  color: var(--bs-dark);\n  font-weight: 500;\n}\n.chat-user-box p {\n  font-size: 12px;\n}\n\n@media (max-width: 767px) {\n  .email-leftbar {\n    float: none;\n    width: 100%;\n  }\n  .email-rightbar {\n    margin: 0;\n  }\n}\n.mail-list a {\n  display: block;\n  color: var(--bs-gray-600);\n  line-height: 24px;\n  padding: 8px 5px;\n}\n.mail-list a.active {\n  color: #fd625e !important;\n  font-weight: 500;\n}\n\n.message-list {\n  display: block;\n  padding-left: 0;\n}\n.message-list li {\n  position: relative;\n  display: block;\n  height: 50px;\n  line-height: 50px;\n  cursor: default;\n  transition-duration: 0.3s;\n}\n.message-list li a {\n  color: var(--bs-body-color);\n}\n.message-list li:hover {\n  background: var(--bs-tertiary-bg);\n  transition-duration: 0.05s;\n}\n.message-list li .col-mail {\n  float: left;\n  position: relative;\n}\n.message-list li .col-mail-1 {\n  width: 320px;\n}\n.message-list li .col-mail-1 .star-toggle,\n.message-list li .col-mail-1 .checkbox-wrapper-mail,\n.message-list li .col-mail-1 .dot {\n  display: block;\n  float: left;\n}\n.message-list li .col-mail-1 .dot {\n  border: 4px solid transparent;\n  border-radius: 100px;\n  margin: 22px 26px 0;\n  height: 0;\n  width: 0;\n  line-height: 0;\n  font-size: 0;\n}\n.message-list li .col-mail-1 .checkbox-wrapper-mail {\n  margin: 15px 10px 0 20px;\n}\n.message-list li .col-mail-1 .star-toggle {\n  margin-top: 18px;\n  margin-left: 5px;\n}\n.message-list li .col-mail-1 .title {\n  position: absolute;\n  top: 0;\n  left: 110px;\n  right: 0;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  margin-bottom: 0;\n}\n.message-list li .col-mail-2 {\n  position: absolute;\n  top: 0;\n  left: 320px;\n  right: 0;\n  bottom: 0;\n}\n.message-list li .col-mail-2 .subject,\n.message-list li .col-mail-2 .date {\n  position: absolute;\n  top: 0;\n}\n.message-list li .col-mail-2 .subject {\n  left: 0;\n  right: 200px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.message-list li .col-mail-2 .date {\n  right: 0;\n  width: 170px;\n  padding-left: 80px;\n}\n.message-list li.active, .message-list li.active:hover {\n  box-shadow: inset 3px 0 0 #5156be;\n}\n.message-list li.unread {\n  background-color: var(--bs-tertiary-bg);\n  font-weight: 500;\n  color: var(--bs-body-color);\n}\n.message-list li.unread a {\n  color: var(--bs-body-color);\n  font-weight: 500;\n}\n.message-list .checkbox-wrapper-mail {\n  cursor: pointer;\n  height: 20px;\n  width: 20px;\n  position: relative;\n  display: inline-block;\n  box-shadow: inset 0 0 0 1px var(--bs-gray-400);\n  border-radius: 1px;\n}\n.message-list .checkbox-wrapper-mail input {\n  opacity: 0;\n  cursor: pointer;\n}\n.message-list .checkbox-wrapper-mail input:checked ~ label {\n  opacity: 1;\n}\n.message-list .checkbox-wrapper-mail label {\n  position: absolute;\n  height: 20px;\n  width: 20px;\n  left: 0;\n  cursor: pointer;\n  opacity: 0;\n  margin-bottom: 0;\n  transition-duration: 0.05s;\n  top: 0;\n}\n.message-list .checkbox-wrapper-mail label:before {\n  content: \"\\f012c\";\n  font-family: \"Material Design Icons\";\n  top: 0;\n  height: 20px;\n  color: var(--bs-dark);\n  width: 20px;\n  position: absolute;\n  margin-top: -16px;\n  left: 4px;\n  font-size: 13px;\n}\n\n@media (max-width: 575.98px) {\n  .message-list li .col-mail-1 {\n    width: 200px;\n  }\n}\n.email-editor .ck-editor__editable_inline {\n  min-height: 200px !important;\n}\n\n@media (min-width: 992px) {\n  .chat-leftsidebar {\n    min-width: 260px;\n  }\n}\n@media (min-width: 1200px) {\n  .chat-leftsidebar {\n    min-width: 380px;\n  }\n}\n.chat-leftsidebar .chat-leftsidebar-nav .nav .nav-link.active {\n  background-color: var(--bs-card-bg);\n  color: #5156be;\n}\n\n.search-box .form-control {\n  padding-left: 40px;\n}\n.search-box .search-icon {\n  font-size: 16px;\n  position: absolute;\n  left: 13px;\n  top: 0;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.chat-noti-dropdown.active:before {\n  content: \"\";\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: #fd625e;\n  border-radius: 50%;\n  right: 0;\n}\n.chat-noti-dropdown .btn {\n  padding: 6px;\n  box-shadow: none;\n  font-size: 20px;\n  color: var(--bs-gray-600);\n}\n.chat-noti-dropdown .btn:hover, .chat-noti-dropdown .btn:focus, .chat-noti-dropdown .btn:active, .chat-noti-dropdown .btn.show {\n  border-color: transparent;\n}\n\n.chat-message-list {\n  height: calc(100vh - 346px);\n}\n@media (min-width: 992px) {\n  .chat-message-list {\n    height: calc(100vh - 406px);\n  }\n}\n\n.chat-list {\n  margin: 0;\n}\n.chat-list li.active a {\n  background-color: rgba(81, 86, 190, 0.075);\n  border-color: transparent;\n}\n.chat-list li a {\n  display: block;\n  padding: 14px 16px;\n  color: var(--bs-secondary-color);\n  transition: all 0.4s;\n  border-top: 1px solid var(--bs-border-color);\n  position: relative;\n}\n.chat-list li a:hover {\n  background-color: rgba(81, 86, 190, 0.075);\n  border-color: transparent;\n}\n.chat-list li .user-img {\n  position: relative;\n}\n.chat-list li .user-img .user-status {\n  width: 10px;\n  height: 10px;\n  background-color: #adb5bd;\n  border-radius: 50%;\n  border: 2px solid var(--bs-card-bg);\n  position: absolute;\n  left: 0;\n  bottom: 0;\n}\n.chat-list li .user-img.online .user-status {\n  background-color: #2ab57d;\n}\n.chat-list li .user-img.away .user-status {\n  background-color: #ffbf53;\n}\n.chat-list li.unread a {\n  font-weight: 600;\n  color: var(--bs-dark);\n}\n.chat-list li .unread-message {\n  position: absolute;\n  display: inline-block;\n  right: 16px;\n  top: 33px;\n}\n\n.contact-list {\n  font-size: 12px;\n  text-transform: uppercase;\n  color: var(--bs-secondary-color);\n  font-weight: 600;\n  margin-bottom: 7px;\n}\n\n.user-chat-nav .dropdown .nav-btn {\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  box-shadow: none;\n  padding: 0;\n  font-size: 18px;\n  color: var(--bs-gray-600);\n}\n.user-chat-nav .dropdown .btn {\n  border-color: transparent !important;\n}\n\n.chat-conversation {\n  height: calc(100vh - 300px);\n}\n@media (min-width: 992px) {\n  .chat-conversation {\n    height: calc(100vh - 360px);\n  }\n}\n.chat-conversation li {\n  clear: both;\n}\n.chat-conversation .chat-day-title {\n  position: relative;\n  text-align: center;\n  margin-bottom: 24px;\n  border: none;\n}\n.chat-conversation .chat-day-title .title {\n  background-color: var(--bs-card-bg);\n  position: relative;\n  z-index: 1;\n  padding: 6px 24px;\n}\n.chat-conversation .chat-day-title:before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  left: 0;\n  right: 0;\n  background-color: var(--bs-border-color);\n  top: 10px;\n}\n.chat-conversation .chat-day-title .badge {\n  font-size: 12px;\n}\n.chat-conversation .conversation-list {\n  margin-bottom: 24px;\n  position: relative;\n}\n.chat-conversation .conversation-list .ctext-wrap {\n  display: flex;\n  margin-bottom: 10px;\n}\n.chat-conversation .conversation-list .ctext-wrap-content {\n  padding: 12px 20px;\n  background-color: #5156be;\n  border-radius: 0px 8px 8px 8px;\n  color: #fff;\n  position: relative;\n  margin-left: 16px;\n}\n.chat-conversation .conversation-list .ctext-wrap-content:before {\n  content: \"\";\n  position: absolute;\n  border: 5px solid transparent;\n  border-right-color: #5156be;\n  border-top-color: #5156be;\n  left: -10px;\n  top: 0;\n}\n.chat-conversation .conversation-list .conversation-name {\n  margin-bottom: 4px;\n  display: flex;\n  font-size: 13px;\n}\n.chat-conversation .conversation-list .conversation-name .time {\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.5);\n  margin-left: 8px;\n  font-weight: 400;\n}\n.chat-conversation .conversation-list .conversation-name .user-name {\n  color: rgba(255, 255, 255, 0.5);\n}\n.chat-conversation .conversation-list .dropdown .dropdown-toggle {\n  font-size: 18px;\n  padding: 4px;\n  color: #74788d;\n}\n@media (max-width: 575.98px) {\n  .chat-conversation .conversation-list .dropdown .dropdown-toggle {\n    display: none;\n  }\n}\n.chat-conversation .conversation-list .message-img {\n  border-radius: 0.2rem;\n  position: relative;\n}\n.chat-conversation .conversation-list .message-img .message-img-list {\n  position: relative;\n}\n.chat-conversation .conversation-list .message-img img {\n  max-width: 140px;\n}\n.chat-conversation .right .conversation-list {\n  float: right;\n  text-align: right;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {\n  order: 2;\n  background-color: var(--bs-light);\n  text-align: right;\n  border-radius: 8px 0px 8px 8px;\n  margin-left: 0;\n  margin-right: 16px;\n  color: var(--bs-dark);\n}\n.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {\n  border: 5px solid transparent;\n  border-top-color: var(--bs-light);\n  border-left-color: var(--bs-light);\n  left: auto;\n  right: -10px;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name {\n  justify-content: flex-end;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name, .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time {\n  color: var(--bs-secondary-color);\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time {\n  order: 1;\n  margin-left: 0;\n  margin-right: 8px;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name {\n  order: 2;\n}\n.chat-conversation .right .conversation-list .dropdown {\n  order: 1;\n}\n\n@media (max-width: 575.98px) {\n  .chat-send {\n    min-width: auto;\n  }\n}\n\nbody[data-layout=horizontal] .chat-message-list {\n  height: calc(100vh - 346px);\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .chat-message-list {\n    height: calc(100vh - 476px);\n  }\n}\nbody[data-layout=horizontal] .chat-conversation {\n  height: calc(100vh - 300px);\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .chat-conversation {\n    height: calc(100vh - 420px);\n  }\n}\n\n.slide-bg {\n  height: 100vh;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n}\n\n.coming-content {\n  position: absolute;\n  top: 0;\n  z-index: 1;\n  left: 0;\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.coming-content .app-search {\n  max-width: 340px;\n}\n\n.preview-thumbsnav {\n  position: absolute;\n  bottom: 14px;\n  z-index: 9;\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: 120px;\n}\n.preview-thumbsnav .nav-img {\n  cursor: pointer;\n  padding: 3px;\n  background-color: rgba(255, 255, 255, 0.1);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n}\n@media (max-width: 575.98px) {\n  .preview-thumbsnav .nav-img {\n    display: none;\n  }\n}\n.preview-thumbsnav .swiper-slide-thumb-active .nav-img {\n  background-color: #fff;\n  border: 1px solid #fff;\n}\n\n.coming-box {\n  width: 25%;\n}\n.coming-box:last-of-type .count-num::after {\n  display: none;\n}\n\n.counter-number {\n  font-size: 32px;\n  font-weight: 600;\n  text-align: center;\n  display: flex;\n  gap: 24px;\n}\n@media (max-width: 575.98px) {\n  .counter-number {\n    font-size: 18px;\n  }\n}\n.counter-number .count-title {\n  font-size: 16px;\n  font-weight: 500;\n  display: block;\n  padding-bottom: 6px;\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.count-num {\n  background-color: var(--bs-secondary-bg);\n  padding: 16px 8px;\n  position: relative;\n  border-radius: 4px;\n}\n.count-num::after {\n  content: \":\";\n  font-size: 20px;\n  position: absolute;\n  right: -16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #fff;\n}\n\n/************** vertical timeline **************/\n.timeline {\n  position: relative;\n  width: 100%;\n  padding: 30px 0;\n}\n@media (max-width: 767.98px) {\n  .timeline {\n    padding: 0;\n  }\n}\n.timeline .timeline-end,\n.timeline .timeline-start,\n.timeline .timeline-year {\n  position: relative;\n  width: 100%;\n  text-align: center;\n  z-index: 1;\n}\n.timeline .timeline-end p,\n.timeline .timeline-start p,\n.timeline .timeline-year p {\n  display: inline-block;\n  width: 80px;\n  height: 80px;\n  margin: 0;\n  padding: 30px 0;\n  text-align: center;\n  background-color: #5156be;\n  border-radius: 100px;\n  color: #fff;\n  text-transform: uppercase;\n}\n.timeline .timeline-year {\n  margin: 30px 0;\n}\n.timeline .timeline-continue {\n  position: relative;\n  width: 100%;\n  padding: 60px 0;\n}\n.timeline .timeline-continue:after {\n  position: absolute;\n  content: \"\";\n  width: 1px;\n  height: 100%;\n  top: 0;\n  left: 50%;\n  margin-left: -1px;\n  background: #5156be;\n}\n.timeline .timeline-icon {\n  margin: 42px 10px 0 10px;\n}\n.timeline .timeline-left {\n  text-align: right;\n}\n.timeline .timeline-left .timeline-icon {\n  text-align: left;\n}\n.timeline .timeline-right {\n  text-align: left;\n}\n.timeline .timeline-right .timeline-icon {\n  text-align: right;\n}\n.timeline .timeline-icon::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  top: 45px;\n  background: #5156be;\n  border-radius: 15px;\n  z-index: 1;\n}\n@media (min-width: 768px) {\n  .timeline .event-content {\n    padding-right: 24px;\n  }\n  .timeline .timeline-text {\n    margin-right: 40px;\n  }\n}\n.timeline .timeline-left .timeline-icon::after {\n  left: -7px;\n}\n@media (min-width: 768px) {\n  .timeline .timeline-left .event-content {\n    padding-right: 0;\n    padding-left: 24px;\n  }\n  .timeline .timeline-left .timeline-text {\n    margin-right: 0px;\n    margin-left: 40px;\n  }\n  .timeline .timeline-left .event-img {\n    justify-content: flex-end;\n  }\n}\n.timeline .timeline-right .timeline-icon::after {\n  right: -7px;\n}\n.timeline .timeline-box {\n  position: relative;\n  display: inline-block;\n  margin: 15px;\n  padding: 20px;\n  border: 1px solid var(--bs-border-color);\n  border-radius: 6px;\n}\n.timeline .timeline-box::after {\n  content: \"\";\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  top: 26px;\n  background-color: var(--bs-card-bg);\n  border: 1px solid #e9e9ef;\n  transform: rotate(45deg);\n  margin: 0px auto;\n}\n.timeline .timeline-launch {\n  position: relative;\n  display: inline-block;\n  margin: 15px;\n  padding: 20px;\n  border: 1px solid #e9e9ef;\n  border-radius: 6px;\n  width: 100%;\n  margin: 15px 0;\n  padding: 0;\n  border: none;\n  text-align: center;\n  background: transparent;\n}\n\n.timeline-date {\n  right: 20px;\n}\n@media (max-width: 767.98px) {\n  .timeline-date {\n    left: -70px;\n    right: auto;\n  }\n}\n\n.timeline-left .timeline-date {\n  left: 20px;\n}\n@media (max-width: 767.98px) {\n  .timeline-left .timeline-date {\n    left: -70px;\n    right: auto;\n  }\n}\n\n.timeline .timeline-date {\n  width: 54px;\n  height: 80px;\n  display: inline-block;\n  padding: 8px;\n  clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);\n  top: -10px;\n  position: absolute;\n  z-index: 1;\n}\n@media (max-width: 767.98px) {\n  .timeline .timeline-date {\n    top: 0px;\n  }\n}\n.timeline .timeline-right .timeline-box::after {\n  border-color: transparent transparent var(--bs-light) var(--bs-light);\n  left: -8px;\n  right: 100%;\n}\n.timeline .timeline-left .timeline-box::after {\n  border-color: var(--bs-light) var(--bs-light) transparent transparent;\n  right: -8px;\n}\n.timeline .timeline-launch .timeline-box::after {\n  top: -8px;\n  left: 32px;\n  border-color: var(--bs-light) transparent transparent var(--bs-light);\n}\n@media (min-width: 768px) {\n  .timeline .timeline-launch .timeline-box::after {\n    left: 50%;\n    transform: rotate(45deg) translateX(-50%);\n    top: -2px;\n  }\n}\n.timeline .timeline-launch .timeline-text {\n  width: 100%;\n}\n\n@media (max-width: 767px) {\n  .timeline .timeline-continue::after {\n    left: 40px;\n  }\n  .timeline .timeline-end,\n  .timeline .timeline-start,\n  .timeline .timeline-year {\n    text-align: left;\n  }\n  .timeline .row.timeline-left {\n    text-align: left;\n  }\n  .timeline .row.timeline-left .timeline-icon {\n    text-align: left;\n  }\n  .timeline .row.timeline-right {\n    text-align: left;\n  }\n  .timeline .row.timeline-right .timeline-icon {\n    text-align: left;\n  }\n  .timeline .timeline-launch {\n    text-align: left;\n    margin-bottom: 0;\n  }\n  .timeline .row.timeline-left .timeline-icon::after {\n    left: 43px;\n  }\n  .timeline .row.timeline-right .timeline-icon::after {\n    left: 43px;\n  }\n  .timeline .timeline-box {\n    margin-left: 82px;\n    margin-right: 0;\n  }\n  .timeline .row.timeline-right .timeline-icon {\n    margin-left: 55px;\n  }\n  .timeline .row.timeline-left .timeline-icon {\n    margin-left: 55px;\n  }\n  .timeline .timeline-launch .timeline-box {\n    margin-left: 0;\n    margin-bottom: 0;\n  }\n  .timeline .row.timeline-left .timeline-box::after {\n    left: -8px;\n    border-color: transparent transparent var(--bs-light) var(--bs-light);\n    right: auto;\n  }\n}\n[data-bs-theme=dark] .timeline-right .timeline-box::after {\n  border-color: transparent transparent var(--bs-border-color) var(--bs-border-color);\n}\n[data-bs-theme=dark] .timeline-left .timeline-box::after {\n  border-color: var(--bs-border-color) var(--bs-border-color) transparent transparent;\n}\n[data-bs-theme=dark] .timeline-box {\n  border: 1px solid var(--bs-border-color);\n}\n\n/*********************\n    Maintenance\n**********************/\n.maintenance-cog-icon .cog-icon {\n  position: relative;\n  bottom: 24px;\n  right: 14px;\n}\n\n.pricing-badge {\n  position: absolute;\n  top: 0;\n  z-index: 9;\n  right: 0;\n  width: 100%;\n  display: block;\n  font-size: 15px;\n  padding: 0;\n  overflow: hidden;\n  height: 100px;\n}\n.pricing-badge .badge {\n  float: right;\n  transform: rotate(45deg);\n  right: -67px;\n  top: 17px;\n  position: relative;\n  text-align: center;\n  width: 200px;\n  font-size: 13px;\n  margin: 0;\n  padding: 7px 10px;\n  font-weight: 500;\n  color: #5156be;\n  background: #fff;\n}\n\n.pricing-tab-box .nav-link {\n  padding: 16px 20px;\n  border: 1px solid var(--bs-border-color);\n}\n.pricing-tab-box .nav-link.active {\n  border: 1px solid #5156be !important;\n  background: transparent;\n  padding: 16px 20px;\n}\n.pricing-tab-box .nav-link.active i {\n  color: #5156be !important;\n}\n.pricing-tab-box .nav-link.active h1 {\n  color: #5156be !important;\n}\n\n[data-bs-theme=dark] .pricing-tab-box .nav-link {\n  border-color: var(--bs-border-color);\n}","// \r\n// Page-title\r\n// \r\n\r\n.page-title-box {\r\n    padding-bottom: $grid-gutter-width;\r\n\r\n    .breadcrumb {\r\n        background-color: transparent;\r\n        padding: 0;\r\n    }\r\n}","// \r\n// _footer.scss\r\n// \r\n\r\n.footer {\r\n    bottom: 0;\r\n    padding: 20px calc(#{$grid-gutter-width} / 2);\r\n    position: absolute;\r\n    right: 0;\r\n    color: $footer-color;\r\n    left: 250px;\r\n    height: $footer-height;\r\n    background-color: $footer-bg;\r\n    border-top: 1px solid var(--#{$prefix}border-color);\r\n\r\n    @media (max-width: 991.98px) {\r\n        left: 0;\r\n    }\r\n}\r\n  \r\n// Enlarge menu\r\nbody[data-sidebar-size=\"sm\"] {\r\n    .footer {\r\n        left: $sidebar-collapsed-width;\r\n\r\n        @media (max-width: 991.98px) {\r\n            left: 0;\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .footer {\r\n        left: 0 !important;\r\n    }  \r\n}\r\n","//\r\n// right-sidebar.scss\r\n//\r\n\r\n.right-bar {\r\n    background-color: var(--#{$prefix}sidebar-bg);\r\n    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\r\n    display: block;\r\n    position: fixed;\r\n    transition: all 200ms ease-out;\r\n    width: $rightbar-width;\r\n    z-index: 9999;\r\n    float: right !important;\r\n    right: -($rightbar-width + 10px);\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    .right-bar-toggle {\r\n        background-color: lighten($dark, 7%);\r\n        height: 24px;\r\n        width: 24px;\r\n        line-height: 24px;\r\n        display: block;\r\n        color: $gray-200;\r\n        text-align: center;\r\n        border-radius: 50%;\r\n\r\n        &:hover {\r\n            background-color: lighten($dark, 10%);\r\n        }\r\n    }\r\n}\r\n\r\n// Rightbar overlay\r\n.rightbar-overlay {\r\n    background-color: rgba($dark, 0.55);\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    display: none;\r\n    z-index: 9998;\r\n    transition: all .2s ease-out;\r\n}\r\n\r\n.right-bar-enabled {\r\n    .right-bar {\r\n        right: 0;\r\n    }\r\n    .rightbar-overlay {\r\n        display: block;\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(md) {\r\n    .right-bar {\r\n        overflow: auto;\r\n        .slimscroll-menu {\r\n            height: auto !important;\r\n        }\r\n    }\r\n}\r\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @if not $n {\n    @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n  }\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $max: map-get($breakpoints, $name);\n  @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n","//\r\n// _menu.scss\r\n// \r\n\r\n.metismenu {\r\n    margin: 0;\r\n\r\n    li {\r\n        display: block;\r\n        width: 100%;\r\n    }\r\n\r\n    .mm-collapse {\r\n        display: none;\r\n\r\n        &:not(.mm-show) {\r\n            display: none;\r\n        }\r\n\r\n        &.mm-show {\r\n            display: block\r\n        }\r\n    }\r\n\r\n    .mm-collapsing {\r\n        position: relative;\r\n        height: 0;\r\n        overflow: hidden;\r\n        transition-timing-function: ease;\r\n        transition-duration: .35s;\r\n        transition-property: height, visibility;\r\n    }\r\n}\r\n\r\n\r\n.vertical-menu {\r\n    width: $sidebar-width;\r\n    z-index: 1001;\r\n    background: var(--#{$prefix}sidebar-bg);\r\n    bottom: 0;\r\n    margin-top: 0;\r\n    position: fixed;\r\n    top: $header-height;\r\n    border-right: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n.main-content {\r\n    margin-left: $sidebar-width;\r\n    overflow: hidden;\r\n\r\n    .content {\r\n        padding: 0 15px 10px 15px;\r\n        margin-top: $header-height;\r\n    }\r\n}\r\n\r\n\r\n#sidebar-menu {\r\n    padding: 10px 0 30px 0;\r\n\r\n    .mm-active {\r\n        >.has-arrow {\r\n            &:after {\r\n                transform: rotate(90deg);\r\n            }\r\n        }\r\n    }\r\n\r\n    .has-arrow {\r\n        &:after {\r\n            content: \"\\F0142\";\r\n            font-family: 'Material Design Icons';\r\n            display: block;\r\n            float: right;\r\n            transition: transform .2s;\r\n            font-size: 1.1rem;\r\n            margin-right: -5px;\r\n            margin-top: -2px;\r\n        }\r\n    }\r\n\r\n    ul {\r\n        li {\r\n            a {\r\n                display: block;\r\n                padding: .62rem 1.5rem;\r\n                color: $sidebar-menu-item-color;\r\n                position: relative;\r\n                font-size: .9rem;\r\n                transition: all .4s;\r\n                font-weight: $font-weight-medium;\r\n\r\n                i {\r\n                    display: inline-block;\r\n                    min-width: 1.75rem;\r\n                    padding-bottom: .125em;\r\n                    font-size: 1.25rem;\r\n                    line-height: 1.40625rem;\r\n                    vertical-align: middle;\r\n                    color: var(--#{$prefix}sidebar-menu-item-icon-color);\r\n                    transition: all .4s;\r\n                }\r\n\r\n                svg {\r\n                    height: 16px;\r\n                    width: 16px;\r\n                    color: var(--#{$prefix}sidebar-menu-item-icon-color);\r\n                    fill: var(--#{$prefix}sidebar-menu-item-icon-effact-color);\r\n                    margin-right: 10px;\r\n                    margin-top: -3px;\r\n                }\r\n\r\n                &:hover {\r\n                    color: var(--#{$prefix}sidebar-menu-item-hover-color);\r\n\r\n                    i {\r\n                        color: var(--#{$prefix}sidebar-menu-item-hover-color);\r\n                    }\r\n\r\n                    svg {\r\n                        color: var(--#{$prefix}sidebar-menu-item-hover-color);\r\n                        fill: var(--#{$prefix}sidebar-menu-item-hover-effact-color);\r\n                    }\r\n                }\r\n            }\r\n\r\n            .badge {\r\n                margin-top: 4px;\r\n            }\r\n\r\n            ul.sub-menu {\r\n                padding: 0;\r\n\r\n                li {\r\n\r\n                    a {\r\n                        padding: .4rem 1.5rem .4rem 3.3rem;\r\n                        font-size: .85rem;\r\n                        color: var(--#{$prefix}sidebar-menu-sub-item-color);\r\n\r\n                        &:hover {\r\n                            color: var(--#{$prefix}sidebar-menu-item-hover-color);\r\n                        }\r\n                    }\r\n\r\n                    ul.sub-menu {\r\n                        padding: 0;\r\n\r\n                        li {\r\n                            a {\r\n                                padding: .4rem 1.5rem .4rem 4.5rem;\r\n                                font-size: 13px;\r\n\r\n                                \r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n}\r\n\r\n.menu-title {\r\n    padding: 12px 20px !important;\r\n    pointer-events: none;\r\n    cursor: default;\r\n    font-size: 12px;\r\n    color: var(--#{$prefix}sidebar-menu-item-icon-color);\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.mm-active {\r\n\r\n    > a{\r\n        color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n        i {\r\n            color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n        }\r\n\r\n        svg {\r\n            color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n            fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\r\n        }\r\n    }\r\n    .active {\r\n        color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n\r\n        i {\r\n            color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n        }\r\n        \r\n        svg {\r\n            color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n            fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\r\n        }\r\n    }\r\n    > i {\r\n        color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n    }\r\n}\r\n\r\n.sidebar-alert {\r\n    background-color: $sidebar-alert;\r\n\r\n    .alertcard-title{\r\n        color: $primary;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .vertical-menu {\r\n        display: none;\r\n    }\r\n\r\n    .main-content {\r\n        margin-left: 0 !important;\r\n    }\r\n\r\n    body.sidebar-enable {\r\n        .vertical-menu {\r\n            display: block;\r\n        }\r\n    }\r\n}\r\n\r\n// Enlarge menu\r\nbody[data-sidebar-size=\"sm\"] {\r\n    min-height: 1000px;\r\n\r\n    .main-content {\r\n        margin-left: $sidebar-collapsed-width;\r\n    }\r\n\r\n    .navbar-brand-box {\r\n        width: $sidebar-collapsed-width !important;\r\n    }\r\n\r\n    .logo {\r\n        span.logo-lg {\r\n            display: none;\r\n        }\r\n\r\n        span.logo-sm {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    // Side menu\r\n    .vertical-menu {\r\n        position: absolute;\r\n        width: $sidebar-collapsed-width !important;\r\n        z-index: 5;\r\n\r\n        .simplebar-mask,\r\n        .simplebar-content-wrapper {\r\n            overflow: visible !important;\r\n        }\r\n\r\n        .simplebar-scrollbar {\r\n            display: none !important;\r\n        }\r\n\r\n        .simplebar-offset {\r\n            bottom: 0 !important;\r\n        }\r\n\r\n        // Sidebar Menu\r\n        #sidebar-menu {\r\n\r\n            .menu-title,\r\n            .badge,\r\n            .sidebar-alert {\r\n                display: none !important;\r\n            }\r\n\r\n            .nav.collapse {\r\n                height: inherit !important;\r\n            }\r\n\r\n            > ul {\r\n                > li {\r\n                    position: relative;\r\n                    white-space: nowrap;\r\n\r\n                    > a {\r\n                        padding: 15px 20px;\r\n                        transition: none;\r\n                        \r\n                        &:hover,\r\n                        &:active,\r\n                        &:focus {\r\n                            color: var(--#{$prefix}sidebar-menu-item-hover-color);\r\n                        }\r\n\r\n                        i {\r\n                            font-size: 1.45rem;\r\n                            margin-left: 4px;\r\n                        }\r\n\r\n                        svg {\r\n                            height: 18px;\r\n                            width: 18px;\r\n                            margin-left: 6px;\r\n                        }\r\n\r\n                        span {\r\n                            display: none;\r\n                            padding-left: 25px;\r\n                        }\r\n\r\n                        &.has-arrow {\r\n                            &:after {\r\n                                display: none;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    &:hover {\r\n                        > a {\r\n                            position: relative;\r\n                            width: calc(190px + #{$sidebar-collapsed-width});\r\n                            color: $primary;\r\n                            background-color: var(--#{$prefix}sidebar-bg);\r\n                            transition: none;\r\n\r\n                            i{\r\n                                color: $primary;\r\n                            }\r\n\r\n                            svg {\r\n                                color: var(--#{$prefix}sidebar-menu-item-active-color);\r\n                                fill: rgba($sidebar-menu-item-active-color,0.2);\r\n                            }\r\n\r\n                            span {\r\n                                display: inline;\r\n                            }\r\n                        }\r\n\r\n                        >ul {\r\n                            display: block;\r\n                            left: $sidebar-collapsed-width;\r\n                            position: absolute;\r\n                            width: 190px;\r\n                            height: auto !important;\r\n                            box-shadow: var(--#{$prefix}box-shadow);\r\n\r\n                            ul {\r\n                                box-shadow: var(--#{$prefix}box-shadow);\r\n                            }\r\n\r\n                            a {\r\n                                box-shadow: none;\r\n                                padding: 8px 20px;\r\n                                position: relative;\r\n                                width: 190px;\r\n                                z-index: 6;\r\n                                color: var(--#{$prefix}sidebar-menu-sub-item-color);\r\n\r\n                                &:hover {\r\n                                    color: var(--#{$prefix}sidebar-menu-item-hover-color);\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul {\r\n                    padding: 5px 0;\r\n                    z-index: 9999;\r\n                    display: none;\r\n                    background-color: var(--#{$prefix}body-bg);\r\n\r\n                    li {\r\n                        &:hover {\r\n                            >ul {\r\n                                display: block;\r\n                                left: 190px;\r\n                                height: auto !important;\r\n                                margin-top: -36px;\r\n                                position: absolute;\r\n                                width: 190px;\r\n                                padding: 5px 0;\r\n                            }\r\n                        }\r\n\r\n                        >a {\r\n                            span.pull-right {\r\n                                position: absolute;\r\n                                right: 20px;\r\n                                top: 12px;\r\n                                transform: rotate(270deg);\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    li.active {\r\n                        a {\r\n                            color: var(--#{$prefix}gray-100);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    #sidebar-menu {\r\n        .mm-active>.has-arrow:after{\r\n            transform: rotate(0deg);\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n\r\n    .navbar-brand-box {\r\n        background: var(--#{$prefix}sidebar-dark-bg);\r\n        box-shadow: 0px 3px 1px var(--#{$prefix}sidebar-dark-bg);\r\n        border-color: var(--#{$prefix}border-color);\r\n\r\n        .logo-txt{\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .vertical-menu {\r\n        background: var(--#{$prefix}sidebar-dark-bg);\r\n    }\r\n\r\n    #vertical-menu-btn{\r\n        @media (min-width: 992px) {\r\n            color :$header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul {\r\n            li {\r\n                a {\r\n                    color: var(--#{$prefix}sidebar-dark-menu-item-color);\r\n\r\n                    i {\r\n                        color: var(--#{$prefix}sidebar-dark-menu-item-icon-color);\r\n                    }\r\n\r\n                    svg {\r\n                        color: var(--#{$prefix}sidebar-dark-menu-item-icon-color);\r\n                        fill: var(--#{$prefix}sidebar-menu-item-icon-effact-color);\r\n                    }\r\n    \r\n                    &:hover {\r\n                        color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n\r\n                        i {\r\n                            color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                        }\r\n\r\n                        svg {\r\n                            color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                            fill: var(--#{$prefix}sidebar-menu-item-hover-effact-color);\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n\r\n                        a {\r\n                            color: var(--#{$prefix}sidebar-dark-menu-sub-item-color);\r\n\r\n                            &:hover {\r\n                                color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    \r\n\r\n    // Enlarge menu\r\n    &[data-sidebar-size=\"sm\"] {\r\n\r\n        &[data-topbar=\"dark\"]{\r\n            #vertical-menu-btn{\r\n                color :$header-dark-item-color;\r\n            }\r\n        }\r\n        #vertical-menu-btn{\r\n            color :$header-item-color;\r\n        }\r\n        // Side menu\r\n        .vertical-menu {\r\n            \r\n            // Sidebar Menu\r\n            #sidebar-menu {\r\n\r\n                > ul {\r\n                    > li {\r\n                        \r\n                        &:hover {\r\n                            > a {\r\n                                background: var(--#{$prefix}sidebar-dark-bg);\r\n                                color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                                i{\r\n                                    color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                                }\r\n\r\n                                svg {\r\n                                    color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                                    fill: rgba(var(--#{$prefix}sidebar-dark-menu-item-hover-color),0.2);\r\n                                }\r\n                            }\r\n\r\n                            >ul {\r\n                                a{\r\n                                    color: var(--#{$prefix}sidebar-dark-menu-sub-item-color);\r\n                                    &:hover{\r\n                                        color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    ul{\r\n                        background-color: var(--#{$prefix}sidebar-dark-bg);\r\n                    }\r\n                    \r\n                }\r\n\r\n                ul{\r\n                    \r\n                    li{\r\n                        &.mm-active .active{\r\n                            color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n                            i{\r\n                                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n            }\r\n\r\n\r\n        }\r\n    }\r\n    .mm-active {\r\n        color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n        > a{\r\n            color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n            i {\r\n                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n            }\r\n\r\n            svg {\r\n                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n                fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\r\n            }\r\n\r\n        }\r\n        > i {\r\n            color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n        }\r\n        .active {\r\n            color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n\r\n            i {\r\n                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n            }\r\n\r\n            svg {\r\n                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n                fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title {\r\n        color: var(--#{$prefix}sidebar-dark-menu-item-icon-color);\r\n    }\r\n\r\n    &[data-sidebar-size=\"md\"] {\r\n        #sidebar-menu {\r\n            ul li {\r\n                &.menu-title{\r\n                    background-color: var(--#{$prefix}sidebar-dark-bg);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .main-content {\r\n        margin-left: 0 !important;\r\n    }\r\n}\r\n\r\n// Compact Sidebar\r\n\r\nbody[data-sidebar-size=\"md\"] {\r\n    .navbar-brand-box{\r\n        width: $sidebar-width-sm;\r\n        @media (max-width: 991.98px){\r\n            width: auto;\r\n        }\r\n    }\r\n    .vertical-menu{\r\n        width: $sidebar-width-sm;\r\n        text-align: center;\r\n\r\n        .has-arrow:after,\r\n        .badge,\r\n        .sidebar-alert {\r\n            display: none !important;\r\n        }\r\n    }\r\n    .main-content {\r\n        margin-left: $sidebar-width-sm;\r\n    }\r\n    .footer {\r\n        left: $sidebar-width-sm;\r\n        @media (max-width: 991.98px) {\r\n            left: 0;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul li {\r\n            a{\r\n                svg{\r\n                    display: block;\r\n                    margin: 0 auto 4px;\r\n                }\r\n            }\r\n            ul.sub-menu {\r\n                li {\r\n                    a{\r\n                        padding-left: 1.5rem;\r\n                    }\r\n\r\n                    ul.sub-menu li a {\r\n                        padding-left: 1.5rem;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &[data-sidebar-size=\"sm\"] {\r\n        .main-content {\r\n            margin-left: $sidebar-collapsed-width;\r\n        }\r\n        .vertical-menu {\r\n            #sidebar-menu{\r\n                text-align: left;\r\n                >ul{\r\n                    >li{\r\n                        >a {\r\n                            svg{\r\n                                display: inline-block;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .footer {\r\n            left: $sidebar-collapsed-width;\r\n        }\r\n    }\r\n}\r\n\r\n// colored sidebar\r\n\r\nbody[data-sidebar=\"brand\"] {\r\n    .vertical-menu{\r\n        background-color: $primary;\r\n    }\r\n    .navbar-brand-box{\r\n        background-color: $primary;\r\n        box-shadow: 0px 1px 0px $primary;\r\n        .logo-dark{\r\n            display: none;\r\n        }\r\n        .logo-light{\r\n            display: block;\r\n        }\r\n\r\n        .logo{\r\n            color: $white !important;\r\n        }\r\n    }\r\n\r\n    .mm-active {\r\n        color: $white !important;\r\n        > a{\r\n            color: $white !important;\r\n            i {\r\n                color: $white !important;\r\n            }\r\n            svg {\r\n                color: $white !important;\r\n                fill: rgba($white,0.1) !important;\r\n            }\r\n        }\r\n        .active {\r\n            color: $white !important;\r\n            svg {\r\n                color: $white !important;\r\n                fill: rgba($white,0.1) !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    #vertical-menu-btn{\r\n        @media (min-width: 992px) {\r\n            color:$header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul {\r\n            li {\r\n                &.menu-title{\r\n                    color: rgba($white, 0.6);\r\n                }\r\n\r\n                a{\r\n                    color: rgba($white, 0.6);\r\n                    i{\r\n                        color: rgba($white, 0.6);\r\n                    }\r\n                    svg {\r\n                        color: rgba($white, 0.6);;\r\n                        fill: rgba($white,0.075);\r\n                    }\r\n                    &.waves-effect {\r\n                        .waves-ripple {\r\n                          background: rgba($white, 0.1);\r\n                        }\r\n                    }\r\n\r\n                    &:hover {\r\n                        color: $white;\r\n    \r\n                        i {\r\n                            color: $white;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n                        a{\r\n                            color: rgba($white,.5);\r\n                            &:hover {\r\n                                color: $white;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .sidebar-alert{\r\n        background-color: rgba($white, 0.1);\r\n        color: rgba($white, 0.5);\r\n        .alertcard-title{\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"sm\"] {\r\n        &[data-topbar=\"dark\"]{\r\n            #vertical-menu-btn{\r\n                color :$header-dark-item-color;\r\n            }\r\n        }\r\n        #vertical-menu-btn{\r\n            color: $header-item-color;\r\n        }\r\n        .vertical-menu {\r\n            #sidebar-menu{\r\n                >ul{\r\n                    >li{\r\n                        &:hover>a{\r\n                            background-color: lighten($primary, 2%);\r\n                            color: $white;\r\n                            i, svg{\r\n                                color: $white;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul{\r\n                    li{\r\n                        &.mm-active {\r\n                            .active{\r\n                                color: $white !important;\r\n                            }\r\n                        }\r\n\r\n                        ul.sub-menu {\r\n                            li {\r\n                                a{\r\n                                    &:hover {\r\n                                        color: var(--#{$prefix}sidebar-menu-item-active-color);\r\n                                    }\r\n                                }\r\n                                &.mm-active {\r\n                                    color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n                                    > a{\r\n                                        color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n[data-bs-theme=\"dark\"][data-topbar=\"light\"]{\r\n    .navbar-brand-box{\r\n        .logo-dark{\r\n            .logo-txt{\r\n                color: $white;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// RTL\r\n[dir=\"rtl\"]{\r\n    #sidebar-menu{\r\n        .has-arrow:after{\r\n            content: \"\\F0141\"\r\n        }\r\n    }\r\n}","// \r\n// _horizontal.scss\r\n// \r\n\r\n.topnav {\r\n    background: $header-bg;\r\n    padding: 0 calc(#{$grid-gutter-width} / 2);\r\n    margin-top: $header-height;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 100;\r\n    border-bottom: 1px solid var(--#{$prefix}border-color);\r\n\r\n    @media (min-width: 992px) {\r\n        background: $topnav-bg;\r\n    }\r\n    \r\n    \r\n    .topnav-menu {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .navbar-nav {\r\n        \r\n        .nav-link {\r\n            font-size: 14.4px;\r\n            position: relative;\r\n            padding: 1rem 1.3rem;\r\n            color: $menu-item-color;\r\n            font-weight: $font-weight-medium;\r\n            i{\r\n                font-size: 15px;\r\n            }\r\n            svg {\r\n                height: 16px;\r\n                width: 16px;\r\n                color: $menu-item-color;\r\n                fill: $sidebar-menu-item-icon-effact-color;\r\n                margin-right: 7px;\r\n                margin-top: -3px;\r\n            }\r\n            &:focus, &:hover{\r\n                color: $menu-item-active-color;\r\n                background-color: transparent;\r\n                svg {\r\n                    color: $menu-item-active-color;\r\n                    fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\r\n                }\r\n            }\r\n        }\r\n        \r\n        .dropdown-item{\r\n            color: $menu-item-color;\r\n            &.active, &:hover{\r\n                color: $menu-item-active-color;\r\n            }\r\n        }\r\n        \r\n        .nav-item{\r\n            .nav-link.active{\r\n                color: $menu-item-active-color;\r\n                svg {\r\n                    color: $menu-item-active-color;\r\n                    fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown{\r\n            &.active{\r\n              >a {\r\n                    color: $menu-item-active-color;\r\n                    background-color: transparent;\r\n                    svg {\r\n                        color: $menu-item-active-color;\r\n                        fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title{\r\n        padding: 12px 24px !important;\r\n        @media (max-width: 991.98px) {\r\n            padding: 12px 16px !important;\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n    body[data-layout=\"horizontal\"] {\r\n        .container-fluid,\r\n        .navbar-header {\r\n            max-width: 85%;\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n    .topnav {\r\n        .navbar-nav {\r\n            .nav-item {\r\n                &:first-of-type {\r\n                    .nav-link {\r\n                        padding-left: 0;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown-item {\r\n            padding: .5rem 1.5rem;\r\n            min-width: 180px;\r\n        }\r\n\r\n        .dropdown {\r\n            &.mega-dropdown{\r\n                // position: static;\r\n                .mega-dropdown-menu{\r\n                    left: 0px;\r\n                    right: auto;\r\n                }\r\n            }\r\n            .dropdown-menu {\r\n                margin-top: 0;\r\n                border-radius: 0 0 $dropdown-border-radius $dropdown-border-radius;\r\n\r\n                .arrow-down {\r\n                    &::after {\r\n                        right: 15px;\r\n                        transform: rotate(-135deg) translateY(-50%);\r\n                        position: absolute;\r\n                    }\r\n                }\r\n\r\n                .dropdown {\r\n                    .dropdown-menu {\r\n                        position: absolute;\r\n                        top: 0 !important;\r\n                        left: 100%;\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &:hover {\r\n                >.dropdown-menu {\r\n                    display: block;\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {\r\n            display: block\r\n        }\r\n    }\r\n\r\n    .navbar-toggle {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.arrow-down{\r\n    display: inline-block;\r\n\r\n    &:after {\r\n        border-color: initial;\r\n        border-style: solid;\r\n        border-width: 0 0 1px 1px;\r\n        content: \"\";\r\n        height: .4em;\r\n        display: inline-block;\r\n        right: 5px;\r\n        top: 50%;\r\n        margin-left: 10px;\r\n        transform: rotate(-45deg) translateY(-50%);\r\n        transform-origin: top;\r\n        transition: all .3s ease-out;\r\n        width: .4em;\r\n    }\r\n}\r\n\r\n\r\n@include media-breakpoint-down(xl) {\r\n    .topnav-menu {\r\n        .navbar-nav {\r\n            li {\r\n                &:last-of-type {\r\n                    .dropdown {\r\n                        .dropdown-menu {\r\n                            right: 100%;\r\n                            left: auto;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(lg) {\r\n\r\n    .navbar-brand-box{\r\n        .logo-dark {\r\n            display: $display-block;\r\n            span.logo-sm{\r\n                display: $display-block;\r\n            }\r\n        }\r\n    \r\n        .logo-light {\r\n            display: $display-none;\r\n        }\r\n    }\r\n    \r\n    .topnav {\r\n        max-height: 360px;\r\n        overflow-y: auto;\r\n        padding: 0;\r\n        .navbar-nav {\r\n            .nav-link {\r\n                padding: 0.75rem 1.1rem;\r\n            }\r\n        }\r\n\r\n        .dropdown {\r\n            .dropdown-menu {\r\n                background-color: transparent;\r\n                border: none;\r\n                box-shadow: none;\r\n                padding-left: 24px;\r\n                &.dropdown-mega-menu-xl{\r\n                    width: auto;\r\n    \r\n                    .row{\r\n                        margin: 0px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .dropdown-item {\r\n                position: relative;\r\n                background-color: transparent;\r\n\r\n                &.active,\r\n                &:active {\r\n                    color: $primary;\r\n                }\r\n            }\r\n        }\r\n\r\n        .arrow-down {\r\n            &::after {\r\n                right: 15px;\r\n                position: absolute;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Colored Topbar \r\n\r\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] {\r\n    #page-topbar{\r\n        background-color: $primary;\r\n        box-shadow: none;\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .app-search {\r\n    \r\n        .form-control {\r\n            background-color: rgba(var(--#{$prefix}topbar-search-bg),0.07);\r\n            color: $white;\r\n        }\r\n        span,\r\n        input.form-control::-webkit-input-placeholder {\r\n            color: rgba($white,0.5);\r\n        }\r\n    }\r\n    .header-item {\r\n        color: var(--#{$prefix}header-dark-item-color);\r\n    \r\n        &:hover {\r\n            color: var(--#{$prefix}header-dark-item-color);\r\n        }\r\n    }\r\n\r\n    .navbar-header {\r\n        .dropdown .show {\r\n            &.header-item{\r\n                background-color: rgba($white,0.1);\r\n            }\r\n        }\r\n\r\n        .waves-effect .waves-ripple {\r\n            background: rgba($white, 0.4);\r\n        }\r\n    }\r\n\r\n    .noti-icon {\r\n        i {\r\n            color: var(--#{$prefix}header-dark-item-color);\r\n        }\r\n    }\r\n\r\n    @include media-breakpoint-up(lg) {\r\n        .topnav{\r\n            background-color: $primary;\r\n            .navbar-nav {\r\n        \r\n                .nav-link {\r\n                    color: rgba($white, 0.6);\r\n                    \r\n                    &:focus, &:hover{\r\n                        color: rgba($white, 0.9);\r\n                    }\r\n                }\r\n        \r\n                > .dropdown{\r\n                    &.active{\r\n                      >a {\r\n                            color: rgba($white, 0.9) !important;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// \r\n[data-bs-theme=\"dark\"][data-layout=\"horizontal\"][data-topbar=\"light\"]{\r\n    .navbar-brand-box{\r\n        .logo-txt{\r\n            color: #000;\r\n        }\r\n    }\r\n}","// \r\n// _layouts.scss\r\n// \r\n\r\nbody[data-layout-size=\"boxed\"] {\r\n    background-color: var(--#{$prefix}boxed-body-bg);\r\n    #layout-wrapper {\r\n        background-color:  var(--#{$prefix}body-bg);\r\n        max-width: $boxed-layout-width;\r\n        margin: 0 auto;\r\n        box-shadow: $box-shadow;\r\n        min-height: 100vh;\r\n    }\r\n\r\n    #page-topbar {\r\n        max-width: $boxed-layout-width;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .footer {\r\n        margin: 0 auto;\r\n        max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\r\n    }\r\n\r\n    &[data-sidebar-size=\"sm\"] {\r\n        @media (min-width: 992px) {\r\n            #layout-wrapper {\r\n                min-height: 1200px;\r\n            }\r\n        }\r\n\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"md\"] {\r\n\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-width-sm});\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Horizontal Boxed Layout\r\n\r\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"]{\r\n    #page-topbar, #layout-wrapper, .footer {\r\n        max-width: 100%;\r\n    }\r\n    .container-fluid, .navbar-header {\r\n        max-width: $boxed-layout-width;\r\n    }\r\n}\r\n\r\n// Scrollable layout\r\n\r\nbody[data-layout-scrollable=\"true\"] {\r\n    @media (min-width: 992px) {\r\n        #page-topbar, .vertical-menu{\r\n            position: absolute;\r\n        }\r\n    }\r\n\r\n    &[data-layout=\"horizontal\"]{\r\n        @media (min-width: 992px) {\r\n            #page-topbar, .topnav{\r\n                position: absolute;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n","// \r\n// root.scss\r\n//\r\n\r\n@mixin color-mode($mode: light, $root: false) {\r\n    @if $color-mode-type ==\"media-query\" {\r\n        @if $root ==true {\r\n            @media (prefers-color-scheme: $mode) {\r\n                :root {\r\n                    @content;\r\n                }\r\n            }\r\n        }\r\n\r\n        @else {\r\n            @media (prefers-color-scheme: $mode) {\r\n                @content;\r\n            }\r\n        }\r\n    }\r\n\r\n    @else {\r\n        [data-bs-theme=\"#{$mode}\"] {\r\n            @content;\r\n        }\r\n    }\r\n}\r\n\r\n//theme-light\r\n:root,\r\n[data-bs-theme=\"light\"] {\r\n    --#{$prefix}header-bg: #{$header-bg};\r\n    --#{$prefix}header-item-color: #{$header-item-color};\r\n    --#{$prefix}header-item-sub-color: #{$text-muted};\r\n\r\n\r\n    // vetical sidebar\r\n    --#{$prefix}sidebar-bg: #fbfaff;\r\n    --#{$prefix}sidebar-menu-item-color: #545a6d;\r\n    --#{$prefix}sidebar-menu-sub-item-color: #545a6d;\r\n    --#{$prefix}sidebar-menu-item-icon-color: #545a6d;\r\n    --#{$prefix}sidebar-menu-item-icon-effact-color: rgba(84, 90, 109, 0.2);\r\n    --#{$prefix}sidebar-menu-item-hover-color: #5156be;\r\n    --#{$prefix}sidebar-menu-item-hover-effact-color: rgba(81, 86, 190, 0.2);\r\n    --#{$prefix}sidebar-menu-item-active-color: #5156be;\r\n    --#{$prefix}sidebar-menu-item-active-effact-color: rgba(81, 86, 190, 0.2);\r\n    --#{$prefix}sidebar-border-color: #{$gray-200};\r\n    --#{$prefix}sidebar-menu-item-active-bg-color: #f3f8fb;\r\n    --#{$prefix}sidebar-menu-item-active-bg-color-dark: #293552;\r\n    --#{$prefix}sidebar-alert: rgba(81, 86, 190, 0.1);\r\n\r\n    // Vertical Sidebar - Dark\r\n    [data-sidebar=\"dark\"] {\r\n        --#{$prefix}sidebar-dark-bg: #2C302E;\r\n        --#{$prefix}sidebar-dark-menu-item-color: #99a4b1;\r\n        --#{$prefix}sidebar-dark-menu-sub-item-color: #858d98;\r\n        --#{$prefix}sidebar-dark-menu-item-icon-color: #858d98;\r\n        --#{$prefix}sidebar-dark-menu-item-hover-color: #{$white};\r\n        --#{$prefix}sidebar-dark-menu-item-active-color: #{$white};\r\n    }\r\n\r\n    [data-topbar=\"light\"] {\r\n        --#{$prefix}topbar-search-bg: #{$gray-100};\r\n    }\r\n\r\n\r\n    // Topbar Search\r\n    --#{$prefix}topbar-search-bg: #f3f3f9;\r\n    --#{$prefix}topbar-dark-search-bg: #363a38;\r\n\r\n    --#{$prefix}search-width: 0px;\r\n    --#{$prefix}search-border-color: #e9e9ef;\r\n\r\n    --#{$prefix}boxed-body-bg: #{darken($body-bg, 4%)};\r\n\r\n    // Topbar User\r\n    --#{$prefix}topbar-search-bg: #{$gray-100};\r\n\r\n    // Horizontal nav\r\n    --#{$prefix}topnav-bg: #fbfaff;\r\n    --#{$prefix}topnav-item-color: #{$gray-400};\r\n    ;\r\n    --#{$prefix}topnav-item-color-active: #{$white};\r\n    --#{$prefix}menu-item-color: #7b8190;\r\n    --#{$prefix}menu-item-active-color: #5b73e8;\r\n\r\n    // twocolumn menu\r\n    --#{$prefix}twocolumn-menu-iconview-bg: #{$white};\r\n    --#{$prefix}twocolumn-menu-bg: #{$white};\r\n\r\n\r\n    [data-topbar=\"dark\"] {\r\n        --#{$prefix}header-bg: #{$gray-800};\r\n        --#{$prefix}header-item-color: #{$gray-100};\r\n        --#{$prefix}header-item-sub-color: #8795ab;\r\n        --#{$prefix}topbar-search-bg: #363a38;\r\n    }\r\n\r\n    &[data-topbar=\"brand\"] {\r\n        --#{$prefix}header-bg: #{$blue-700};\r\n        --#{$prefix}header-item-color: #{$gray-100};\r\n        --#{$prefix}header-item-sub-color: #{lighten($blue-100, 1.5%)};\r\n    }\r\n\r\n    // Footer\r\n    --#{$prefix}footer-bg: #{$white};\r\n    --#{$prefix}footer-color: #74788d;\r\n\r\n}\r\n\r\n\r\n\r\n//theme dark\r\n@if $enable-dark-mode {\r\n    @include color-mode(dark, true) {\r\n        --#{$prefix}light: #{$light-dark};\r\n        --#{$prefix}light-rgb: #{to-rgb($light-dark)};\r\n        --#{$prefix}dark: #{$gray-200};\r\n        --#{$prefix}dark-rgb: #{to-rgb($gray-200)};\r\n\r\n        --#{$prefix}header-bg: #{$header-bg-dark};\r\n        --#{$prefix}header-item-color: #{$header-item-color-dark};\r\n        --#{$prefix}header-item-sub-color: #{$text-muted};\r\n\r\n        .table-light {\r\n            --#{$prefix}table-color: #{lighten($light-dark, 80%)};\r\n            --#{$prefix}table-bg: var(--#{$prefix}tertiary-bg);\r\n            --#{$prefix}table-border-color: var(--#{$prefix}border-color);\r\n            --#{$prefix}table-striped-bg: var(--#{$prefix}tertiary-bg);\r\n            --#{$prefix}table-striped-color: #{lighten($light-dark, 100%)};\r\n            --#{$prefix}table-active-bg: var(--#{$prefix}tertiary-bg);\r\n            --#{$prefix}table-active-color: #{lighten($light-dark, 100%)};\r\n            --#{$prefix}table-hover-bg: var(--#{$prefix}tertiary-bg);\r\n            --#{$prefix}table-hover-color: #{lighten($light-dark, 100%)};\r\n        }\r\n\r\n        // Vertical sidebar \r\n        --#{$prefix}sidebar-bg: #{$gray-700};\r\n        --#{$prefix}sidebar-menu-item-color: #898fa9;\r\n        --#{$prefix}sidebar-menu-sub-item-color: #7b8198;\r\n        --#{$prefix}sidebar-menu-item-icon-color: #666b7f;\r\n        --#{$prefix}sidebar-menu-item-icon-effact-color: rgba(133, 141, 152, 0.2);\r\n        --#{$prefix}sidebar-menu-item-hover-color: #5b73e8;\r\n        --#{$prefix}sidebar-menu-item-hover-effact-color: rgba(255, 255, 255, 0.2);\r\n        --#{$prefix}sidebar-menu-item-active-color: #5b73e8;\r\n        --#{$prefix}sidebar-menu-item-active-effact-color: rgba(255, 255, 255, 0.2);\r\n        --#{$prefix}sidebar-border-color: #373c39;\r\n        --#{$prefix}sidebar-menu-item-active-bg-color: #34415d;\r\n        --#{$prefix}sidebar-menu-item-active-bg-color-dark: #343747;\r\n        --#{$prefix}sidebar-alert: #313533;\r\n\r\n        // Vertical Sidebar - Dark\r\n        --#{$prefix}sidebar-dark-bg: #2C302E;\r\n        --#{$prefix}sidebar-dark-menu-item-color: #99a4b1;\r\n        --#{$prefix}sidebar-dark-menu-sub-item-color: #858d98;\r\n        --#{$prefix}sidebar-dark-menu-item-icon-color: #858d98;\r\n        --#{$prefix}sidebar-dark-menu-item-hover-color: #ffffff;\r\n        --#{$prefix}sidebar-dark-menu-item-active-color: #ffffff;\r\n    \r\n        &[data-topbar=\"light\"]{\r\n            --#{$prefix}topbar-search-bg: #{$gray-100};\r\n        }\r\n\r\n        &[data-sidebar=\"dark\"] {\r\n            --#{$prefix}sidebar-dark-bg: #2C302E;\r\n            --#{$prefix}sidebar-dark-menu-item-color: #99a4b1;\r\n            --#{$prefix}sidebar-dark-menu-sub-item-color: #858d98;\r\n            --#{$prefix}sidebar-dark-menu-item-icon-color: #858d98;\r\n            --#{$prefix}sidebar-dark-menu-item-hover-color: #{$white};\r\n            --#{$prefix}sidebar-dark-menu-item-active-color: #{$white};\r\n        }\r\n\r\n        // Topbar Search \r\n        --#{$prefix}search-width: 1px;\r\n        --#{$prefix}search-border-color: #3b403d;\r\n        --#{$prefix}topbar-search-bg: #363a38;\r\n\r\n        // footer\r\n        --#{$prefix}footer-bg: #{$gray-700};\r\n        --#{$prefix}footer-color: #adb5bd;\r\n        --#{$prefix}footer-border-color: #{$border-color-dark};\r\n\r\n        //Horizontal \r\n        --#{$prefix}topnav-bg: #373c39;\r\n        --#{$prefix}topnav-item-color: #{$gray-400};\r\n        --#{$prefix}topnav-item-color-active: #{$white};\r\n        --#{$prefix}menu-item-color: #99a4b1;\r\n        --#{$prefix}menu-item-active-color: #ffffff;\r\n\r\n        --#{$prefix}input-bg: #{lighten($gray-700, 4)};\r\n        --#{$prefix}accordion-button-active-bg: #3b403d;\r\n        --#{$prefix}boxed-body-bg: #3b403d;\r\n\r\n    }\r\n}","\r\n/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\r\n .waves-effect {\r\n    position: relative;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    overflow: hidden;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n  .waves-effect .waves-ripple {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    width: 100px;\r\n    height: 100px;\r\n    margin-top: -50px;\r\n    margin-left: -50px;\r\n    opacity: 0;\r\n    background: rgba(0, 0, 0, 0.2);\r\n    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    -webkit-transition: all 0.5s ease-out;\r\n    -moz-transition: all 0.5s ease-out;\r\n    -o-transition: all 0.5s ease-out;\r\n    transition: all 0.5s ease-out;\r\n    -webkit-transition-property: -webkit-transform, opacity;\r\n    -moz-transition-property: -moz-transform, opacity;\r\n    -o-transition-property: -o-transform, opacity;\r\n    transition-property: transform, opacity;\r\n    -webkit-transform: scale(0) translate(0, 0);\r\n    -moz-transform: scale(0) translate(0, 0);\r\n    -ms-transform: scale(0) translate(0, 0);\r\n    -o-transform: scale(0) translate(0, 0);\r\n    transform: scale(0) translate(0, 0);\r\n    pointer-events: none;\r\n  }\r\n  .waves-effect.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\r\n    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n  }\r\n  .waves-effect.waves-classic .waves-ripple {\r\n    background: rgba(0, 0, 0, 0.2);\r\n  }\r\n  .waves-effect.waves-classic.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\r\n  }\r\n  .waves-notransition {\r\n    -webkit-transition: none !important;\r\n    -moz-transition: none !important;\r\n    -o-transition: none !important;\r\n    transition: none !important;\r\n  }\r\n  .waves-button,\r\n  .waves-circle {\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);\r\n  }\r\n  .waves-button,\r\n  .waves-button:hover,\r\n  .waves-button:visited,\r\n  .waves-button-input {\r\n    white-space: nowrap;\r\n    vertical-align: middle;\r\n    cursor: pointer;\r\n    border: none;\r\n    outline: none;\r\n    color: inherit;\r\n    background-color: rgba(0, 0, 0, 0);\r\n    font-size: 1em;\r\n    line-height: 1em;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    z-index: 1;\r\n  }\r\n  .waves-button {\r\n    padding: 0.85em 1.1em;\r\n    border-radius: 0.2em;\r\n  }\r\n  .waves-button-input {\r\n    margin: 0;\r\n    padding: 0.85em 1.1em;\r\n  }\r\n  .waves-input-wrapper {\r\n    border-radius: 0.2em;\r\n    vertical-align: bottom;\r\n  }\r\n  .waves-input-wrapper.waves-button {\r\n    padding: 0;\r\n  }\r\n  .waves-input-wrapper .waves-button-input {\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 1;\r\n  }\r\n  .waves-circle {\r\n    text-align: center;\r\n    width: 2.5em;\r\n    height: 2.5em;\r\n    line-height: 2.5em;\r\n    border-radius: 50%;\r\n  }\r\n  .waves-float {\r\n    -webkit-mask-image: none;\r\n    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    -webkit-transition: all 300ms;\r\n    -moz-transition: all 300ms;\r\n    -o-transition: all 300ms;\r\n    transition: all 300ms;\r\n  }\r\n  .waves-float:active {\r\n    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n  }\r\n  .waves-block {\r\n    display: block;\r\n  }\r\n\r\n.waves-effect.waves-light {\r\n    .waves-ripple {\r\n        background-color: rgba($white, 0.4);\r\n    }\r\n}\r\n\r\n.waves-effect.waves-primary {\r\n    .waves-ripple {\r\n        background-color: rgba($primary, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-success {\r\n    .waves-ripple {\r\n        background-color: rgba($success, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-info {\r\n    .waves-ripple {\r\n        background-color: rgba($info, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-warning {\r\n    .waves-ripple {\r\n        background-color: rgba($warning, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-danger {\r\n    .waves-ripple {\r\n        background-color: rgba($danger, 0.4);\r\n    }\r\n}","//\n// accordion.scss\n//\n\n    //dark\n    [data-bs-theme=\"dark\"]{\n        .accordion-button {\n            &:after{\n                background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$gray-700}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\"));\n            }\n        }\n}","//\n// avatar.scss\n//\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem;\n}\n\n.avatar-sm {\n  height: 2rem;\n  width: 2rem;\n}\n\n.avatar-md {\n  height: 3rem;\n  width: 3rem;\n}\n\n.avatar-lg {\n  height: 4rem;\n  width: 4rem;\n}\n\n.avatar-xl {\n  height: 5rem;\n  width: 5rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: $primary;\n  color: var(--#{$prefix}white);\n  display: flex;\n  font-weight: $font-weight-medium;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n\n// avatar group\n.avatar-group {\n  padding-left: 12px;\n  display: flex;\n  flex-wrap: wrap;\n  .avatar-group-item {\n    margin-left: -12px;\n    border: 2px solid $card-bg;\n    border-radius: 50%;\n    transition: all 0.2s;\n    &:hover{\n      position: relative;\n      transform: translateY(-2px);\n    }\n  }\n}","//\n// _helper.scss\n//\n\n.font-size-10 {\n    font-size: 10px !important;\n}\n\n.font-size-11 {\n    font-size: 11px !important;\n}\n\n.font-size-12 {\n    font-size: 12px !important;\n}\n\n.font-size-13 {\n    font-size: 13px !important;\n}\n\n.font-size-14 {\n    font-size: 14px !important;\n}\n\n.font-size-15 {\n    font-size: 15px !important;\n}\n\n.font-size-16 {\n    font-size: 16px !important;\n}\n\n.font-size-17 {\n    font-size: 17px !important;\n}\n\n.font-size-18 {\n    font-size: 18px !important;\n}\n\n.font-size-20 {\n    font-size: 20px !important;\n}\n\n.font-size-22 {\n    font-size: 22px !important;\n}\n\n.font-size-24 {\n    font-size: 24px !important;\n}\n\n// Font weight help class\n\n.fw-medium {\n    font-weight: $font-weight-medium;\n}\n\n.fw-semibold {\n    font-weight: $font-weight-semibold;\n}\n\n\n// Icons Sizes\n.icon-xs {\n    height: 14px;\n    width: 14px;\n}\n\n.icon-sm {\n    height: 16px;\n    width: 16px;\n}\n\n.icon-md {\n    height: 18px;\n    width: 18px;\n}\n\n.icon-lg {\n    height: 20px;\n    width: 20px;\n}\n\n.icon-xl {\n    height: 22px;\n    width: 22px;\n}\n\n\n// Card Height 100\n.card-h-100 {\n    height: calc(100% - #{$grid-gutter-width});\n}\n\n\n// Social\n\n.social-list-item {\n    height: 2rem;\n    width: 2rem;\n    line-height: calc(2rem - 4px);\n    display: block;\n    border: 2px solid $gray-500;\n    border-radius: 50%;\n    color: $gray-500;\n    text-align: center;\n    transition: all 0.4s;\n\n    &:hover {\n        color: $gray-600;\n        background-color: $gray-200;\n    }\n}\n\n.w-xs {\n    min-width: 80px;\n}\n\n.w-sm {\n    min-width: 95px;\n}\n\n.w-md {\n    min-width: 110px;\n}\n\n.w-lg {\n    min-width: 140px;\n}\n\n.w-xl {\n    min-width: 160px;\n}\n\n// bg overlay\n.bg-overlay{\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    top: 0;\n    opacity: 0.7;\n    background-color: $black;\n}\n\n// alert\n\n.alert-dismissible {\n    .btn-close {\n        font-size: 10px;\n        padding: $alert-padding-y * 1.4 $alert-padding-x;\n        background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat;\n    }\n}\n\n\n.btn-group-vertical{\n    label{\n        margin-bottom: 0;\n    }\n}\n\n.btn-group{\n    label{ margin-bottom:0}\n}\n\n[data-bs-theme =\"dark\"]{\n    .text-light{\n        color: var(--#{$prefix}gray-400) !important;\n    }\n    .text-body{\n      color: var(--#{$prefix}gray-400) !important;\n    }\n    .btn-close{\n        filter: invert(1) grayscale(100%) brightness(200%);\n    }\n    .btn-close-white{\n      filter: invert(0) grayscale(100%) brightness(200%);\n    }\n}\n  ","//\r\n// Forms.scss\r\n//\r\n\r\n[type=\"tel\"],\r\n[type=\"url\"],\r\n[type=\"email\"],\r\n[type=\"number\"] {\r\n  &::placeholder {\r\n    text-align: left\r\n      /*rtl: right*/\r\n    ;\r\n  }\r\n}\r\n\r\n.form-check {\r\n  position: relative;\r\n  text-align: left\r\n    /*rtl: right*/\r\n  ;\r\n}\r\n\r\n// checkbox input right\r\n\r\n.form-check-right {\r\n  padding-left: 0;\r\n  display: inline-block;\r\n  padding-right: $form-check-padding-start;\r\n\r\n  .form-check-input {\r\n    float: right;\r\n    margin-left: 0;\r\n    margin-right: $form-check-padding-start * -1;\r\n  }\r\n\r\n  .form-check-label {\r\n    display: block;\r\n  }\r\n}\r\n\r\n// checkbox\r\n\r\n.form-checkbox-outline {\r\n  .form-check-input {\r\n    border-width: 2px;\r\n    background-color: $card-bg;\r\n\r\n    &:active {\r\n      filter: none;\r\n    }\r\n\r\n    &:checked {\r\n      background-color: $card-bg !important;\r\n\r\n      &[type=\"checkbox\"] {\r\n        background-image: none;\r\n      }\r\n\r\n      &:after {\r\n        position: absolute;\r\n        content: \"\\F012C\";\r\n        font-family: \"Material Design Icons\";\r\n        top: -4px !important;\r\n        left: 1px;\r\n        /*rtl: -4px */\r\n        font-size: 16px;\r\n        color: $dark;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// radio\r\n\r\n.form-radio-outline {\r\n  .form-check-input {\r\n    background-color: $card-bg;\r\n    position: relative;\r\n\r\n    &:active {\r\n      filter: none;\r\n    }\r\n\r\n    &:checked {\r\n      background-color: $card-bg !important;\r\n\r\n      &[type=\"checkbox\"] {\r\n        background-image: none;\r\n      }\r\n\r\n      &:after {\r\n        position: absolute;\r\n        content: \"\";\r\n        top: 3px !important;\r\n        left: 3px;\r\n        width: 5px;\r\n        height: 5px;\r\n        border-radius: 50%;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// checkbox color\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n  .form-check-#{$color} {\r\n    .form-check-input {\r\n      &:checked {\r\n        background-color: $value;\r\n        border-color: $value;\r\n      }\r\n    }\r\n  }\r\n\r\n  .form-radio-#{$color} {\r\n    .form-check-input {\r\n      &:checked {\r\n        border-color: $value;\r\n        background-color: $value;\r\n\r\n        &:after {\r\n          background-color: $value;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.form-check,\r\n.form-check-input,\r\n.form-check-label {\r\n  cursor: pointer;\r\n  margin-bottom: 0;\r\n}\r\n\r\n// Switch sizes\r\n\r\n.form-switch-md {\r\n  font-size: 20px;\r\n  min-height: 26px;\r\n  line-height: 26px;\r\n\r\n  .form-check-label {\r\n    font-size: $font-size-base;\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n.form-switch-lg {\r\n  font-size: 26px;\r\n  min-height: 36px;\r\n  line-height: 36px;\r\n\r\n  .form-check-label {\r\n    font-size: $font-size-base;\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n.input-group-text {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n\r\n.custom-control-label::before {\r\n  background-color: $input-bg;\r\n}\r\n\r\n[data-bs-theme =\"dark\"] {\r\n  .form-select {\r\n    background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$gray-400}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\"));\r\n  }\r\n\r\n  .form-switch {\r\n\r\n    .form-check-input,\r\n    .form-check-input:focus {\r\n      background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$gray-400}'/></svg>\"));\r\n    }\r\n  }\r\n}\r\n\r\n// RTL\r\n[dir=\"rtl\"] {\r\n  input {\r\n    text-align: end;\r\n  }\r\n}","// \r\n// Widgets.scss\r\n// \r\n\r\n.widget-box-1-icon {\r\n    position: absolute;\r\n    right: -15px;\r\n    top: -25px;\r\n    font-size: 5rem;\r\n    opacity: 0.1;\r\n}\r\n\r\n.widget-carousel{\r\n    .carousel-indicators{\r\n        margin: 0px auto;\r\n        position: relative;\r\n    }\r\n}\r\n\r\n// activity widget\r\n\r\n.activity-border {\r\n    &:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        height: 80px;\r\n        border-left: 2px dashed var(--#{$prefix}gray-400);\r\n        top: 40px;\r\n        left: 2px;\r\n    }\r\n}\r\n\r\n.activity-wid {\r\n    margin-left: 16px;\r\n\r\n    .activity-list {\r\n        position: relative;\r\n        padding: 0 0 20px 45px;\r\n\r\n        .activity-icon {\r\n            position: absolute;\r\n            left: -20px;\r\n            top: -3px;\r\n            z-index: 2;\r\n            background: var(--#{$prefix}card-bg);\r\n            img {\r\n                border: 5px solid $card-bg;\r\n            }\r\n            span {\r\n                border: 5px solid var(--#{$prefix}card-bg);\r\n            }\r\n        }\r\n        &:last-child {\r\n            padding-bottom: 0px;\r\n        }\r\n    }\r\n}","// \r\n// _demos.scss\r\n// \r\n\r\n\r\n\r\n.grid-example{\r\n  background-color: rgba($primary, 0.05);\r\n  border-radius: 5px;\r\n  font-weight: $font-weight-medium;\r\n  padding: 10px 20px;\r\n  font-size: .8rem;\r\n}\r\n\r\n// Modals\r\n\r\n.bs-example-modal {\r\n    position: relative;\r\n    top: auto;\r\n    right: auto;\r\n    bottom: auto;\r\n    left: auto;\r\n    z-index: 1;\r\n    display: block;\r\n  }\r\n\r\n[dir=\"rtl\"]{\r\n  .modal-open{\r\n    padding-left: 0px !important;\r\n  }\r\n}\r\n\r\n// Icon demo ( Demo only )\r\n.icon-demo-content {\r\n    color: var(--#{$prefix}gray-500);\r\n  \r\n    i{\r\n      display: inline-flex;\r\n      width: 40px;\r\n      height: 40px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 20px;\r\n      color: var(--#{$prefix}tertiary-600);\r\n      transition: all 0.4s;\r\n      border: 1px solid var(--#{$prefix}border-color);\r\n      border-radius: 50%;\r\n      margin-right: 16px;\r\n      vertical-align: middle;\r\n    }\r\n  \r\n    .col-lg-4 {\r\n      margin-top: 24px;\r\n  \r\n      &:hover {\r\n        i {\r\n          background-color: rgba($primary, 0.2);\r\n          color: $primary;\r\n        }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n// Grid\r\n\r\n.grid-structure {\r\n    .grid-container {\r\n        background-color: var(--#{$prefix}secondary-bg);\r\n        margin-top: 10px;\r\n        font-size: .8rem;\r\n        font-weight: $font-weight-medium;\r\n        padding: 10px 20px;\r\n    }\r\n}\r\n\r\n\r\n// card radio\r\n\r\n.card-radio{\r\n  background-color: $card-bg;\r\n  border: 2px solid $card-border-color;\r\n  border-radius: $border-radius;\r\n  padding: 1rem;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n\r\n  &:hover{\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.card-radio-label{\r\n  display: block;\r\n}\r\n\r\n\r\n.card-radio-input{\r\n  display: none;\r\n  &:checked + .card-radio {\r\n    border-color: $primary !important;\r\n  }\r\n}\r\n\r\n.spin-left:before {\r\n  animation: spin-left 2s infinite linear;\r\n}\r\n\r\n.spin-right:before {\r\n  animation: spin-right 2s infinite linear;\r\n}\r\n\r\n@keyframes spin-left {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(-359deg);\r\n  }\r\n}\r\n\r\n\r\n@keyframes spin-right {\r\n  0% {\r\n    -webkit-transform: rotate(0deg);\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    -webkit-transform: rotate(359deg);\r\n    transform: rotate(359deg);\r\n  }\r\n}\r\n","// \r\n// print.scss\r\n//\r\n\r\n// Used invoice page\r\n@media print {\r\n    .vertical-menu,\r\n    .right-bar,\r\n    .page-title-box,\r\n    .navbar-header,\r\n    .footer {\r\n        display: none !important;\r\n    }\r\n    .card-body,\r\n    .main-content,\r\n    .right-bar,\r\n    .page-content,\r\n    body {\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    .card{\r\n        border: 0;\r\n    }\r\n}","// Z-index\r\n.z-index {\r\n    position: relative;\r\n\r\n    .box-2 {\r\n        top: 13px;\r\n        left: 16px;\r\n    }\r\n\r\n    .box-3 {\r\n        top: 25px;\r\n        left: 31px;\r\n    }\r\n\r\n    .box-4 {\r\n        top: 39px;\r\n        left: 45px;\r\n    }\r\n\r\n    .box-5 {\r\n        top: 52px;\r\n        left: 59px;\r\n    }\r\n}","[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%; /* Not required for horizontal scroll to trigger */\n  max-height: 100%; /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 6px;\n  min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: '';\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n}\n\n.custom-scroll {\n  height: 100%;\n}","/* ==============\r\n  Calendar\r\n===================*/\r\n\r\n.fc td,\r\n.fc th {\r\n    border: $table-border-width solid $table-border-color;\r\n}\r\n\r\n.fc {\r\n    .fc-toolbar {\r\n        h2 {\r\n            font-size: 16px;\r\n            line-height: 30px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        @media (max-width: 767.98px) {\r\n            .fc-left,\r\n            .fc-right,\r\n            .fc-center {\r\n                float: none;\r\n                display: block;\r\n                text-align: center;\r\n                clear: both;\r\n                margin: 10px 0;\r\n            }\r\n\r\n            > * > * {\r\n                float: none;\r\n            }\r\n\r\n            .fc-today-button {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .btn {\r\n            text-transform: capitalize;\r\n        }\r\n    }\r\n}\r\n\r\n.fc {\r\n    th.fc-widget-header {\r\n        background: $gray-300;\r\n        color: $gray-700;\r\n        line-height: 20px;\r\n        padding: 10px 0;\r\n        text-transform: uppercase;\r\n        font-weight: $font-weight-bold;\r\n    }\r\n}\r\n\r\n.fc-unthemed {\r\n    .fc-content,\r\n    .fc-divider,\r\n    .fc-list-heading td,\r\n    .fc-list-view,\r\n    .fc-popover,\r\n    .fc-row,\r\n    tbody,\r\n    td,\r\n    th,\r\n    thead {\r\n        border-color: $gray-300;\r\n    }\r\n\r\n    td.fc-today {\r\n        background: lighten($gray-200, 2%);\r\n    }\r\n}\r\n\r\n.fc-button {\r\n    background: $card-bg;\r\n    border-color: var(--#{$prefix}border-color);\r\n    color: $gray-700;\r\n    text-transform: capitalize;\r\n    box-shadow: none;\r\n    padding: 6px 12px !important;\r\n    height: auto !important;\r\n}\r\n\r\n.fc-state-down,\r\n.fc-state-active,\r\n.fc-state-disabled {\r\n    background-color: $primary;\r\n    color: $white;\r\n    text-shadow: none;\r\n}\r\n\r\n.fc-event {\r\n    border-radius: 2px;\r\n    border: none;\r\n    cursor: move;\r\n    font-size: 0.8125rem;\r\n    margin: 5px 7px;\r\n    padding: 5px 5px;\r\n    text-align: center;\r\n}\r\n\r\n.fc-event,\r\n.fc-event-dot {\r\n    background-color: $primary;\r\n}\r\n\r\n.fc-event .fc-content {\r\n    color: $white;\r\n}\r\n\r\n#external-events {\r\n    .external-event {\r\n        text-align: left;\r\n        padding: 8px 16px;\r\n    }\r\n}\r\n\r\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark {\r\n    .fc-content {\r\n        color: var(--#{$prefix}light);\r\n    }\r\n}\r\n\r\n.fc .fc-button-primary {\r\n    background-color: var(--#{$prefix}primary) !important;\r\n    border-color: var(--#{$prefix}primary) !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n.fc-scrollgrid {\r\n    border-color: var(--#{$prefix}border-color) !important;\r\n}\r\n\r\n.fc-theme-standard .fc-list-day-cushion {\r\n    background-color: var(--#{$prefix}tertiary-bg) !important;\r\n}\r\n\r\n.fc-theme-standard .fc-list {\r\n    border: var(--#{$prefix}border-color) !important;\r\n}\r\n\r\n.fc-daygrid-event-dot{\r\n    display: none !important;\r\n}\r\n.fc-event{\r\n    justify-content: center;\r\n    &.fc-event-draggable{\r\n        text-align: center;\r\n        color: $white !important;\r\n    }\r\n\r\n    .fc-event-title{\r\n        flex-grow: 0 !important;\r\n    }\r\n}\r\n\r\n\r\n.fc .fc-daygrid-day.fc-day-today{\r\n    background-color: $info-bg-subtle !important;\r\n}\r\n\r\n// RTL\r\n[dir=\"rtl\"] {\r\n    .fc-header-toolbar {\r\n        direction: ltr !important;\r\n    }\r\n\r\n    .fc-toolbar > * > :not(:first-child) {\r\n        margin-left: 0.75em;\r\n    }\r\n}\r\n\r\n.fc-toolbar {\r\n    @media (max-width: 575.98px) {\r\n        flex-direction: column;\r\n    }\r\n}\r\n\r\n// dark \r\n[data-bs-theme=\"dark\"] {\r\n    .fc-scrollgrid {\r\n        border-color: #383d3e !important;\r\n    }\r\n    .fc-event.bg-dark {\r\n        background-color: #171c1c !important;\r\n    }\r\n}\r\n","//\r\n// session-timeout.scss\r\n//\r\n\r\n#session-timeout-dialog {\r\n    .close {\r\n        display: none;\r\n    }\r\n\r\n    .countdown-holder {\r\n        color: $danger;\r\n        font-weight: $font-weight-medium;\r\n    }\r\n\r\n    .btn-default {\r\n        background-color: $white;\r\n        color: $danger;\r\n        box-shadow: none;\r\n    }\r\n}","//\r\n// Range slider\r\n//\r\n\r\n.noUi-connect {\r\n    background: $info;\r\n}\r\n\r\n.noUi-handle {\r\n    border-color: var(--#{$prefix}light);\r\n    background: var(--#{$prefix}card-bg);\r\n    box-shadow: inset 0 0 1px $white, inset 0 1px 7px var(--#{$prefix}light), 0 3px 6px -3px var(--#{$prefix}light) !important; \r\n}\r\n\r\n.noUi-horizontal {\r\n    height: 8px;\r\n    .noUi-handle {\r\n        height: 20px;\r\n        width: 20px;\r\n        border-radius: 50%;\r\n        right: -10px;\r\n        top: -7px;\r\n\r\n        &::before,\r\n        &::after {\r\n            display: none;\r\n        }\r\n        &:focus {\r\n            outline: 0;\r\n        }       \r\n    }\r\n}\r\n.noUi-connects, .noUi-touch-area {\r\n    cursor: pointer;\r\n    \r\n}\r\n.noUi-pips-horizontal {\r\n    height: 50px;\r\n}\r\n\r\n.noUi-vertical {\r\n    width: 8px;\r\n    .noUi-handle {\r\n        height: 20px;\r\n        width: 20px;\r\n        right: -7px;\r\n        top: -12px;\r\n        border-radius: 50%;\r\n        &::before,\r\n        &::after {\r\n            display: none;\r\n        }\r\n        &:focus {\r\n            outline: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.noUi-value {\r\n    font-size: 12px;\r\n}\r\n\r\n.noUi-marker-horizontal {\r\n    &.noUi-marker-large {\r\n        height: 6px;\r\n    }\r\n\r\n    &.noUi-marker {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.noUi-target {\r\n    background-color: var(--#{$prefix}light);\r\n    border-color: var(--#{$prefix}light);\r\n    box-shadow: inset 0 1px 1px var(--#{$prefix}light), 0 3px 6px -5px var(--#{$prefix}light);\r\n}\r\n\r\n\r\n\r\n.noUi-touch-area {\r\n    &:focus {\r\n        outline: 0;\r\n    }\r\n}\r\n\r\n// Colorpicker\r\n\r\n#red,\r\n#green,\r\n#blue {\r\n    margin: 10px;\r\n    display: inline-block;\r\n    height: 200px;\r\n}\r\n\r\n#colorpicker {\r\n    height: 240px;\r\n    width: 310px;\r\n    margin: 0 auto;\r\n    padding: 10px;\r\n    border: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n#result {\r\n    margin: 60px 26px;\r\n    height: 100px;\r\n    width: 100px;\r\n    display: inline-block;\r\n    vertical-align: top;\r\n    border: 1px solid var(--#{$prefix}border-color);\r\n    box-shadow: 0 0 3px;\r\n    border-radius: 7px;\r\n}\r\n\r\n#red {\r\n    .noUi-connect {\r\n        background: $danger;\r\n    }\r\n}\r\n\r\n#green {\r\n    .noUi-connect {\r\n        background: $success;\r\n    }\r\n}\r\n\r\n#blue {\r\n    .noUi-connect {\r\n        background: $primary;\r\n    }\r\n}\r\n\r\n// Adding keyboard support\r\n\r\n.form-control {\r\n    &.keyboard {\r\n        max-width: 340px !important;\r\n    }\r\n}\r\n\r\n// Using HTML5 input elements\r\n\r\n#input-select,\r\n#input-number {\r\n    padding: 7px;\r\n    margin: 15px 5px 5px;\r\n    width: 70px;\r\n}\r\n\r\n// Non linear slider\r\n\r\n.example-val {\r\n    font-size: 12px;\r\n    color: $text-muted;\r\n    display: block;\r\n    margin: 15px 0;\r\n    &:before {\r\n        content: \"Value: \";\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n    }\r\n}\r\n\r\n// showing tooltips\r\n\r\n.noUi-tooltip {\r\n    display: none;\r\n}\r\n.noUi-active .noUi-tooltip {\r\n    display: block;\r\n}\r\n\r\n// Colored Connect Elements\r\n\r\n.c-1-color {\r\n    background: $danger;\r\n}\r\n.c-2-color {\r\n    background: $warning;\r\n}\r\n.c-3-color {\r\n    background: $success;\r\n}\r\n.c-4-color {\r\n    background: $primary;\r\n}\r\n.c-5-color {\r\n    background: $purple;\r\n}\r\n\r\n//  slider togle\r\n\r\n#slider-toggle {\r\n    height: 50px;\r\n    &.off {\r\n        .noUi-handle {\r\n            border-color: $danger;\r\n        }\r\n    }\r\n}\r\n\r\n","\r\n//\r\n//  Sweetalert2\r\n//\r\n\r\n.swal2-container {\r\n  .swal2-title{\r\n    font-size: 22px;\r\n    font-weight: $font-weight-medium;\r\n  }  \r\n  .swal2-html-container{\r\n    color: var(--#{$prefix}body-color) !important;\r\n  }\r\n  .swal2-popup{\r\n    background-color: var(--#{$prefix}secondary-bg);\r\n  }\r\n}\r\n\r\n.swal2-modal{\r\n  font-size: 14px;\r\n}\r\n\r\n.swal2-icon{\r\n  &.swal2-question{\r\n    border-color: $info;\r\n    color: $info;\r\n  }\r\n  &.swal2-success {\r\n    [class^=swal2-success-line]{\r\n      background-color: $success;\r\n    }\r\n\r\n    .swal2-success-ring{\r\n      border-color: rgba($success, 0.3);\r\n    }\r\n  }\r\n  &.swal2-warning{\r\n    border-color: $warning;\r\n    color: $warning;\r\n  }\r\n}\r\n\r\n.swal2-styled{\r\n  &:focus{\r\n    box-shadow: none;\r\n  }\r\n}\r\n\r\n.swal2-progress-steps {\r\n  .swal2-progress-step{\r\n    background: $primary;\r\n    &.swal2-active-progress-step{\r\n      background: $primary;\r\n      &~.swal2-progress-step, &~.swal2-progress-step-line{\r\n        background: rgba($primary, 0.3);\r\n      }\r\n    }\r\n  }\r\n\r\n  .swal2-progress-step-line{\r\n    background: $primary;\r\n  }\r\n}\r\n\r\n.swal2-loader{\r\n  border-color: $primary transparent $primary transparent;\r\n}","\r\n//\r\n// alertify.scss\r\n//\r\n\r\n.alertify {\r\n    .ajs-body {\r\n        .ajs-content {\r\n            .ajs-input{\r\n                color: var(--#{$prefix}gray-600);\r\n                background-color: var(--#{$prefix}secondary-bg);\r\n                border: 1px solid  var(--#{$prefix}gray-300);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.alertify {\r\n    .ajs-footer {\r\n        .ajs-buttons {\r\n            .ajs-button{\r\n                color:  var(--#{$prefix}gray-500);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.alertify {\r\n    .ajs-header{\r\n        font-weight: $font-weight-medium;\r\n        background-color: var(--#{$prefix}secondary-bg);\r\n    }\r\n    .ajs-body{\r\n        color:  var(--#{$prefix}gary-600);\r\n    }\r\n    .ajs-dialog{\r\n        box-shadow: $box-shadow;\r\n        background-color: var(--#{$prefix}secondary-bg);\r\n\r\n        .ajs-header, .ajs-footer{\r\n            background-color: var(--#{$prefix}secondary-bg);\r\n            color:  var(--#{$prefix}gary-600);\r\n            border-bottom: var(--#{$prefix}border-color) 1px solid; \r\n            border-top: var(--#{$prefix}border-color) 1px solid; \r\n        }\r\n    }\r\n\r\n    .ajs-footer {\r\n        background-color: var(--#{$prefix}secondary-bg);\r\n        .ajs-buttons {\r\n            .ajs-button{\r\n                font-weight: $font-weight-medium;\r\n                &.ajs-ok{\r\n                    color: $primary;\r\n                }\r\n            }\r\n\r\n            &.ajs-primary{\r\n                text-align: right;\r\n            }\r\n        }\r\n    }\r\n\r\n    .ajs-body .ajs-content .ajs-input:focus-visible{\r\n        outline: none;\r\n    }\r\n\r\n    .ajs-commands{\r\n        right: 4px;\r\n        left: auto;\r\n        margin: -14px 0 0 24px;\r\n\r\n        .ajs-header{\r\n            background-color: var(--#{$prefix}secondary-bg);\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.alertify-notifier {\r\n    .ajs-message{\r\n        background-color: $primary;\r\n        border-color: $primary;\r\n        color: $white;\r\n        text-shadow: none !important;\r\n        &.ajs-success{\r\n            background-color: $success;\r\n            border-color: $success;\r\n        }\r\n        &.ajs-error{\r\n            background-color: $danger;\r\n            border-color: $danger;\r\n        }\r\n        &.ajs-warning{\r\n            background-color: $warning;\r\n            border-color: $warning;\r\n        }\r\n    }\r\n\r\n\r\n    &.ajs-right {\r\n        right: 10px;\r\n        left: auto;\r\n        .ajs-message {\r\n            right: -320px;\r\n            left: auto;\r\n            &.ajs-visible {\r\n                right: 290px;\r\n                left: auto;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.ajs-left {\r\n        left: 10px;\r\n        right: auto;\r\n        .ajs-message {\r\n            left: -300px;\r\n            right: auto;\r\n            &.ajs-visible {\r\n                left: 0;\r\n                right: auto;\r\n            }\r\n        }\r\n    }\r\n}\r\n","\r\n//\r\n// Pristine\r\n//\r\n\r\n.pristine-error {\r\n  margin-top: 2px;\r\n  color: $danger;\r\n}\r\n\r\n.has-success{\r\n  .form-control {\r\n    border-color: $success;\r\n  }\r\n}\r\n\r\n.has-danger{\r\n  .form-control {\r\n    border-color: $danger;\r\n  }\r\n}","//\r\n// choices\r\n//\r\n\r\n.choices__inner {\r\n  background-color: var(--#{$prefix}input-bg);\r\n  padding: 0.25rem ($form-select-padding-x + $form-select-indicator-padding) 0.25rem 0.5rem;\r\n  background-color: $form-select-bg;\r\n  vertical-align: middle;\r\n  border-radius: $form-select-border-radius;\r\n  border: $form-select-border-width solid $form-select-border-color;\r\n  min-height: 38px;\r\n  border: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n.choices__heading{\r\n  border-bottom: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n.is-focused .choices__inner, .is-open .choices__inner{\r\n  border-color: var(--#{$prefix}border-color);\r\n}\r\n\r\n// .choices__inner {\r\n//   color: $gray-dark-500;\r\n \r\n//   \r\n// }\r\n\r\n.choices__list--dropdown{\r\n  border-color: var(--#{$prefix}border-color) !important;\r\n}\r\n\r\n\r\n\r\n.choices[data-type*=select-one] .choices__input{\r\n  background-color:  var(--#{$prefix}input-bg) !important;\r\n  border-color: var(--#{$prefix}border-color);\r\n}\r\n\r\n.choices[data-type*=\"select-one\"] {\r\n  .choices__inner {\r\n    padding-bottom: 0.25rem;\r\n    background-color:  var(--#{$prefix}input-bg) !important;\r\n  }\r\n  .choices__button {\r\n    right: 0;\r\n    left: auto;\r\n    margin-right: 25px;\r\n    margin-left: 0;\r\n  }\r\n\r\n\r\n  \r\n\r\n  &:after {\r\n    border-color: var(--#{$prefix}dark) transparent transparent;\r\n    right: 11.5px;\r\n    left: auto;\r\n  }\r\n\r\n  &.is-open:after {\r\n    border-color: transparent transparent var(--#{$prefix}dark);\r\n  }\r\n}\r\n\r\n.choices__input {\r\n  background-color: var(--#{$prefix}input-bg) ;\r\n  margin-bottom: 0;\r\n  color: var(--#{$prefix}gray-600);\r\n}\r\n\r\n.choices__list--multiple {\r\n  display: inline-flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  .choices__item {\r\n    background-color: $primary;\r\n    border-color: $primary;\r\n    margin-bottom: 0;\r\n    font-weight: $font-weight-normal;\r\n    &.is-highlighted {\r\n      background-color: $primary;\r\n      border: 1px solid $primary;\r\n    }\r\n  }\r\n}\r\n\r\n.choices.is-disabled {\r\n  .choices__inner,\r\n  .choices__input {\r\n    background-color: var(--#{$prefix}light) ;\r\n  }\r\n}\r\n\r\n.is-disabled .choices__list--multiple {\r\n  .choices__item {\r\n    background-color: $secondary;\r\n    border-color: $secondary;\r\n  }\r\n}\r\n\r\n.choices[data-type*=\"select-multiple\"],\r\n.choices[data-type*=\"text\"] {\r\n  .choices__button {\r\n    border-left: 1px solid rgba($white, 0.5);\r\n    margin: 0 -4px 0 8px;\r\n    border-right: 0;\r\n  }\r\n}\r\n\r\n.choices__list--dropdown {\r\n  background-color: var(--#{$prefix}body-bg) !important ;\r\n  border: 1px solid var(--#{$prefix}border-color);\r\n\r\n  .choices__item--selectable {\r\n    &.is-highlighted {\r\n      background-color: var(--#{$prefix}gray-300) ;\r\n    }\r\n  }\r\n}\r\n\r\n","//\r\n//  Sweetalert2\r\n//\r\n\r\n/* CSS Switch */\r\ninput[switch] {\r\n  display: none;\r\n  + label {\r\n    font-size: 1em;\r\n    line-height: 1;\r\n    width: 56px;\r\n    height: 24px;\r\n    background-color: $gray-400;\r\n    background-image: none;\r\n    border-radius: 2rem;\r\n    padding: 0.16667rem;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    text-align: center;\r\n    position: relative;\r\n    font-weight: $font-weight-medium;\r\n    transition: all 0.1s ease-in-out;\r\n    &:before {\r\n      color: $dark;\r\n      content: attr(data-off-label);\r\n      display: block;\r\n      font-family: inherit;\r\n      font-weight: 500;\r\n      font-size: 12px;\r\n      line-height: 21px;\r\n      position: absolute;\r\n      right: 1px;\r\n      margin: 3px;\r\n      top: -2px;\r\n      text-align: center;\r\n      min-width: 1.66667rem;\r\n      overflow: hidden;\r\n      transition: all 0.1s ease-in-out;\r\n    }\r\n\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 3px;\r\n      background-color: $gray-200;\r\n      box-shadow: none;\r\n      border-radius: 2rem;\r\n      height: 20px;\r\n      width: 20px;\r\n      top: 2px;\r\n      transition: all 0.1s ease-in-out;\r\n    }\r\n  }\r\n\r\n  &:checked + label {\r\n    background-color: $primary;\r\n  }\r\n}\r\n\r\ninput[switch]:checked + label {\r\n  background-color: $primary;\r\n  &:before {\r\n    color: $white;\r\n    content: attr(data-on-label);\r\n    right: auto;\r\n    left: 3px;\r\n  }\r\n\r\n  &:after {\r\n    left: 33px;\r\n    background-color: $gray-200;\r\n  }\r\n}\r\n\r\ninput[switch=\"bool\"] + label {\r\n  background-color: $danger;\r\n}\r\ninput[switch=\"bool\"] + label:before,input[switch=\"bool\"]:checked + label:before,\r\ninput[switch=\"default\"]:checked + label:before{\r\n  color: $white;\r\n}\r\n\r\ninput[switch=\"bool\"]:checked + label {\r\n  background-color: $success;\r\n}\r\n\r\ninput[switch=\"default\"]:checked + label {\r\n  background-color: #a2a2a2;\r\n}\r\n\r\ninput[switch=\"primary\"]:checked + label {\r\n  background-color: $primary;\r\n}\r\n\r\ninput[switch=\"success\"]:checked + label {\r\n  background-color: $success;\r\n}\r\n\r\ninput[switch=\"info\"]:checked + label {\r\n  background-color: $info;\r\n}\r\n\r\ninput[switch=\"warning\"]:checked + label {\r\n  background-color: $warning;\r\n}\r\n\r\ninput[switch=\"danger\"]:checked + label {\r\n  background-color: $danger;\r\n}\r\n\r\ninput[switch=\"dark\"]:checked + label {\r\n  background-color: $dark;\r\n  &:before {\r\n    color: $light;\r\n  }\r\n}\r\n\r\n.square-switch{\r\n  margin-right: 7px;\r\n  input[switch]+label, input[switch]+label:after{\r\n    border-radius: 4px;\r\n  }\r\n}\r\n","\r\n//\r\n// colorpicker.scss\r\n//\r\n\r\n.pcr-app{\r\n  background: var(--#{$prefix}card-bg);\r\n}\r\n\r\n.pcr-app[data-theme=classic]{\r\n  .pcr-selection {\r\n    .pcr-color-preview{\r\n      margin-right: .75em;\r\n      margin-left: 0;\r\n    }\r\n\r\n    .pcr-color-chooser, .pcr-color-opacity{\r\n      margin-left: .75em;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n}\r\n\r\n","//\r\n// Datepicker\r\n//\r\n// flatpickr\r\n\r\n.flatpickr-input {\r\n    &[readonly] {\r\n        background-color: $input-bg;\r\n    }\r\n}\r\n\r\n.flatpickr-months,\r\n.flatpickr-weekdays {\r\n    background-color: $primary;\r\n}\r\n\r\nspan.flatpickr-weekday {\r\n    color: $white;\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.flatpickr-current-month {\r\n    .flatpickr-monthDropdown-months {\r\n        &:hover {\r\n            background-color: transparent !important;\r\n        }\r\n    }\r\n}\r\n\r\n.flatpickr-am-pm,\r\n.numInput,\r\n.numInputWrapper {\r\n    &:focus,\r\n    &:hover {\r\n        background-color: transparent !important;\r\n    }\r\n}\r\n\r\n.flatpickr-weekdays {\r\n    height: 36px !important;\r\n    border-bottom: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n.flatpickr-day {\r\n    color: var(--#{$prefix}dark) !important;\r\n    &:hover,\r\n    &:focus {\r\n        background-color: rgba($light, 0.7) !important;\r\n    }\r\n    &.today {\r\n        border-color: $primary !important;\r\n        background-color: rgba($primary, 0.1);\r\n        &:hover,\r\n        &:focus {\r\n            color: var(--#{$prefix}dark) !important;\r\n            background-color: rgba($primary, 0.15) !important;\r\n        }\r\n    }\r\n    &.selected {\r\n        background-color: $primary !important;\r\n        border-color: $primary !important;\r\n        color: $white !important;\r\n    }\r\n\r\n    &.flatpickr-disabled,\r\n    &.flatpickr-disabled:hover,\r\n    &.prevMonthDay,\r\n    &.nextMonthDay,\r\n    &.notAllowed,\r\n    &.notAllowed.prevMonthDay,\r\n    &.notAllowed.nextMonthDay {\r\n        color: var(--#{$prefix}gray-400) !important;\r\n    }\r\n\r\n    &.inRange,\r\n    &.prevMonthDay.inRange,\r\n    &.nextMonthDay.inRange,\r\n    &.today.inRange,\r\n    &.prevMonthDay.today.inRange,\r\n    &.nextMonthDay.today.inRange,\r\n    &:hover,\r\n    &.prevMonthDay:hover,\r\n    &.nextMonthDay:hover,\r\n    &:focus,\r\n    &.prevMonthDay:focus,\r\n    &.nextMonthDay:focus {\r\n        background-color: var(--#{$prefix}light) !important;\r\n        border-color: var(--#{$prefix}light) !important;\r\n    }\r\n    &.inRange {\r\n        box-shadow: -5px 0 0 $light, 5px 0 0 $light;\r\n    }\r\n}\r\n\r\n.flatpickr-months {\r\n    .flatpickr-prev-month,\r\n    .flatpickr-next-month,\r\n    .flatpickr-month {\r\n        color: rgba($white, 0.9) !important;\r\n        fill: rgba($white, 0.9) !important;\r\n    }\r\n}\r\n\r\n.flatpickr-monthDropdown-month {\r\n    color: rgba($black, 0.8);\r\n}\r\n.flatpickr-current-month {\r\n    input.cur-year {\r\n        &[disabled],\r\n        &[disabled]:hover {\r\n            color: rgba($white, 0.9) !important;\r\n        }\r\n    }\r\n}\r\n\r\n.flatpickr-time {\r\n    input,\r\n    .flatpickr-time-separator,\r\n    .flatpickr-am-pm {\r\n        color: var(--#{$prefix}$gray-200) !important;\r\n    }\r\n}\r\n\r\n.flatpickr-calendar {\r\n    background-color: var(--#{$prefix}body-bg) !important;\r\n    box-shadow: 1px 0 0 var(--#{$prefix}border-color), -1px 0 0 var(--#{$prefix}border-color), 0 1px 0 var(--#{$prefix}border-color), 0 -1px 0 var(--#{$prefix}border-color),\r\n        0 3px 13px rgba(0, 0, 0, 0.08) !important;\r\n    &.hasTime {\r\n        .flatpickr-time {\r\n            border-top: 1px solid var(--#{$prefix}border-color) !important;\r\n        }\r\n    }\r\n}\r\n\r\n.flatpickr-months {\r\n    border-radius: 5px 5px 0px 0px;\r\n    .flatpickr-prev-month,\r\n    .flatpickr-next-month {\r\n        &:hover {\r\n            svg {\r\n                fill: rgba($white, 0.9) !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n","//\r\n// Form editors.scss\r\n//\r\n\r\n// CK Editor\r\n\r\n// ck-editor\r\n\r\n.ck-editor__editable {\r\n    min-height: 250px !important;\r\n  }\r\n  \r\n  .ck{\r\n    &.ck-reset_all, &.ck-reset_all *{\r\n      color: var(--#{$prefix}body-color) !important;\r\n    }\r\n  \r\n    &.ck-editor__main>.ck-editor__editable:not(.ck-focused){\r\n      border-color: $input-border-color !important;\r\n    }\r\n  \r\n    &.ck-toolbar{\r\n      background-color: var(--#{$prefix}light) !important;\r\n      border-color: $input-border-color !important;\r\n  \r\n      .ck.ck-toolbar__separator{\r\n        background-color: $input-border-color !important;\r\n      }\r\n    }\r\n  \r\n    &.ck-tooltip .ck-tooltip__text{\r\n      background-color: $dark !important;\r\n      color: $light !important;\r\n    }\r\n  \r\n    &.ck-editor__main>.ck-editor__editable, &.ck-list{\r\n      background-color: var(--#{$prefix}card-bg) !important;\r\n    }\r\n  \r\n    &.ck-dropdown__panel{\r\n      border-color: var(--#{$prefix}border-color) !important;\r\n    }\r\n    &.ck-responsive-form{\r\n      background-color: var(--#{$prefix}card-bg) !important;\r\n    }\r\n    &.ck-input-text{\r\n      background-color: var(--#{$prefix}light) !important;\r\n    }\r\n    &.ck-dropdown__panel{\r\n      background-color: var(--#{$prefix}card-bg) !important;\r\n    }\r\n    \r\n  }\r\n  \r\n  \r\n  .ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover, .ck.ck-button.ck-on, a.ck.ck-button.ck-on{\r\n    background-color: var(--#{$prefix}light) !important;\r\n  }\r\n  \r\n  \r\n  \r\n\r\n[dir=\"rtl\"] {\r\n    .ck.ck-toolbar > .ck-toolbar__items {\r\n        flex-direction: row-reverse;\r\n    }\r\n}\r\n\r\n\r\n// dark\r\n[data-bs-theme =\"dark\"]{\r\n  .ck{\r\n    &.ck-editor__main>.ck-editor__editable{\r\n      background-color: var(--#{$prefix}body-bg) !important;\r\n    }\r\n  }\r\n}","\r\n//\r\n// Form-Upload\r\n//\r\n\r\n/* Dropzone */\r\n.dropzone {\r\n  min-height: 230px;\r\n  border: 2px dashed var(--#{$prefix}border-color);\r\n  background:  var(--#{$prefix}card-bg);\r\n  border-radius: 6px;\r\n\r\n  .dz-message {\r\n    font-size: 24px;\r\n    width: 100%;\r\n  }\r\n}\r\n","//\r\n// Form Wizard\r\n//\r\n\r\n// twitter-bs-wizard\r\n\r\n.twitter-bs-wizard{\r\n  .twitter-bs-wizard-nav{\r\n\r\n    .step-icon{\r\n      display: inline-block;\r\n      width: 56px;\r\n      height: 56px;\r\n      line-height: 54px;\r\n      border: 1px solid rgba($primary, 0.2);\r\n      color: $primary;\r\n      text-align: center;\r\n      border-radius: 50%;\r\n      position: relative;\r\n      z-index: 1;\r\n      font-size: 20px;\r\n\r\n      @media (max-width: 575.98px) {\r\n        width: 40px;\r\n        height: 40px;\r\n        line-height: 38px;\r\n      }\r\n    }\r\n\r\n    .step-title{\r\n      margin-left: 6px;\r\n    }\r\n\r\n    .nav-item{\r\n      &:last-child{\r\n        .nav-link{\r\n          &::after{\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      .nav-link{\r\n        &.done{\r\n          .step-icon{\r\n            background-color: $primary;\r\n            color: $white;\r\n          }\r\n          .uil{\r\n            &:before{\r\n              content: \"\\e9c3\";\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .nav-link{\r\n      font-size: 14px;\r\n      position: relative;\r\n      @media (max-width: 575.98px) {\r\n        padding: 0.5rem;\r\n      }\r\n      &::after{\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 75%;\r\n        height: 2px;\r\n        background-color: var(--#{$prefix}border-color);\r\n        left: 62%;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        @media (max-width: 575.98px) {\r\n          display: none;\r\n        }\r\n      }\r\n      &.active{\r\n        color: $gray-700;\r\n        background-color: transparent;\r\n\r\n        .step-icon{\r\n          background-color: rgba($primary, 0.2);\r\n          color: $primary;\r\n          border-color: rgba($primary, 0.2);\r\n        }\r\n      }\r\n    }\r\n  }\r\n  \r\n  .twitter-bs-wizard-pager-link{\r\n    padding-top: 24px;\r\n      padding-left: 0;\r\n      list-style: none;\r\n      margin-bottom: 0;\r\n      li{\r\n        display: inline-block;\r\n\r\n        &.next{\r\n          float: right;\r\n        }\r\n      }\r\n    }\r\n}\r\n\r\n.twitter-bs-wizard-tab-content{\r\n  padding-top: 24px;\r\n  min-height: 262px;\r\n}\r\n\r\n// Lightbox\r\n\r\n.gslide{\r\n  .gdesc-inner{\r\n    background-color: var(--#{$prefix}secondary-bg) !important;\r\n\r\n      .gslide-title{\r\n        color: var(--#{$prefix}body-color) !important;\r\n      }\r\n  }\r\n}\r\n\r\n","/* \r\nDatatable\r\n*/\r\n\r\n// datatable\r\n\r\ndiv.dataTables_wrapper {\r\n    div.dataTables_filter {\r\n        text-align: right;\r\n\r\n        @media (max-width: 767px) {\r\n            text-align: center;\r\n        }\r\n\r\n\r\n        input {\r\n            margin-left: 0.5em;\r\n            margin-right: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.table,\r\ntable {\r\n    &.dataTable {\r\n        &.dtr-inline.collapsed>tbody>tr>td {\r\n            position: relative;\r\n\r\n            &.dtr-control {\r\n                padding-left: 30px;\r\n\r\n                &:before {\r\n                    top: 50%;\r\n                    left: 5px;\r\n                    height: 14px;\r\n                    width: 14px;\r\n                    margin-top: -9px;\r\n                    display: block;\r\n                    position: absolute;\r\n                    color: $white;\r\n                    border: 2px solid $white;\r\n                    border-radius: 14px;\r\n                    box-sizing: content-box;\r\n                    text-align: center;\r\n                    text-indent: 0 !important;\r\n                    line-height: 14px;\r\n                    content: '+';\r\n                    background-color: $primary;\r\n                }\r\n            }\r\n        }\r\n\r\n        >thead {\r\n            >tr {\r\n\r\n                >th,\r\n                >td {\r\n                    &:not(.sorting_disabled) {\r\n                        padding-right: 30px;\r\n                        padding-left: 12px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .sorting,\r\n            .sorting_asc,\r\n            .sorting_desc,\r\n            .sorting_asc_disabled,\r\n            .sorting_desc_disabled {\r\n                &::before {\r\n                    right: 1em;\r\n                    left: auto;\r\n                }\r\n\r\n                &::after {\r\n                    right: .5em;\r\n                    left: auto;\r\n                }\r\n            }\r\n        }\r\n\r\n    \r\n       \r\n    }\r\n    \r\n}\r\ndiv.dataTables_wrapper div.dataTables_info  {\r\n    padding-top: 0.85em;\r\n    padding-bottom: 0.85em;\r\n}\r\n\r\n","//\r\n// Responsive Table\r\n//\r\n\r\n.table-rep-plugin {\r\n    .btn-toolbar {\r\n        display: block;\r\n    }\r\n\r\n    .table-responsive {\r\n        border: none !important;\r\n    }\r\n\r\n    .btn-group {\r\n        .btn-default {\r\n            background-color: $secondary;\r\n            color: $light;\r\n            border: 1px solid $secondary;\r\n\r\n            &.btn-primary {\r\n                background-color: $primary;\r\n                border-color: $primary;\r\n                color: $white;\r\n                box-shadow: 0 0 0 2px rgba($primary, 0.5);\r\n            }\r\n        }\r\n\r\n        &.pull-right {\r\n            float: right;\r\n\r\n            .dropdown-menu {\r\n                right: 0;\r\n                transform: none !important;\r\n                top: 100% !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    tbody {\r\n        th {\r\n            font-size: 14px;\r\n            font-weight: normal;\r\n        }\r\n    }\r\n\r\n        .checkbox-row {\r\n            padding-left: 40px;\r\n            color: var(--#{$prefix}gray-400) !important;\r\n        \r\n            &:hover{\r\n              background-color: var(--#{$prefix}gray-200) !important;\r\n            }\r\n\r\n        label {\r\n            display: inline-block;\r\n            padding-left: 5px;\r\n            position: relative;\r\n\r\n            &::before {\r\n                -o-transition: 0.3s ease-in-out;\r\n                -webkit-transition: 0.3s ease-in-out;\r\n                background-color: $gray-300;\r\n                border-radius: 3px;\r\n                border: 1px solid $gray-400;\r\n                content: \"\";\r\n                display: inline-block;\r\n                height: 17px;\r\n                left: 0;\r\n                margin-left: -20px;\r\n                position: absolute;\r\n                transition: 0.3s ease-in-out;\r\n                width: 17px;\r\n                outline: none !important;\r\n            }\r\n\r\n            &::after {\r\n                color: $gray-200;\r\n                display: inline-block;\r\n                font-size: 11px;\r\n                height: 16px;\r\n                left: 0;\r\n                margin-left: -20px;\r\n                padding-left: 3px;\r\n                padding-top: 1px;\r\n                position: absolute;\r\n                top: -1px;\r\n                width: 16px;\r\n            }\r\n        }\r\n\r\n        input[type=\"checkbox\"] {\r\n            cursor: pointer;\r\n            opacity: 0;\r\n            z-index: 1;\r\n            outline: none !important;\r\n\r\n            &:disabled+label {\r\n                opacity: 0.65;\r\n            }\r\n        }\r\n\r\n        input[type=\"checkbox\"]:focus+label {\r\n            &::before {\r\n                outline-offset: -2px;\r\n                outline: none;\r\n            }\r\n        }\r\n\r\n        input[type=\"checkbox\"]:checked+label {\r\n            &::after {\r\n                content: \"\\f00c\";\r\n                font-family: \"Font Awesome 5 Free\";\r\n                font-weight: 900;\r\n            }\r\n        }\r\n\r\n        input[type=\"checkbox\"]:disabled+label {\r\n            &::before {\r\n                background-color: $gray-100;\r\n                cursor: not-allowed;\r\n            }\r\n        }\r\n\r\n        input[type=\"checkbox\"]:checked+label {\r\n            &::before {\r\n                background-color: $primary;\r\n                border-color: $primary;\r\n            }\r\n\r\n            &::after {\r\n                color: $white;\r\n            }\r\n        }\r\n    }\r\n\r\n    .fixed-solution {\r\n        .sticky-table-header {\r\n            top: $header-height !important;\r\n            background-color: $primary;\r\n\r\n            table {\r\n                color: $white;\r\n            }\r\n        }\r\n    }\r\n\r\n    table.focus-on tbody tr.focused th,\r\n    table.focus-on tbody tr.focused td,\r\n    .sticky-table-header {\r\n        background: $primary;\r\n        border-color: $primary;\r\n        color: $white;\r\n\r\n        table {\r\n            color: $white;\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    @media (min-width: 992px) {\r\n        .fixed-solution {\r\n            .sticky-table-header {\r\n                top: $header-height + 50px !important;\r\n            }\r\n        }\r\n    }\r\n}","\r\n//\r\n// Table editable\r\n//\r\n\r\n.table-edits{\r\n  input, select{\r\n    height: $input-height-sm;\r\n    padding: $input-padding-y-sm $input-padding-x-sm;\r\n    border: 1px solid $input-border-color;\r\n    background-color: $input-bg;\r\n    color: $input-color;\r\n    border-radius: $input-border-radius;\r\n    &:focus{\r\n      outline: none;\r\n      border-color: $input-focus-border-color;\r\n    }\r\n  }\r\n}","\r\n//\r\n// apexcharts.scss\r\n//\r\n.apex-charts {\r\n    min-height: 10px !important;\r\n    text {\r\n        font-family: $font-family-base !important;\r\n        fill: var(--#{$prefix}gray-500);\r\n    }\r\n    .apexcharts-canvas {\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n\r\n.apexcharts-gridline line{\r\n    stroke: var(--#{$prefix}gray-300);\r\n}\r\n\r\n.apexcharts-tooltip-title,\r\n.apexcharts-tooltip-text {\r\n    font-family: $font-family-base !important;\r\n}\r\n\r\n.apexcharts-tooltip{\r\n    border: 1px solid var(--#{$prefix}border-color) !important;\r\n    background-color: $card-bg !important;\r\n    box-shadow: $box-shadow !important;\r\n    * {\r\n        font-family: $font-family-base !important;\r\n        color:  var(--#{$prefix}gray-600) !important;\r\n    }\r\n\r\n    .apexcharts-tooltip-title{\r\n        background-color: rgba(var(--#{$prefix}light-rgb), .75) !important;\r\n        border-bottom: 1px solidvar(--#{$prefix}border-color) !important;\r\n    }\r\n}\r\n\r\n.apexcharts-tooltip.apexcharts-theme-dark{\r\n    * {\r\n        color: $white !important;\r\n    }\r\n}\r\n\r\n.apexcharts-legend-series {\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.apexcharts-gridline {\r\n    pointer-events: none;\r\n    stroke: $apex-grid-color;\r\n}\r\n\r\n.apexcharts-radialbar-track.apexcharts-track {\r\n    path {\r\n        stroke: var(--#{$prefix}gray-300);\r\n    }\r\n}\r\n\r\n.apexcharts-legend-text {\r\n    color: var(--#{$prefix}gray-500) !important;\r\n    font-family: $font-family-base !important;\r\n    font-size: 13px !important;\r\n}\r\n\r\n.apexcharts-pie-label {\r\n    fill: $white !important;\r\n}\r\n\r\n.apexcharts-yaxis,\r\n.apexcharts-xaxis {\r\n    text {\r\n        font-family: $font-family-base !important;\r\n        fill: var(--#{$prefix}gray-500);\r\n    }\r\n}\r\n\r\n.apexcharts-pie {\r\n    circle,line {\r\n        stroke: var(--#{$prefix}card-border-color);\r\n    }\r\n}\r\n\r\n\r\n\r\n// dark\r\n[data-bs-theme =\"dark\"] {\r\n    .apexcharts-gridline {\r\n        stroke: var(--#{$prefix}secondary-bg);\r\n    }\r\n\r\n    .apexcharts-radialbar-track.apexcharts-track {\r\n        path {\r\n            stroke: var(--#{$prefix}secondary-bg);\r\n        }\r\n    }\r\n\r\n    .apexcharts-tooltip {\r\n        background-color: var(--#{$prefix}body-bg) !important;\r\n        border: 1px solid var(--#{$prefix}border-color) !important;\r\n\r\n        .apexcharts-tooltip-title {\r\n            background-color: var(--#{$prefix}tertiary-bg) !important;\r\n            border-bottom: 1px solid var(--#{$prefix}border-color) !important;\r\n        }\r\n    }\r\n\r\n    .apexcharts-pie-area {\r\n        stroke: var(--#{$prefix}gray-300);\r\n    }\r\n\r\n    .apexcharts-pie-label {\r\n        fill: var(--#{$prefix}gray-600) !important;\r\n    }\r\n\r\n}","\r\n//\r\n// echarts.scss\r\n//\r\n\r\n.e-charts{\r\n    height: 350px;\r\n}\r\n\r\n.chartjs-chart {\r\n    max-height: 320px;\r\n}","//\r\n// sparkline.scss\r\n//\r\n\r\n.jqstooltip {\r\n  box-sizing: content-box;\r\n  width: auto !important;\r\n  height: auto !important;\r\n  background-color: var(--#{$prefix}gray-800) !important;\r\n  box-shadow: $box-shadow-lg;\r\n  padding: 5px 10px !important;\r\n  border-radius: 3px;\r\n  border-color: var(--#{$prefix}gray-900) !important;\r\n}\r\n\r\n.jqsfield {\r\n  color: var(--#{$prefix}gray-200) !important;\r\n  font-size: 12px !important;\r\n  line-height: 18px !important;\r\n  font-family: $font-family-base !important;\r\n  font-weight: $font-weight-medium !important;\r\n}","\r\n//\r\n// Google map\r\n//\r\n\r\n.gmaps, .gmaps-panaroma {\r\n  height: 300px !important;\r\n  background: $gray-100;\r\n  border-radius: 3px;\r\n}\r\n\r\n.gmaps-overlay {\r\n  display: block;\r\n  text-align: center;\r\n  color: $white;\r\n  font-size: 16px;\r\n  line-height: 40px;\r\n  background: $primary;\r\n  border-radius: 4px;\r\n  padding: 10px 20px;\r\n}\r\n\r\n.gmaps-overlay_arrow {\r\n  left: 50%;\r\n  margin-left: -16px;\r\n  width: 0;\r\n  height: 0;\r\n  position: absolute;\r\n  &.above {\r\n    bottom: -15px;\r\n    border-left: 16px solid transparent;\r\n    border-right: 16px solid transparent;\r\n    border-top: 16px solid $primary;\r\n  }\r\n  &.below {\r\n    top: -15px;\r\n    border-left: 16px solid transparent;\r\n    border-right: 16px solid transparent;\r\n    border-bottom: 16px solid $primary;\r\n  }\r\n  \r\n}","//\r\n// vector-maps.scss\r\n//\r\n\r\n.jvectormap-label {\r\n    border: none;\r\n    background: $gray-800;\r\n    color: $gray-100;\r\n    font-family: $font-family-base;\r\n    font-size: $font-size-base;\r\n    padding: 5px 8px;\r\n}\r\n","//\r\n// leaflet-maps.scss\r\n//\r\n\r\n.leaflet-map {\r\n    height: 300px;\r\n    &.leaflet-container{\r\n        z-index: 1;\r\n    }\r\n}","// \r\n// authentication.scss\r\n//\r\n\r\n.auth-bg{\r\n    background-image: url(\"../images/auth-bg.jpg\");\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    .bg-overlay{\r\n        opacity: 0.9;\r\n    }\r\n    @media (min-width: 768px){\r\n        height: 100vh;\r\n    }\r\n}\r\n\r\n.auth-full-page-content{\r\n    min-height: 100vh;\r\n}\r\n\r\n// auth 2\r\n\r\n.auth-logo{\r\n    .logo-txt{\r\n        color: var(--#{$prefix}dark);\r\n        font-size: 20px;\r\n    }\r\n}\r\n\r\n// auth-pass-inputgroup\r\n\r\n.auth-pass-inputgroup{\r\n    input[type=\"input\"] + .btn .mdi-eye-outline{\r\n        &:before{\r\n            content: \"\\F06D1\";\r\n        }\r\n    }\r\n}\r\n\r\n// for bubble effect\r\n.bg-bubbles {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    li {\r\n        position: absolute;\r\n        list-style: none;\r\n        display: block;\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 30px;\r\n        background-color: rgba(255, 255, 255, 0.1);\r\n        bottom: -50px;\r\n        animation: square 20s infinite;\r\n        transition-timing-function: linear;\r\n        &:nth-child(1) {\r\n            left: 10%;\r\n        }\r\n        &:nth-child(2) {\r\n            left: 20%;\r\n            width: 120px;\r\n            height: 120px;\r\n            animation-delay: 2s;\r\n            animation-duration: 17s;\r\n        }\r\n        &:nth-child(3) {\r\n            left: 25%;\r\n            animation-delay: 4s;\r\n        }\r\n        &:nth-child(4) {\r\n            left: 40%;\r\n            width: 80px;\r\n            height: 80px;\r\n            animation-duration: 22s;\r\n        }\r\n        &:nth-child(5) {\r\n            left: 70%;\r\n            width: 90px;\r\n            height: 90px;\r\n        }\r\n        &:nth-child(6) {\r\n            left: 70%;\r\n            width: 120px;\r\n            height: 120px;\r\n            animation-delay: 3s;\r\n        }\r\n        &:nth-child(7) {\r\n            left: 32%;\r\n            width: 150px;\r\n            height: 150px;\r\n            animation-delay: 7s;\r\n        }\r\n        &:nth-child(8) {\r\n            left: 55%;\r\n            width: 80px;\r\n            height: 80px;\r\n            animation-delay: 15s;\r\n            animation-duration: 40s;\r\n        }\r\n        &:nth-child(9) {\r\n            left: 25%;\r\n            width: 50px;\r\n            height: 50px;\r\n            animation-delay: 2s;\r\n            animation-duration: 40s;\r\n        }\r\n        &:nth-child(10) {\r\n            left: 90%;\r\n            width: 140px;\r\n            height: 140px;\r\n            animation-delay: 11s;\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes square {\r\n    0% {\r\n        transform: translateY(0);\r\n    }\r\n    100% {\r\n        transform: translateY(-1000px) rotate(600deg);\r\n    }\r\n}","/* ==============\r\n  Email\r\n===================*/\r\n.email-leftbar {\r\n  width: 236px;\r\n  float: left;\r\n  padding: 20px;\r\n  border-radius: 5px;\r\n}\r\n\r\n.email-rightbar {\r\n  margin-left: 260px;\r\n}\r\n\r\n.chat-user-box {\r\n  p.user-title {\r\n    color: var(--#{$prefix}dark);\r\n    font-weight: 500;\r\n  }\r\n\r\n  p {\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .email-leftbar {\r\n    float: none;\r\n    width: 100%;\r\n  }\r\n\r\n  .email-rightbar {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n\r\n.mail-list {\r\n  a {\r\n    display: block;\r\n    color: var(--#{$prefix}gray-600);\r\n    line-height: 24px;\r\n    padding: 8px 5px;\r\n\r\n    &.active {\r\n      color: $danger !important;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n}\r\n\r\n.message-list {\r\n  display: block;\r\n  padding-left: 0;\r\n\r\n  li {\r\n    position: relative;\r\n    display: block;\r\n    height: 50px;\r\n    line-height: 50px;\r\n    cursor: default;\r\n    transition-duration: .3s;\r\n\r\n    a {\r\n      color: var(--#{$prefix}body-color);\r\n    }\r\n\r\n    &:hover {\r\n      background: var(--#{$prefix}tertiary-bg);\r\n      transition-duration: .05s;\r\n    }\r\n\r\n    .col-mail {\r\n      float: left;\r\n      position: relative;\r\n    }\r\n\r\n    .col-mail-1 {\r\n      width: 320px;\r\n\r\n      .star-toggle,\r\n      .checkbox-wrapper-mail,\r\n      .dot {\r\n        display: block;\r\n        float: left;\r\n      }\r\n\r\n      .dot {\r\n        border: 4px solid transparent;\r\n        border-radius: 100px;\r\n        margin: 22px 26px 0;\r\n        height: 0;\r\n        width: 0;\r\n        line-height: 0;\r\n        font-size: 0;\r\n      }\r\n\r\n      .checkbox-wrapper-mail {\r\n        margin: 15px 10px 0 20px;\r\n      }\r\n\r\n      .star-toggle {\r\n        margin-top: 18px;\r\n        margin-left: 5px;\r\n      }\r\n\r\n      .title {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 110px;\r\n        right: 0;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n\r\n    .col-mail-2 {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 320px;\r\n      right: 0;\r\n      bottom: 0;\r\n\r\n      .subject,\r\n      .date {\r\n        position: absolute;\r\n        top: 0;\r\n      }\r\n\r\n      .subject {\r\n        left: 0;\r\n        right: 200px;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n      }\r\n\r\n      .date {\r\n        right: 0;\r\n        width: 170px;\r\n        padding-left: 80px;\r\n      }\r\n    }\r\n\r\n    &.active,\r\n    &.active:hover {\r\n      box-shadow: inset 3px 0 0 $primary;\r\n    }\r\n\r\n\r\n    &.unread {\r\n      background-color:var(--#{$prefix}tertiary-bg);\r\n      font-weight: 500;\r\n      color: var(--#{$prefix}body-color);\r\n\r\n      a {\r\n        color: var(--#{$prefix}body-color);\r\n        font-weight: 500;\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  .checkbox-wrapper-mail {\r\n    cursor: pointer;\r\n    height: 20px;\r\n    width: 20px;\r\n    position: relative;\r\n    display: inline-block;\r\n    box-shadow: inset 0 0 0 1px var(--#{$prefix}gray-400);\r\n    border-radius: 1px;\r\n\r\n    input {\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n\r\n    input:checked~label {\r\n      opacity: 1;\r\n    }\r\n\r\n    label {\r\n      position: absolute;\r\n      height: 20px;\r\n      width: 20px;\r\n      left: 0;\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      margin-bottom: 0;\r\n      transition-duration: .05s;\r\n      top: 0;\r\n\r\n      &:before {\r\n        content: \"\\F012C\";\r\n        font-family: \"Material Design Icons\";\r\n        top: 0;\r\n        height: 20px;\r\n        color: var(--#{$prefix}dark);\r\n        width: 20px;\r\n        position: absolute;\r\n        margin-top: -16px;\r\n        left: 4px;\r\n        font-size: 13px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 575.98px) {\r\n  .message-list li .col-mail-1 {\r\n    width: 200px;\r\n  }\r\n}\r\n\r\n.email-editor {\r\n  .ck-editor__editable_inline {\r\n    min-height: 200px !important;\r\n  }\r\n}\r\n","// \r\n// Chat.scss\r\n//\r\n\r\n// chat left sidebar\r\n\r\n.chat-leftsidebar{\r\n  @media (min-width: 992px) {\r\n    min-width: 260px;\r\n  }\r\n\r\n  @media (min-width: 1200px) {\r\n    min-width: 380px;\r\n  }\r\n\r\n  .chat-leftsidebar-nav{\r\n    .nav{\r\n      .nav-link{\r\n        &.active{\r\n          background-color: var(--#{$prefix}card-bg);\r\n          color: $primary;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// search-box\r\n\r\n.search-box{\r\n  .form-control{\r\n      padding-left: 40px;\r\n  }\r\n  .search-icon{\r\n      font-size: 16px;    \r\n      position: absolute;\r\n      left: 13px;\r\n      top: 0;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n  }\r\n}\r\n\r\n\r\n.chat-noti-dropdown{\r\n  &.active{\r\n    &:before{\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 8px;\r\n      height: 8px;\r\n      background-color: $danger;\r\n      border-radius: 50%;\r\n      right: 0;\r\n    }\r\n  }\r\n\r\n  .btn{\r\n    padding: 6px;\r\n    box-shadow: none;\r\n    font-size: 20px;\r\n    color: var(--#{$prefix}gray-600);\r\n    &:hover,\r\n    &:focus,\r\n    &:active,\r\n    &.show{\r\n      border-color: transparent;\r\n    }\r\n  }\r\n}\r\n\r\n.chat-message-list{\r\n  height: calc(100vh - 346px);\r\n  @media (min-width: 992px){\r\n    height: calc(100vh - 406px);\r\n  }\r\n}\r\n\r\n\r\n\r\n.chat-list{\r\n  margin: 0;\r\n  li{\r\n    &.active{\r\n      a{\r\n        background-color: rgba($primary, 0.075);\r\n        border-color: transparent;\r\n      }\r\n    }\r\n    a{\r\n      display: block;\r\n      padding: 14px 16px;\r\n      color: $text-muted;\r\n      transition: all 0.4s;\r\n      border-top: 1px solid var(--#{$prefix}border-color);\r\n      position: relative;\r\n      &:hover{\r\n        background-color: rgba($primary, 0.075);\r\n        border-color: transparent;\r\n      }\r\n    }\r\n\r\n    .user-img{\r\n      position: relative;\r\n\r\n      .user-status{\r\n        width: 10px;\r\n        height: 10px;\r\n        background-color: $gray-500;\r\n        border-radius: 50%;\r\n        border: 2px solid var(--#{$prefix}card-bg);\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n      }\r\n\r\n      &.online{\r\n        .user-status{\r\n          background-color: $success;\r\n        }\r\n      }\r\n\r\n      &.away{\r\n        .user-status{\r\n          background-color: $warning;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.unread{\r\n      a{\r\n        font-weight: $font-weight-semibold;\r\n        color: var(--#{$prefix}dark);\r\n      }\r\n    }\r\n\r\n    .unread-message {\r\n      position: absolute;\r\n      display: inline-block;\r\n      right: 16px;\r\n      top: 33px;\r\n    }\r\n  }\r\n}\r\n\r\n.contact-list{\r\n  font-size: 12px;\r\n  text-transform: uppercase;\r\n  color: $text-muted;\r\n  font-weight: $font-weight-semibold;\r\n  margin-bottom: 7px;\r\n}\r\n\r\n// user chat nav\r\n\r\n.user-chat-nav{\r\n  .dropdown{\r\n    .nav-btn{\r\n      height: 36px;\r\n      width: 36px;\r\n      line-height: 36px;\r\n      box-shadow: none;\r\n      padding: 0;\r\n      font-size: 18px;\r\n      color: var(--#{$prefix}gray-600);\r\n    }\r\n    .btn{\r\n      border-color: transparent !important;\r\n    }\r\n  }\r\n}\r\n\r\n// chat conversation\r\n\r\n.chat-conversation{\r\n  height: calc(100vh - 300px);\r\n  @media (min-width: 992px){\r\n    height: calc(100vh - 360px);\r\n  }\r\n  li{\r\n    clear: both;\r\n  }\r\n\r\n  .chat-day-title{\r\n    position: relative;\r\n    text-align: center;\r\n    margin-bottom: 24px;\r\n    border: none;\r\n\r\n    .title{\r\n      background-color: var(--#{$prefix}card-bg);\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 6px 24px;\r\n    }\r\n\r\n    &:before{\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 1px;\r\n      left: 0;\r\n      right: 0;\r\n      background-color:var(--#{$prefix}border-color);\r\n      top: 10px;\r\n    }\r\n    .badge{\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  .conversation-list{\r\n    margin-bottom: 24px;\r\n    position: relative;\r\n\r\n    .ctext-wrap {\r\n      display: flex;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .ctext-wrap-content {\r\n      padding: 12px 20px;\r\n      background-color: $primary;\r\n      border-radius: 0px 8px 8px 8px;\r\n      color: $white;\r\n      position: relative;\r\n      margin-left: 16px;\r\n\r\n      &:before {\r\n          content: \"\";\r\n          position: absolute;\r\n          border: 5px solid transparent;\r\n          border-right-color: $primary;\r\n          border-top-color: $primary;\r\n          left: -10px;\r\n          top: 0;\r\n      }\r\n    }\r\n\r\n  .conversation-name {\r\n    margin-bottom: 4px;\r\n    display: flex;\r\n    font-size: 13px;\r\n      .time{\r\n        font-size: 12px;\r\n        color: rgba($white, 0.5); \r\n        margin-left: 8px;\r\n        font-weight: $font-weight-normal;\r\n      }\r\n\r\n      .user-name{\r\n        color: rgba($white, 0.5); \r\n      }\r\n  }\r\n\r\n\r\n  .dropdown {\r\n      .dropdown-toggle {\r\n          font-size: 18px;\r\n          padding: 4px;\r\n          color: $gray-600;\r\n\r\n          @media (max-width: 575.98px) {\r\n              display: none;\r\n          }\r\n      }\r\n\r\n  }\r\n\r\n\r\n  .message-img {\r\n    border-radius: .2rem;\r\n    position: relative;\r\n\r\n      .message-img-list {\r\n          position: relative;\r\n      }\r\n\r\n      img {\r\n          max-width: 140px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .right {\r\n    .conversation-list {\r\n        float: right;\r\n        text-align: right;\r\n\r\n        .ctext-wrap {\r\n\r\n            .ctext-wrap-content {\r\n                order: 2;\r\n                background-color:  var(--#{$prefix}light);\r\n                text-align: right;\r\n                border-radius: 8px 0px 8px 8px;\r\n                margin-left: 0;\r\n                margin-right: 16px;\r\n                color: var(--#{$prefix}dark);\r\n\r\n                &:before {\r\n                    border: 5px solid transparent;\r\n                    border-top-color: var(--#{$prefix}light);\r\n                    border-left-color: var(--#{$prefix}light);\r\n                    left: auto;\r\n                    right: -10px;\r\n                }\r\n            }\r\n\r\n            .conversation-name {\r\n              justify-content: flex-end;\r\n              .user-name, .time{\r\n                color: $text-muted; \r\n              }\r\n              .time{\r\n                order: 1;\r\n                margin-left: 0;\r\n                margin-right: 8px;\r\n              }\r\n\r\n              .user-name{\r\n                  order: 2;\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown {\r\n            order: 1;\r\n        }\r\n      }\r\n  }\r\n}\r\n\r\n.chat-send{\r\n  @media (max-width: 575.98px) {\r\n    min-width: auto;\r\n  }\r\n }\r\n\r\nbody[data-layout=\"horizontal\"]{\r\n  .chat-message-list{\r\n    height: calc(100vh - 346px);\r\n    @media (min-width: 992px){\r\n      height: calc(100vh - 476px);\r\n    }\r\n  }\r\n\r\n  .chat-conversation{\r\n    height: calc(100vh - 300px);\r\n    @media (min-width: 992px){\r\n      height: calc(100vh - 420px);\r\n    }\r\n  }\r\n}","// \r\n// coming-soon.scss\r\n//\r\n\r\n.slide-bg{\r\n    height: 100vh;\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n.coming-content{\r\n    position: absolute;\r\n    top: 0;\r\n    z-index: 1;\r\n    left: 0;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .app-search{\r\n        max-width: 340px;\r\n    }\r\n}\r\n\r\n.preview-thumbsnav{\r\n    position: absolute;\r\n    bottom: 14px;\r\n    z-index: 9;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    max-width: 120px;\r\n    .nav-img{\r\n        cursor: pointer;\r\n        padding: 3px;\r\n        background-color: rgba($white, 0.1);\r\n        border: 1px solid rgba($white, 0.1);\r\n\r\n        @media (max-width: 575.98px) {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    .swiper-slide-thumb-active{\r\n        .nav-img{\r\n            background-color: $white;\r\n            border: 1px solid $white;\r\n        }\r\n    }\r\n}\r\n\r\n.coming-box {\r\n    width: 25%;\r\n    &:last-of-type{\r\n        .count-num{\r\n            &::after{\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// counter number\r\n\r\n.counter-number {\r\n    font-size: 32px;\r\n    font-weight: $font-weight-semibold;\r\n    text-align: center;\r\n    display: flex;\r\n    gap: 24px;\r\n    @media (max-width: 575.98px) {\r\n        font-size: 18px;\r\n    }\r\n    .count-title {\r\n        font-size: 16px;\r\n        font-weight: $font-weight-medium;\r\n        display: block;\r\n        padding-bottom: 6px;\r\n        color: rgba($white, 0.5);\r\n    }\r\n}\r\n\r\n.count-num{\r\n    background-color: $card-bg;\r\n    padding: 16px 8px;\r\n    position: relative;\r\n    border-radius: 4px;\r\n\r\n    &::after{\r\n        content: \":\";\r\n        font-size: 20px;\r\n        position: absolute;\r\n        right: -16px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        color: $white;\r\n    }\r\n}","//\r\n// timeline.scss\r\n//\r\n\r\n\r\n/************** vertical timeline **************/\r\n\r\n.timeline {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 30px 0;\r\n    @media (max-width: 767.98px) {\r\n      padding: 0;\r\n    }\r\n    .timeline-end,\r\n    .timeline-start,\r\n    .timeline-year {\r\n      position: relative;\r\n      width: 100%;\r\n      text-align: center;\r\n      z-index: 1;\r\n      p {\r\n        display: inline-block;\r\n        width: 80px;\r\n        height: 80px;\r\n        margin: 0;\r\n        padding: 30px 0;\r\n        text-align: center;\r\n        background-color: $primary;\r\n        border-radius: 100px;\r\n        color: $white;\r\n        text-transform: uppercase;\r\n      }\r\n    }\r\n    .timeline-year {\r\n      margin: 30px 0;\r\n    }\r\n    .timeline-continue {\r\n      position: relative;\r\n      width: 100%;\r\n      padding: 60px 0;\r\n      &:after {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: 1px;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 50%;\r\n        margin-left: -1px;\r\n        background: $primary;\r\n      }\r\n    }\r\n    .timeline-icon {\r\n      margin: 42px 10px 0 10px;\r\n    }\r\n    .timeline-left {\r\n          text-align: right;\r\n          .timeline-icon {\r\n              text-align: left;\r\n          }\r\n      }\r\n      .timeline-right {\r\n          .timeline-icon {\r\n              text-align: right;\r\n          }\r\n          text-align: left;\r\n      }\r\n    .timeline-icon {\r\n        &::after {\r\n            content: \"\";\r\n            display: block;\r\n            position: absolute;\r\n            width: 14px;\r\n            height: 14px;\r\n            top: 45px;\r\n            background: $primary;\r\n            border-radius: 15px;\r\n            z-index: 1;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n      .event-content{\r\n        padding-right: 24px;\r\n      }\r\n\r\n      .timeline-text {\r\n        margin-right: 40px;\r\n      }\r\n    }\r\n\r\n    \r\n    .timeline-left {\r\n        .timeline-icon {\r\n            &::after {\r\n                left: -7px;\r\n            }\r\n        }\r\n        @media (min-width: 768px) {\r\n          .event-content{\r\n            padding-right: 0;\r\n            padding-left: 24px;\r\n          }\r\n\r\n          .timeline-text {\r\n            margin-right: 0px;\r\n            margin-left: 40px;\r\n          }\r\n\r\n          .event-img{\r\n            justify-content: flex-end;\r\n          }\r\n        }\r\n      }\r\n      .timeline-right {\r\n          .timeline-icon {\r\n              &::after {\r\n                  right: -7px;\r\n              }\r\n          }\r\n      }\r\n    .timeline-box {\r\n          position: relative;\r\n          display: inline-block;\r\n          margin: 15px;\r\n          padding: 20px;\r\n          border: 1px solid var(--#{$prefix}border-color);\r\n          border-radius: 6px;\r\n          &::after {\r\n              content: \"\";\r\n              position: absolute;\r\n              width: 16px;\r\n              height: 16px;\r\n              top: 26px;\r\n              background-color: var(--#{$prefix}card-bg);\r\n              border: 1px solid $light;\r\n              transform: rotate(45deg);\r\n              margin: 0px auto;\r\n          }\r\n      }\r\n      .timeline-launch {\r\n          position: relative;\r\n          display: inline-block;\r\n          margin: 15px;\r\n          padding: 20px;\r\n          border: 1px solid $gray-200;\r\n          border-radius: 6px;\r\n          width: 100%;\r\n          margin: 15px 0;\r\n          padding: 0;\r\n          border: none;\r\n          text-align: center;\r\n          background: transparent;\r\n      }\r\n  }\r\n  \r\n  \r\n  .timeline-date {\r\n    right: 20px;\r\n\r\n    @media (max-width: 767.98px) {\r\n      left: -70px;\r\n      right: auto;\r\n    }\r\n  }\r\n  \r\n  .timeline-left {\r\n\r\n    .timeline-date {\r\n      left: 20px;\r\n      @media (max-width: 767.98px) {\r\n        left: -70px;\r\n        right: auto;\r\n      }\r\n    }\r\n  }\r\n  \r\n  .timeline {\r\n    .timeline-date {\r\n      width: 54px;\r\n      height: 80px;\r\n      display: inline-block;\r\n      padding: 8px;\r\n      clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);\r\n      top: -10px;\r\n      position: absolute;\r\n      z-index: 1;\r\n      @media (max-width: 767.98px) {\r\n        top: 0px;\r\n      }\r\n    }\r\n      .timeline-right {\r\n          .timeline-box {\r\n              &::after {\r\n                  border-color: transparent transparent var(--#{$prefix}light) var(--#{$prefix}light);\r\n                  left: -8px;\r\n                  right: 100%;\r\n              }\r\n          }\r\n      }\r\n      .timeline-left {\r\n          .timeline-box {\r\n              &::after {\r\n                  border-color: var(--#{$prefix}light) var(--#{$prefix}light) transparent transparent;\r\n                  right: -8px;\r\n              }\r\n          }\r\n      }\r\n      .timeline-launch {\r\n          .timeline-box {\r\n              &::after {\r\n                  top: -8px;\r\n                  left: 32px;\r\n                  border-color: var(--#{$prefix}light) transparent transparent var(--#{$prefix}light);\r\n                  @media (min-width: 768px) {\r\n                    left: 50%;\r\n                    transform: rotate(45deg) translateX(-50%);\r\n                    top: -2px;\r\n                  }\r\n              }\r\n          }\r\n          .timeline-text {\r\n              width: 100%;\r\n          }\r\n      }\r\n  }\r\n  \r\n  \r\n  \r\n  \r\n@media (max-width: 767px) {\r\n    .timeline .timeline-continue::after {\r\n      left: 40px;\r\n    }\r\n  \r\n    .timeline {\r\n      .timeline-end,\r\n      .timeline-start,\r\n      .timeline-year {\r\n        text-align: left;\r\n      }\r\n      .row.timeline-left {\r\n        text-align: left;\r\n        .timeline-icon {\r\n          text-align: left;\r\n        }\r\n      }\r\n      .row.timeline-right {\r\n        .timeline-icon {\r\n          text-align: left;\r\n        }\r\n        text-align: left;\r\n      }\r\n      .timeline-launch {\r\n        text-align: left;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  \r\n    .timeline {\r\n      .row.timeline-left {\r\n        .timeline-icon {\r\n          &::after {\r\n            left: 43px;\r\n          }\r\n        }\r\n      }\r\n      .row.timeline-right {\r\n        .timeline-icon {\r\n          &::after {\r\n            left: 43px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    .timeline {\r\n      .timeline-box {\r\n        margin-left: 82px;\r\n        margin-right: 0;\r\n      }\r\n      .row.timeline-right {\r\n        .timeline-icon {\r\n          margin-left: 55px;\r\n        }\r\n      }\r\n      .row.timeline-left {\r\n        .timeline-icon {\r\n          margin-left: 55px;\r\n        }\r\n      }\r\n      .timeline-launch {\r\n        .timeline-box {\r\n          margin-left: 0;\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n      .row.timeline-left {\r\n        .timeline-box {\r\n          &::after {\r\n            left: -8px;\r\n            border-color: transparent transparent var(--#{$prefix}light) var(--#{$prefix}light);\r\n            right: auto;\r\n          }\r\n        }\r\n      }\r\n    }\r\n}\r\n\r\n[data-bs-theme  =\"dark\"] {\r\n  .timeline-right {\r\n    .timeline-box {\r\n        &::after {\r\n            border-color: transparent transparent var(--#{$prefix}border-color) var(--#{$prefix}border-color);\r\n        }\r\n    }\r\n}\r\n.timeline-left {\r\n    .timeline-box {\r\n        &::after {\r\n            border-color: var(--#{$prefix}border-color) var(--#{$prefix}border-color) transparent transparent;\r\n        }\r\n    }\r\n}\r\n  .timeline-box {\r\n    border: 1px solid var(--#{$prefix}border-color);\r\n  }\r\n}","// \r\n// Extras pages.scss\r\n//\r\n\r\n\r\n/*********************\r\n    Maintenance\r\n**********************/ \r\n\r\n.maintenance-cog-icon{\r\n    .cog-icon{\r\n        position: relative;\r\n        bottom: 24px;\r\n        right: 14px;    \r\n    }\r\n}\r\n\r\n\r\n// pricing\r\n\r\n\r\n.pricing-badge {\r\n    position: absolute;\r\n    top: 0;\r\n    z-index: 9;\r\n    right: 0;\r\n    width: 100%;\r\n    display: block;\r\n    font-size: 15px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    height: 100px;\r\n    .badge {\r\n      float: right;\r\n      transform: rotate(45deg);\r\n      right: -67px;\r\n      top: 17px;\r\n      position: relative;\r\n      text-align: center;\r\n      width: 200px;\r\n      font-size: 13px;\r\n      margin: 0;\r\n      padding: 7px 10px;\r\n      font-weight: 500;\r\n      color: $primary;\r\n      background: $white;\r\n    }\r\n}\r\n\r\n\r\n\r\n// PRICING TAB\r\n\r\n.pricing-tab-box{\r\n  .nav-link{\r\n    padding: 16px 20px;\r\n    border: 1px solid var(--#{$prefix}border-color);\r\n    &.active{\r\n      border: 1px solid $primary !important;\r\n      background: transparent;\r\n      padding: 16px 20px;\r\n      i{\r\n        color: $primary !important;\r\n      }\r\n      h1{\r\n        color: $primary !important;\r\n      }\r\n    }\r\n   \r\n  }\r\n}\r\n\r\n[data-bs-theme=dark]{\r\n  .pricing-tab-box {\r\n    .nav-link{\r\n      border-color: var(--#{$prefix}border-color);\r\n    }\r\n  }\r\n}"]}