{"version":3,"sources":["custom/fonts/_fonts.scss","_theme-light.scss","_theme-dark.scss","app.css","custom/structure/_topbar.scss","custom/structure/_page-head.scss","custom/structure/_footer.scss","custom/structure/_right-sidebar.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","custom/structure/_vertical.scss","custom/structure/_horizontal-nav.scss","custom/structure/_layouts.scss","custom/components/_waves.scss","custom/components/_avatar.scss","custom/components/_accordion.scss","custom/components/_helper.scss","custom/components/_preloader.scss","custom/components/_forms.scss","custom/components/_widgets.scss","custom/components/_demos.scss","_variables.scss","custom/components/_print.scss","custom/plugins/_custom-scrollbar.scss","custom/plugins/_calendar.scss","custom/plugins/_calendar-full.scss","custom/plugins/_dragula.scss","custom/plugins/_session-timeout.scss","custom/plugins/_range-slider.scss","custom/plugins/_sweatalert2.scss","custom/plugins/_rating.scss","custom/plugins/_toastr.scss","custom/plugins/_parsley.scss","custom/plugins/_select2.scss","custom/plugins/_switch.scss","custom/plugins/_colorpicker.scss","custom/plugins/_timepicker.scss","custom/plugins/_datepicker.scss","custom/plugins/_bootstrap-touchspin.scss","custom/plugins/_form-editors.scss","custom/plugins/_form-upload.scss","custom/plugins/_form-wizard.scss","custom/plugins/_datatable.scss","custom/plugins/_responsive-table.scss","custom/plugins/_table-editable.scss","custom/plugins/_apexcharts.scss","custom/plugins/_echarts.scss","custom/plugins/_flot.scss","custom/plugins/_sparkline-chart.scss","custom/plugins/_google-map.scss","custom/plugins/_vector-maps.scss","custom/plugins/_leaflet-maps.scss","custom/pages/_authentication.scss","custom/pages/_ecommerce.scss","custom/pages/_email.scss","custom/pages/_file-manager.scss","custom/pages/_chat.scss","custom/pages/_projects.scss","custom/pages/_contacts.scss","custom/pages/_crypto.scss","custom/pages/_coming-soon.scss","custom/pages/_timeline.scss","custom/pages/_extras-pages.scss","custom/pages/_jobs.scss"],"names":[],"mappings":"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","file":"app-rtl.min.css","sourcesContent":["//\r\n// Google font - Poppins\r\n//\r\n\r\n@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');",":root {\r\n    //topbar \r\n    --#{$prefix}heading-bg:              #{$white};\r\n    --#{$prefix}topbar-search-bg:        #f3f3f9;\r\n    --#{$prefix}header-item-color:       #555b6d;\r\n\r\n\r\n    --#{$prefix}boxed-body-bg:           #ebebf4;\r\n\r\n    --#{$prefix}topnav-bg:               #{$white};\r\n    --#{$prefix}menu-item-color:         #545a6d;\r\n    --#{$prefix}heading-dark-bg:          #2a3042;\r\n\r\n    --#{$prefix}input-border-color:             #{$gray-400};\r\n    --#{$prefix}input-focus-border-color:       #{darken($gray-400, 10%)};\r\n    --#{$variable-prefix}form-check-input-border:  #{rgba($black, 0.1)};\r\n\r\n    //footer\r\n    --#{$prefix}footer-bg:               #f2f2f5;\r\n    --#{$prefix}footer-color:            #74788d;\r\n\r\n    --#{$prefix}custom-white:            #{$white};\r\n    --#{$prefix}hr-border-color:         #{gray-400};\r\n\r\n}","// :root CSS dark variables\r\n\r\n[data-layout-mode=\"dark\"] {\r\n\r\n    // Color system - Dark Mode only\r\n    $gray-100: #212529;\r\n    $gray-200: #2a3042;\r\n    $gray-300: #32394e;\r\n    $gray-400: #a6b0cf;\r\n    $gray-500: #bfc8e2;\r\n    $gray-600: #c3cbe4;\r\n    $gray-700: #f6f6f6;\r\n    $gray-800: #eff2f7;\r\n    $gray-900: #f8f9fa;\r\n\r\n    $grays: (\r\n        \"100\": $gray-100,\r\n        \"200\": $gray-200,\r\n        \"300\": $gray-300,\r\n        \"400\": $gray-400,\r\n        \"500\": $gray-500,\r\n        \"600\": $gray-600,\r\n        \"700\": $gray-700,\r\n        \"800\": $gray-800,\r\n        \"900\": $gray-900 \r\n    );\r\n\r\n    // Prefix for :root CSS variables\r\n    @each $color,\r\n    $value in $grays {\r\n        --#{$prefix}gray-#{$color}: #{$value};\r\n    }\r\n\r\n    --#{$prefix}body-bg:                                    #222736;\r\n    --#{$prefix}body-bg-rgb:                                rgb(34, 39, 54);\r\n    --#{$prefix}body-color-rgb:                             #{to-rgb($gray-400)};\r\n    --#{$prefix}body-color:                                 #{$gray-400};\r\n    --#{$prefix}heading-color:                              #{$gray-700};\r\n    --#{$prefix}border-color:                               #{$gray-300};\r\n    --#{$prefix}custom-white:                               #{$gray-200};\r\n\r\n    --#{$prefix}input-border-color:                         #{$gray-300};\r\n    --#{$prefix}input-focus-border-color:                   #{lighten($gray-300, 4%)};\r\n    --#{$prefix}hr-border-color:                            #{$gray-300};\r\n    --#{$variable-prefix}form-check-input-border:           #{lighten($gray-300, 4%)};\r\n\r\n    // component variable\r\n    --#{$prefix}light:                                      #{$gray-300};\r\n    --#{$prefix}light-rgb:                                  #{to-rgb($gray-300)};\r\n    --#{$prefix}dark:                                       #{$gray-700};\r\n    --#{$prefix}dark-rgb:                                   #{to-rgb($gray-700)};\r\n\r\n    //topbar\r\n    --#{$prefix}heading-bg:                                 #262b3c;\r\n    --#{$prefix}header-item-color:                          #{$gray-400};\r\n    --#{$prefix}topbar-search-bg:                           #{$gray-200};\r\n\r\n    --#{$prefix}heading-dark-bg:                            #{$primary};\r\n\r\n    --#{$prefix}boxed-body-bg:                              #32394f;\r\n\r\n    --#{$prefix}topnav-bg:                                  #282e3f;\r\n    --#{$prefix}menu-item-color:                            #a6b0cf;\r\n\r\n    //footer\r\n    --#{$prefix}footer-bg:                                  #262b3c;\r\n    --#{$prefix}footer-color:                               #{$gray-400};\r\n\r\n    .card{\r\n        --#{$prefix}card-bg:                                    #{$gray-200};\r\n    }\r\n\r\n    .list-group {\r\n        --#{$prefix}list-group-bg:                                     #{$gray-200};\r\n        --#{$prefix}list-group-color:                                  #{$gray-900};\r\n        --#{$prefix}list-group-border-color:                           #{$gray-300};\r\n    }\r\n\r\n    .btn-light {\r\n        --#{$prefix}btn-color:                                         #{$gray-600};\r\n        --#{$prefix}btn-bg:                                            #{$gray-300};\r\n        --#{$prefix}btn-border-color:                                  #{$gray-300};\r\n    }\r\n\r\n    .btn-outline-light {\r\n        --#{$prefix}btn-color:                                         #{$gray-600};\r\n        --#{$prefix}btn-border-color:                                  #{$gray-300};\r\n    }\r\n\r\n    .btn-light,\r\n    .btn-outline-light {\r\n        --#{$prefix}btn-hover-color:                        #{$gray-600};\r\n        --#{$prefix}btn-hover-bg:                           #{$gray-300};\r\n        --#{$prefix}btn-hover-border-color:                 #{$gray-300};\r\n        --#{$prefix}btn-active-color:                       #{$gray-600};\r\n        --#{$prefix}btn-active-bg:                          #{$gray-300};\r\n        --#{$prefix}btn-active-border-color:                #{$gray-300};\r\n        --#{$prefix}btn-focus-shadow-rgb:                   #{to-rgb($gray-300)};\r\n    }\r\n\r\n    .btn-dark {\r\n        --#{$prefix}btn-bg:                                 #{$gray-400};\r\n        --#{$prefix}btn-border-color:                       #{$gray-400};\r\n        --#{$prefix}btn-hover-bg:                           #{$gray-400};\r\n    }\r\n\r\n    .btn-outline-dark {\r\n        --#{$prefix}btn-color:                              #{$gray-400};\r\n        --#{$prefix}btn-border-color:                       #{$gray-400};\r\n    }\r\n    \r\n    .btn-dark,\r\n    .btn-outline-dark {\r\n        --#{$prefix}btn-hover-bg:                           #{$gray-400};\r\n        --#{$prefix}btn-hover-border-color:                 #{$gray-400};\r\n        --#{$prefix}btn-active-bg:                          #{$gray-400};\r\n        --#{$prefix}btn-active-border-color:                #{$gray-400};\r\n        --#{$prefix}btn-focus-shadow-rgb:                   #{to-rgb($gray-600)};\r\n    }\r\n\r\n    .dropdown-menu {\r\n        --#{$prefix}dropdown-bg:                            #{$gray-200};\r\n        --#{$prefix}dropdown-link-color:                    #{$gray-400};\r\n        --#{$prefix}dropdown-border-color:                  #{$gray-300};\r\n        --#{$prefix}dropdown-border-width:                  1px;\r\n        --#{$prefix}dropdown-divider-bg:                    #{$gray-300};\r\n        --#{$prefix}dropdown-link-hover-bg:                 #{$gray-300};\r\n        --#{$prefix}dropdown-link-hover-color:              #e9ecef;\r\n        --#{$prefix}dropdown-link-active-bg:                #{$gray-300};\r\n        --#{$prefix}dropdown-link-active-color:             #e9ecef;\r\n    }\r\n\r\n    \r\n    .modal {\r\n        --#{$prefix}modal-bg:                                           #{$gray-200};\r\n    }\r\n    \r\n    .offcanvas,\r\n    .offcanvas-lg,\r\n    .offcanvas-md,\r\n    .offcanvas-sm,\r\n    .offcanvas-xl,\r\n    .offcanvas-xxl{\r\n        --#{$prefix}offcanvas-bg:                                       #{$gray-200};\r\n    }\r\n    \r\n    .nav-tabs {\r\n        --#{$prefix}nav-tabs-link-active-bg:                            #{$gray-200};\r\n        --#{$prefix}nav-tabs-link-active-border-color:                  #{lighten($gray-300, 4%)};\r\n        --#{$prefix}nav-tabs-border-color:                              #{lighten($gray-300, 4%)};\r\n        --#{$prefix}nav-tabs-link-hover-border-color:                   #{lighten($gray-300, 4%)};\r\n        --#{$prefix}nav-tabs-link-active-color:                         #{$primary};\r\n    }\r\n    \r\n    .accordion {\r\n        --#{$prefix}accordion-active-bg:                                #{rgba($primary, 0.1)};\r\n    }\r\n    \r\n    .toast{\r\n        --#{$prefix}toast-header-bg:                                    #{$gray-200};\r\n        --#{$prefix}toast-header-color:                                 #{$gray-600};\r\n        --#{$prefix}toast-bg:                                           #{$gray-200};\r\n    }\r\n    \r\n    .table {\r\n        --#{$prefix}table-striped-bg:                                   #{rgba($gray-500, .05)};\r\n        --#{$prefix}table-hover-bg:                                     #{rgba($gray-500, .05)};\r\n        --#{$prefix}table-active-bg:                                    #{rgba($gray-500, .05)};\r\n    }\r\n\r\n    .table-light {\r\n        --#{$prefix}table-color:                                        #{$gray-400};\r\n        --#{$prefix}table-bg:                                           #{$gray-300};\r\n        --#{$prefix}table-border-color:                                 #{$gray-300};\r\n    }\r\n    \r\n    .table-dark {\r\n        --#{$prefix}table-color:                                        #{$gray-400};\r\n        --#{$prefix}table-bg:                                           #{$gray-300};\r\n        --#{$prefix}table-border-color:                                 #{lighten($gray-300, 4%)};\r\n    }\r\n}","/*\nTemplate Name: Skote - Admin & Dashboard Template\nAuthor: Themesbrand\nVersion: 4.0.0.\nWebsite: https://themesbrand.com/\nContact: themesbrand@gmail.com\nFile: Main Css File\n*/\n@import url(\"https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap\");\n:root {\n  --bs-heading-bg: #fff;\n  --bs-topbar-search-bg: #f3f3f9;\n  --bs-header-item-color: #555b6d;\n  --bs-boxed-body-bg: #ebebf4;\n  --bs-topnav-bg: #fff;\n  --bs-menu-item-color: #545a6d;\n  --bs-heading-dark-bg: #2a3042;\n  --bs-input-border-color: #ced4da;\n  --bs-input-focus-border-color: #b1bbc4;\n  --bs-form-check-input-border: rgba(0, 0, 0, 0.1);\n  --bs-footer-bg: #f2f2f5;\n  --bs-footer-color: #74788d;\n  --bs-custom-white: #fff;\n  --bs-hr-border-color: gray-400;\n}\n\n[data-layout-mode=dark] {\n  --bs-gray-100: #212529;\n  --bs-gray-200: #2a3042;\n  --bs-gray-300: #32394e;\n  --bs-gray-400: #a6b0cf;\n  --bs-gray-500: #bfc8e2;\n  --bs-gray-600: #c3cbe4;\n  --bs-gray-700: #f6f6f6;\n  --bs-gray-800: #eff2f7;\n  --bs-gray-900: #f8f9fa;\n  --bs-body-bg: #222736;\n  --bs-body-bg-rgb: rgb(34, 39, 54);\n  --bs-body-color-rgb: 166, 176, 207;\n  --bs-body-color: #a6b0cf;\n  --bs-heading-color: #f6f6f6;\n  --bs-border-color: #32394e;\n  --bs-custom-white: #2a3042;\n  --bs-input-border-color: #32394e;\n  --bs-input-focus-border-color: #3a425a;\n  --bs-hr-border-color: #32394e;\n  --bs-form-check-input-border: #3a425a;\n  --bs-light: #32394e;\n  --bs-light-rgb: 50, 57, 78;\n  --bs-dark: #f6f6f6;\n  --bs-dark-rgb: 246, 246, 246;\n  --bs-heading-bg: #262b3c;\n  --bs-header-item-color: #a6b0cf;\n  --bs-topbar-search-bg: #2a3042;\n  --bs-heading-dark-bg: #556ee6;\n  --bs-boxed-body-bg: #32394f;\n  --bs-topnav-bg: #282e3f;\n  --bs-menu-item-color: #a6b0cf;\n  --bs-footer-bg: #262b3c;\n  --bs-footer-color: #a6b0cf;\n}\n[data-layout-mode=dark] .card {\n  --bs-card-bg: #2a3042;\n}\n[data-layout-mode=dark] .list-group {\n  --bs-list-group-bg: #2a3042;\n  --bs-list-group-color: #f8f9fa;\n  --bs-list-group-border-color: #32394e;\n}\n[data-layout-mode=dark] .btn-light {\n  --bs-btn-color: #c3cbe4;\n  --bs-btn-bg: #32394e;\n  --bs-btn-border-color: #32394e;\n}\n[data-layout-mode=dark] .btn-outline-light {\n  --bs-btn-color: #c3cbe4;\n  --bs-btn-border-color: #32394e;\n}\n[data-layout-mode=dark] .btn-light,\n[data-layout-mode=dark] .btn-outline-light {\n  --bs-btn-hover-color: #c3cbe4;\n  --bs-btn-hover-bg: #32394e;\n  --bs-btn-hover-border-color: #32394e;\n  --bs-btn-active-color: #c3cbe4;\n  --bs-btn-active-bg: #32394e;\n  --bs-btn-active-border-color: #32394e;\n  --bs-btn-focus-shadow-rgb: 50, 57, 78;\n}\n[data-layout-mode=dark] .btn-dark {\n  --bs-btn-bg: #a6b0cf;\n  --bs-btn-border-color: #a6b0cf;\n  --bs-btn-hover-bg: #a6b0cf;\n}\n[data-layout-mode=dark] .btn-outline-dark {\n  --bs-btn-color: #a6b0cf;\n  --bs-btn-border-color: #a6b0cf;\n}\n[data-layout-mode=dark] .btn-dark,\n[data-layout-mode=dark] .btn-outline-dark {\n  --bs-btn-hover-bg: #a6b0cf;\n  --bs-btn-hover-border-color: #a6b0cf;\n  --bs-btn-active-bg: #a6b0cf;\n  --bs-btn-active-border-color: #a6b0cf;\n  --bs-btn-focus-shadow-rgb: 195, 203, 228;\n}\n[data-layout-mode=dark] .dropdown-menu {\n  --bs-dropdown-bg: #2a3042;\n  --bs-dropdown-link-color: #a6b0cf;\n  --bs-dropdown-border-color: #32394e;\n  --bs-dropdown-border-width: 1px;\n  --bs-dropdown-divider-bg: #32394e;\n  --bs-dropdown-link-hover-bg: #32394e;\n  --bs-dropdown-link-hover-color: #e9ecef;\n  --bs-dropdown-link-active-bg: #32394e;\n  --bs-dropdown-link-active-color: #e9ecef;\n}\n[data-layout-mode=dark] .modal {\n  --bs-modal-bg: #2a3042;\n}\n[data-layout-mode=dark] .offcanvas,\n[data-layout-mode=dark] .offcanvas-lg,\n[data-layout-mode=dark] .offcanvas-md,\n[data-layout-mode=dark] .offcanvas-sm,\n[data-layout-mode=dark] .offcanvas-xl,\n[data-layout-mode=dark] .offcanvas-xxl {\n  --bs-offcanvas-bg: #2a3042;\n}\n[data-layout-mode=dark] .nav-tabs {\n  --bs-nav-tabs-link-active-bg: #2a3042;\n  --bs-nav-tabs-link-active-border-color: #3a425a;\n  --bs-nav-tabs-border-color: #3a425a;\n  --bs-nav-tabs-link-hover-border-color: #3a425a;\n  --bs-nav-tabs-link-active-color: #556ee6;\n}\n[data-layout-mode=dark] .accordion {\n  --bs-accordion-active-bg: rgba(85, 110, 230, 0.1);\n}\n[data-layout-mode=dark] .toast {\n  --bs-toast-header-bg: #2a3042;\n  --bs-toast-header-color: #c3cbe4;\n  --bs-toast-bg: #2a3042;\n}\n[data-layout-mode=dark] .table {\n  --bs-table-striped-bg: rgba(191, 200, 226, 0.05);\n  --bs-table-hover-bg: rgba(191, 200, 226, 0.05);\n  --bs-table-active-bg: rgba(191, 200, 226, 0.05);\n}\n[data-layout-mode=dark] .table-light {\n  --bs-table-color: #a6b0cf;\n  --bs-table-bg: #32394e;\n  --bs-table-border-color: #32394e;\n}\n[data-layout-mode=dark] .table-dark {\n  --bs-table-color: #a6b0cf;\n  --bs-table-bg: #32394e;\n  --bs-table-border-color: #3a425a;\n}\n\n#page-topbar {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1002;\n  background-color: var(--bs-heading-bg);\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\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 calc(24px * 0.5) 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  text-align: center;\n  width: 250px;\n}\n\n.logo {\n  line-height: 70px;\n}\n.logo .logo-sm {\n  display: none;\n}\n\n.logo-light {\n  display: none;\n}\n\n/* Search */\n.app-search {\n  padding: calc(32px * 0.5) 0;\n}\n.app-search .form-control {\n  border: none;\n  height: 38px;\n  padding-left: 40px;\n  padding-right: 20px;\n  background-color: var(--bs-topbar-search-bg);\n  box-shadow: none;\n  border-radius: 30px;\n}\n.app-search span {\n  position: absolute;\n  z-index: 10;\n  font-size: 16px;\n  line-height: 38px;\n  left: 13px;\n  top: 0;\n  color: var(--bs-gray-600);\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 + 24px) calc(24px * 0.75) 60px calc(24px * 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-300);\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-gray-300);\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  border: 1px solid transparent;\n  color: var(--bs-gray-600);\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  border-color: var(--bs-border-color);\n}\n\n.fullscreen-enable [data-bs-toggle=fullscreen] .bx-fullscreen::before {\n  content: \"\\ea3f\";\n}\n\nbody[data-topbar=dark] #page-topbar {\n  background-color: var(--bs-heading-dark-bg);\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-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: rgba(var(--bs-topbar-search-bg), 0.07);\n  color: #fff;\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\nbody[data-sidebar=dark] .navbar-brand-box {\n  background: #2a3042;\n}\nbody[data-sidebar=dark] .logo-dark {\n  display: none;\n}\nbody[data-sidebar=dark] .logo-light {\n  display: block;\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}\nbody[data-layout=horizontal] .page-content {\n  margin-top: 70px;\n  padding: calc(55px + 24px) calc(24px * 0.5) 60px calc(24px * 0.5);\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: 24px;\n}\n.page-title-box .breadcrumb {\n  background-color: transparent;\n  padding: 0;\n}\n.page-title-box h4 {\n  text-transform: uppercase;\n  font-weight: 600;\n  font-size: 16px !important;\n}\n\n.footer {\n  bottom: 0;\n  padding: 20px calc(24px * 0.75);\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}\n@media (max-width: 991.98px) {\n  .footer {\n    left: 0;\n  }\n}\n\n.vertical-collpsed .footer {\n  left: 70px;\n}\n@media (max-width: 991.98px) {\n  .vertical-collpsed .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-custom-white);\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: 280px;\n  z-index: 9999;\n  float: right !important;\n  right: -290px;\n  top: 0;\n  bottom: 0;\n}\n.right-bar .right-bar-toggle {\n  background-color: var(--bs-dark);\n  height: 24px;\n  width: 24px;\n  line-height: 24px;\n  display: block;\n  color: var(--bs-gray-200);\n  text-align: center;\n  border-radius: 50%;\n}\n.right-bar .right-bar-toggle:hover {\n  background-color: var(--bs-dark);\n}\n\n.rightbar-overlay {\n  background-color: rgba(52, 58, 64, 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: #ffffff;\n  bottom: 0;\n  margin-top: 0;\n  position: fixed;\n  top: 70px;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\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(-180deg);\n}\n#sidebar-menu .has-arrow:after {\n  content: \"\\f0140\";\n  font-family: \"Material Design Icons\";\n  display: block;\n  float: right;\n  transition: transform 0.2s;\n  font-size: 1rem;\n}\n#sidebar-menu ul li a {\n  display: block;\n  padding: 0.625rem 1.5rem;\n  color: #545a6d;\n  position: relative;\n  font-size: 13px;\n  transition: all 0.4s;\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: #7f8387;\n  transition: all 0.4s;\n}\n#sidebar-menu ul li a:hover {\n  color: #383c40;\n}\n#sidebar-menu ul li a:hover i {\n  color: #383c40;\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.5rem;\n  font-size: 13px;\n  color: #545a6d;\n}\n#sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #383c40;\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  letter-spacing: 0.05em;\n  pointer-events: none;\n  cursor: default;\n  font-size: 11px;\n  text-transform: uppercase;\n  color: #7f8387;\n  font-weight: 600;\n}\n\n.mm-active {\n  color: #556ee6 !important;\n}\n.mm-active > a {\n  color: #556ee6 !important;\n}\n.mm-active > a i {\n  color: #556ee6 !important;\n}\n.mm-active .active {\n  color: #556ee6 !important;\n}\n.mm-active .active i {\n  color: #556ee6 !important;\n}\n.mm-active > i {\n  color: #556ee6 !important;\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}\n.vertical-collpsed .main-content {\n  margin-left: 70px;\n}\n.vertical-collpsed .navbar-brand-box {\n  width: 70px !important;\n}\n.vertical-collpsed .logo span.logo-lg {\n  display: none;\n}\n.vertical-collpsed .logo span.logo-sm {\n  display: block;\n}\n.vertical-collpsed .vertical-menu {\n  position: absolute;\n  width: 70px !important;\n  z-index: 5;\n}\n.vertical-collpsed .vertical-menu .simplebar-mask,\n.vertical-collpsed .vertical-menu .simplebar-content-wrapper {\n  overflow: visible !important;\n}\n.vertical-collpsed .vertical-menu .simplebar-scrollbar {\n  display: none !important;\n}\n.vertical-collpsed .vertical-menu .simplebar-offset {\n  bottom: 0 !important;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu .menu-title,\n.vertical-collpsed .vertical-menu #sidebar-menu .badge,\n.vertical-collpsed .vertical-menu #sidebar-menu .collapse.in {\n  display: none !important;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu .nav.collapse {\n  height: inherit !important;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu .has-arrow:after {\n  display: none;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li {\n  position: relative;\n  white-space: nowrap;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {\n  padding: 15px 20px;\n  min-height: 55px;\n  transition: none;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:hover, .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:active, .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:focus {\n  color: #383c40;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i {\n  font-size: 1.45rem;\n  margin-left: 4px;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a span {\n  display: none;\n  padding-left: 25px;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n  position: relative;\n  width: calc(190px + 70px);\n  color: #556ee6;\n  background-color: whitesmoke;\n  transition: none;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n  color: #556ee6;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a span {\n  display: inline;\n}\n.vertical-collpsed .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: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul ul {\n  box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);\n}\n.vertical-collpsed .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: #545a6d;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n  color: #383c40;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul ul {\n  padding: 5px 0;\n  z-index: 9999;\n  display: none;\n  background-color: #ffffff;\n}\n.vertical-collpsed .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}\n.vertical-collpsed .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}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul ul li.active a {\n  color: #f8f9fa;\n}\n\nbody[data-sidebar=dark] .vertical-menu {\n  background: #2a3042;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a {\n  color: #a6b0cf;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a i {\n  color: #6a7187;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a:hover {\n  color: #ffffff;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a:hover i {\n  color: #ffffff;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {\n  color: #79829c;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #ffffff;\n}\nbody[data-sidebar=dark].vertical-collpsed {\n  min-height: 1760px;\n}\nbody[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background: #2e3548;\n  color: #ffffff;\n}\nbody[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n  color: #ffffff;\n}\nbody[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  color: #79829c;\n}\nbody[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n  color: #ffffff;\n}\nbody[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {\n  background-color: #2a3042;\n}\nbody[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {\n  color: #ffffff !important;\n}\nbody[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {\n  color: #ffffff !important;\n}\nbody[data-sidebar=dark] .mm-active {\n  color: #ffffff !important;\n}\nbody[data-sidebar=dark] .mm-active > a {\n  color: #ffffff !important;\n}\nbody[data-sidebar=dark] .mm-active > a i {\n  color: #ffffff !important;\n}\nbody[data-sidebar=dark] .mm-active > i {\n  color: #ffffff !important;\n}\nbody[data-sidebar=dark] .mm-active .active {\n  color: #ffffff !important;\n}\nbody[data-sidebar=dark] .mm-active .active i {\n  color: #ffffff !important;\n}\nbody[data-sidebar=dark] .menu-title {\n  color: #6a7187;\n}\n\nbody[data-layout=horizontal] .main-content {\n  margin-left: 0 !important;\n}\n\nbody[data-sidebar-size=small] .navbar-brand-box {\n  width: 160px;\n}\nbody[data-sidebar-size=small] .vertical-menu {\n  width: 160px;\n  text-align: center;\n}\nbody[data-sidebar-size=small] .vertical-menu .has-arrow:after,\nbody[data-sidebar-size=small] .vertical-menu .badge {\n  display: none !important;\n}\nbody[data-sidebar-size=small] .main-content {\n  margin-left: 160px;\n}\nbody[data-sidebar-size=small] .footer {\n  left: 160px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=small] .footer {\n    left: 0;\n  }\n}\nbody[data-sidebar-size=small] #sidebar-menu ul li.menu-title {\n  background-color: #2e3548;\n}\nbody[data-sidebar-size=small] #sidebar-menu ul li a i {\n  display: block;\n}\nbody[data-sidebar-size=small] #sidebar-menu ul li ul.sub-menu li a {\n  padding-left: 1.5rem;\n}\nbody[data-sidebar-size=small] #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n  padding-left: 1.5rem;\n}\nbody[data-sidebar-size=small].vertical-collpsed .main-content {\n  margin-left: 70px;\n}\nbody[data-sidebar-size=small].vertical-collpsed .vertical-menu #sidebar-menu {\n  text-align: left;\n}\nbody[data-sidebar-size=small].vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i {\n  display: inline-block;\n}\nbody[data-sidebar-size=small].vertical-collpsed .footer {\n  left: 70px;\n}\n\nbody[data-sidebar=colored] .vertical-menu {\n  background-color: #556ee6;\n}\nbody[data-sidebar=colored] .navbar-brand-box {\n  background-color: #556ee6;\n}\nbody[data-sidebar=colored] .navbar-brand-box .logo-dark {\n  display: none;\n}\nbody[data-sidebar=colored] .navbar-brand-box .logo-light {\n  display: block;\n}\nbody[data-sidebar=colored] .mm-active {\n  color: #fff !important;\n}\nbody[data-sidebar=colored] .mm-active > a {\n  color: #fff !important;\n}\nbody[data-sidebar=colored] .mm-active > a i {\n  color: #fff !important;\n}\nbody[data-sidebar=colored] .mm-active > i, body[data-sidebar=colored] .mm-active .active {\n  color: #fff !important;\n}\nbody[data-sidebar=colored] #sidebar-menu ul li.menu-title {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=colored] #sidebar-menu ul li a {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=colored] #sidebar-menu ul li a i {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=colored] #sidebar-menu ul li a.waves-effect .waves-ripple {\n  background: rgba(255, 255, 255, 0.1);\n}\nbody[data-sidebar=colored] #sidebar-menu ul li a:hover {\n  color: #fff;\n}\nbody[data-sidebar=colored] #sidebar-menu ul li a:hover i {\n  color: #fff;\n}\nbody[data-sidebar=colored] #sidebar-menu ul li ul.sub-menu li a {\n  color: rgba(255, 255, 255, 0.5);\n}\nbody[data-sidebar=colored] #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #fff;\n}\nbody[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background-color: #5e76e7;\n  color: #fff;\n}\nbody[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n  color: #fff;\n}\nbody[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {\n  color: #556ee6 !important;\n}\nbody[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #556ee6;\n}\nbody[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active {\n  color: #556ee6 !important;\n}\nbody[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a {\n  color: #556ee6 !important;\n}\nbody[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a i {\n  color: #556ee6 !important;\n}\n\n.topnav {\n  background: var(--bs-topnav-bg);\n  padding: 0 calc(24px * 0.5);\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n  margin-top: 70px;\n  position: fixed;\n  left: 0;\n  right: 0;\n  z-index: 100;\n}\n.topnav .topnav-menu {\n  margin: 0;\n  padding: 0;\n}\n.topnav .navbar-nav .nav-link {\n  font-size: 14px;\n  position: relative;\n  padding: 1rem 1.3rem;\n  color: var(--bs-menu-item-color);\n}\n.topnav .navbar-nav .nav-link i {\n  font-size: 15px;\n}\n.topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n  color: #556ee6;\n  background-color: transparent;\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: #556ee6;\n}\n.topnav .navbar-nav .nav-item .nav-link.active {\n  color: #556ee6;\n}\n.topnav .navbar-nav .dropdown.active > a {\n  color: #556ee6;\n  background-color: transparent;\n}\n\n@media (min-width: 1200px) {\n  body[data-layout=horizontal] .container-fluid,\nbody[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 0.25rem 0.25rem;\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: 15px;\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: #556ee6;\n  }\n  .topnav .arrow-down::after {\n    right: 15px;\n    position: absolute;\n  }\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal][data-topbar=light] .navbar-brand-box .logo-dark {\n    display: block;\n  }\n  body[data-layout=horizontal][data-topbar=light] .navbar-brand-box .logo-light {\n    display: none;\n  }\n  body[data-layout=horizontal][data-topbar=light] .topnav {\n    background-color: #556ee6;\n  }\n  body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav .nav-link {\n    color: rgba(255, 255, 255, 0.6);\n  }\n  body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav .nav-link:focus, body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav .nav-link:hover {\n    color: rgba(255, 255, 255, 0.9);\n  }\n  body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav > .dropdown.active > a {\n    color: rgba(255, 255, 255, 0.9) !important;\n  }\n}\nbody[data-layout=horizontal][data-topbar=colored] #page-topbar {\n  background-color: #556ee6;\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: #e9ecef;\n}\nbody[data-layout=horizontal][data-topbar=colored] .header-item:hover {\n  color: #e9ecef;\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: #e9ecef;\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal][data-topbar=colored] .topnav {\n    background-color: #556ee6;\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\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: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\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}\nbody[data-layout-size=boxed].vertical-collpsed .footer {\n  max-width: calc(1300px - 70px);\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/*!\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(85, 110, 230, 0.4);\n}\n\n.waves-effect.waves-success .waves-ripple {\n  background-color: rgba(52, 195, 143, 0.4);\n}\n\n.waves-effect.waves-info .waves-ripple {\n  background-color: rgba(80, 165, 241, 0.4);\n}\n\n.waves-effect.waves-warning .waves-ripple {\n  background-color: rgba(241, 180, 76, 0.4);\n}\n\n.waves-effect.waves-danger .waves-ripple {\n  background-color: rgba(244, 106, 106, 0.4);\n}\n\n.avatar-xs {\n  height: 2rem;\n  width: 2rem;\n}\n\n.avatar-sm {\n  height: 3rem;\n  width: 3rem;\n}\n\n.avatar-md {\n  height: 4.5rem;\n  width: 4.5rem;\n}\n\n.avatar-lg {\n  height: 6rem;\n  width: 6rem;\n}\n\n.avatar-xl {\n  height: 7.5rem;\n  width: 7.5rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: #556ee6;\n  color: #fff;\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-custom-white);\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.custom-accordion .accordion-list {\n  display: flex;\n  border-radius: 7px;\n  background-color: var(--bs-gray-300);\n  padding: 12px 20px;\n  color: var(--bs-body-color);\n  font-weight: 600;\n  align-items: center;\n  justify-content: space-between;\n}\n.custom-accordion .accordion-list.collapsed i.accor-plus-icon:before {\n  content: \"\\f0415\";\n}\n.custom-accordion .accordion-list .accor-plus-icon {\n  display: inline-block;\n  font-size: 16px;\n  height: 24px;\n  width: 24px;\n  line-height: 22px;\n  background-color: var(--bs-custom-white);\n  text-align: center;\n  border-radius: 50%;\n}\n.custom-accordion a.collapsed i.accor-down-icon:before {\n  content: \"\\f0140\";\n}\n.custom-accordion .card-body {\n  color: var(--bs-gray-600);\n}\n\n[data-layout-mode=dark] .accordion-button:not(.collapsed) {\n  color: var(--bs-accordion-button-active-color);\n}\n[data-layout-mode=dark] .accordion-button:not(.collapsed):after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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[data-layout-mode=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='%23adb5bd'%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.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.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: #eff2f7;\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.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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat;\n}\n\n[data-layout-mode=dark] .btn-close {\n  filter: invert(1) grayscale(100%) brightness(200%);\n}\n[data-layout-mode=dark] .btn-close-white {\n  filter: invert(1) grayscale(100%) brightness(0);\n}\n\n#preloader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #fff;\n  z-index: 9999;\n}\n\n#status {\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  margin: -20px 0 0 -20px;\n}\n\n.spinner-chase {\n  margin: 0 auto;\n  width: 40px;\n  height: 40px;\n  position: relative;\n  animation: spinner-chase 2.5s infinite linear both;\n}\n\n.chase-dot {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  animation: chase-dot 2s infinite ease-in-out both;\n}\n.chase-dot:before {\n  content: \"\";\n  display: block;\n  width: 25%;\n  height: 25%;\n  background-color: #556ee6;\n  border-radius: 100%;\n  animation: chase-dot-before 2s infinite ease-in-out both;\n}\n.chase-dot:nth-child(1) {\n  animation-delay: -1.1s;\n}\n.chase-dot:nth-child(1):before {\n  animation-delay: -1.1s;\n}\n.chase-dot:nth-child(2) {\n  animation-delay: -1s;\n}\n.chase-dot:nth-child(2):before {\n  animation-delay: -1s;\n}\n.chase-dot:nth-child(3) {\n  animation-delay: -0.9s;\n}\n.chase-dot:nth-child(3):before {\n  animation-delay: -0.9s;\n}\n.chase-dot:nth-child(4) {\n  animation-delay: -0.8s;\n}\n.chase-dot:nth-child(4):before {\n  animation-delay: -0.8s;\n}\n.chase-dot:nth-child(5) {\n  animation-delay: -0.7s;\n}\n.chase-dot:nth-child(5):before {\n  animation-delay: -0.7s;\n}\n.chase-dot:nth-child(6) {\n  animation-delay: -0.6s;\n}\n.chase-dot:nth-child(6):before {\n  animation-delay: -0.6s;\n}\n\n@keyframes spinner-chase {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes chase-dot {\n  80%, 100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes chase-dot-before {\n  50% {\n    transform: scale(0.4);\n  }\n  100%, 0% {\n    transform: scale(1);\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: #fff;\n}\n.form-checkbox-outline .form-check-input:active {\n  filter: none;\n}\n.form-checkbox-outline .form-check-input:checked {\n  background-color: #fff !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: #343a40;\n}\n\n.form-radio-outline .form-check-input {\n  background-color: #fff;\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: #fff !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: #556ee6;\n  border-color: #556ee6;\n}\n\n.form-radio-primary .form-check-input:checked {\n  border-color: #556ee6;\n  background-color: #556ee6;\n}\n.form-radio-primary .form-check-input:checked:after {\n  background-color: #556ee6;\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: #34c38f;\n  border-color: #34c38f;\n}\n\n.form-radio-success .form-check-input:checked {\n  border-color: #34c38f;\n  background-color: #34c38f;\n}\n.form-radio-success .form-check-input:checked:after {\n  background-color: #34c38f;\n}\n\n.form-check-info .form-check-input:checked {\n  background-color: #50a5f1;\n  border-color: #50a5f1;\n}\n\n.form-radio-info .form-check-input:checked {\n  border-color: #50a5f1;\n  background-color: #50a5f1;\n}\n.form-radio-info .form-check-input:checked:after {\n  background-color: #50a5f1;\n}\n\n.form-check-warning .form-check-input:checked {\n  background-color: #f1b44c;\n  border-color: #f1b44c;\n}\n\n.form-radio-warning .form-check-input:checked {\n  border-color: #f1b44c;\n  background-color: #f1b44c;\n}\n.form-radio-warning .form-check-input:checked:after {\n  background-color: #f1b44c;\n}\n\n.form-check-danger .form-check-input:checked {\n  background-color: #f46a6a;\n  border-color: #f46a6a;\n}\n\n.form-radio-danger .form-check-input:checked {\n  border-color: #f46a6a;\n  background-color: #f46a6a;\n}\n.form-radio-danger .form-check-input:checked:after {\n  background-color: #f46a6a;\n}\n\n.form-check-pink .form-check-input:checked {\n  background-color: #e83e8c;\n  border-color: #e83e8c;\n}\n\n.form-radio-pink .form-check-input:checked {\n  border-color: #e83e8c;\n  background-color: #e83e8c;\n}\n.form-radio-pink .form-check-input:checked:after {\n  background-color: #e83e8c;\n}\n\n.form-check-light .form-check-input:checked {\n  background-color: #eff2f7;\n  border-color: #eff2f7;\n}\n\n.form-radio-light .form-check-input:checked {\n  border-color: #eff2f7;\n  background-color: #eff2f7;\n}\n.form-radio-light .form-check-input:checked:after {\n  background-color: #eff2f7;\n}\n\n.form-check-dark .form-check-input:checked {\n  background-color: #343a40;\n  border-color: #343a40;\n}\n\n.form-radio-dark .form-check-input:checked {\n  border-color: #343a40;\n  background-color: #343a40;\n}\n.form-radio-dark .form-check-input:checked:after {\n  background-color: #343a40;\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  padding-left: 2.5rem;\n  min-height: 24px;\n  line-height: 24px;\n}\n.form-switch-md .form-check-input {\n  width: 40px;\n  height: 20px;\n  left: -0.5rem;\n  position: relative;\n}\n.form-switch-md .form-check-label {\n  vertical-align: middle;\n}\n\n.form-switch-lg {\n  padding-left: 2.75rem;\n  min-height: 28px;\n  line-height: 28px;\n}\n.form-switch-lg .form-check-input {\n  width: 48px;\n  height: 24px;\n  left: -0.75rem;\n  position: relative;\n}\n\n.input-group-text {\n  margin-bottom: 0px;\n}\n\n[data-layout-mode=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-layout-mode=dark] .form-switch .form-check-input,\n[data-layout-mode=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.mini-stats-wid .mini-stat-icon {\n  overflow: hidden;\n  position: relative;\n}\n.mini-stats-wid .mini-stat-icon:before, .mini-stats-wid .mini-stat-icon:after {\n  content: \"\";\n  position: absolute;\n  width: 8px;\n  height: 54px;\n  background-color: rgba(255, 255, 255, 0.1);\n  left: 16px;\n  transform: rotate(32deg);\n  top: -5px;\n  transition: all 0.4s;\n}\n.mini-stats-wid .mini-stat-icon::after {\n  left: -12px;\n  width: 12px;\n  transition: all 0.2s;\n}\n.mini-stats-wid:hover .mini-stat-icon::after {\n  left: 60px;\n}\n\n.mfp-popup-form {\n  max-width: 1140px;\n}\n\n.mfp-close {\n  color: #343a40 !important;\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  text-align: center;\n  color: #adb5bd;\n}\n.icon-demo-content i {\n  display: block;\n  font-size: 24px;\n  margin-bottom: 16px;\n  color: #74788d;\n  transition: all 0.4s;\n}\n.icon-demo-content .col-lg-4 {\n  margin-top: 24px;\n}\n.icon-demo-content .col-lg-4:hover i {\n  color: #556ee6;\n  transform: scale(1.5);\n}\n\n.grid-structure .grid-container {\n  background-color: var(--bs-gray-100);\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-custom-white);\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: #556ee6 !important;\n}\n\n.navs-carousel .owl-nav {\n  margin-top: 16px;\n}\n.navs-carousel .owl-nav button {\n  width: 30px;\n  height: 30px;\n  line-height: 28px !important;\n  font-size: 20px !important;\n  border-radius: 50% !important;\n  background-color: rgba(85, 110, 230, 0.25) !important;\n  color: #556ee6 !important;\n  margin: 4px 8px !important;\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,\nbody {\n    padding: 0;\n    margin: 0;\n  }\n  .card {\n    border: 0;\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: 4px;\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.lnb-calendars-item {\n  display: inline-block;\n  margin-right: 7px;\n}\n\ninput[type=checkbox].tui-full-calendar-checkbox-round + span {\n  margin-right: 4px;\n  margin-left: 0;\n}\n\n.tui-full-calendar-layout,\n.tui-full-calendar-timegrid-timezone {\n  background-color: var(--bs-custom-white) !important;\n}\n\n.tui-full-calendar-dayname-container,\n.tui-full-calendar-left,\n.tui-full-calendar-splitter,\n.tui-full-calendar-time-date,\n.tui-full-calendar-weekday-grid-line,\n.tui-full-calendar-timegrid-timezone,\n.tui-full-calendar-timegrid-gridline {\n  border-color: var(--bs-gray-300) !important;\n}\n\n.tui-full-calendar-weekday-exceed-in-week {\n  text-align: center;\n  width: 30px;\n  height: 30px;\n  line-height: 28px;\n  border-radius: 4px;\n  background-color: var(--bs-custom-white);\n  color: var(--bs-body-color);\n  border-color: var(--bs-border-color);\n}\n\n.tui-full-calendar-timegrid-hour {\n  color: var(--bs-body-color) !important;\n}\n\n.tui-full-calendar-weekday-schedule-title {\n  color: var(--bs-gray-900) !important;\n}\n.tui-full-calendar-weekday-schedule-title .tui-full-calendar-time-schedule {\n  font-weight: 600;\n}\n\n.tui-full-calendar-popup-container {\n  background-color: var(--bs-custom-white) !important;\n  border-color: var(--bs-border-color) !important;\n}\n\n.tui-full-calendar-dropdown:hover .tui-full-calendar-dropdown-button {\n  border-color: var(--bs-border-color);\n}\n\n.tui-full-calendar-popup-section-item:hover, .tui-full-calendar-popup-section-item:focus {\n  border-color: var(--bs-border-color);\n}\n\n.tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-fill {\n  border-top-color: var(--bs-border-color) !important;\n}\n\n.tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-fill {\n  border-bottom-color: var(--bs-border-color) !important;\n}\n\n.tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-borde {\n  border-bottom-color: var(--bs-border-color) !important;\n}\n\n.tui-full-calendar-button {\n  color: var(--bs-gray-700);\n  background-color: var(--bs-custom-white) !important;\n  border-color: var(--bs-border-color);\n}\n\n.tui-full-calendar-popup-section-item {\n  border-color: var(--bs-border-color);\n}\n\n.tui-full-calendar-month-dayname,\n.tui-full-calendar-weekday-border {\n  border-top-color: var(--bs-border-color) !important;\n}\n\n.tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-border {\n  border-bottom-color: var(--bs-border-color) !important;\n}\n\n.tui-full-calendar-dropdown-menu {\n  border-color: var(--bs-border-color) !important;\n}\n\n.tui-full-calendar-dropdown-menu-item,\n.tui-full-calendar-dropdown-menu {\n  background-color: var(--bs-custom-white) !important;\n}\n\n.tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-border {\n  border-top-color: var(--bs-border-color);\n}\n\n.tui-full-calendar-content {\n  background-color: var(--bs-custom-white) !important;\n  color: var(--bs-gray-700) !important;\n}\n\n.tui-full-calendar-confirm {\n  background-color: #f46a6a !important;\n  color: #fff !important;\n}\n.tui-full-calendar-confirm:hover {\n  background-color: #c35555 !important;\n  color: #fff !important;\n}\n\n.tui-full-calendar-month-dayname-item span {\n  color: var(--bs-gray-900) !important;\n}\n\n.tui-full-calendar-weekday-grid-line.tui-full-calendar-near-month-day.tui-full-calendar-extra-date .tui-full-calendar-weekday-grid-header .tui-full-calendar-weekday-grid-date {\n  color: var(--bs-gray-400) !important;\n}\n\n.tui-full-calendar-weekday-grid-line.tui-full-calendar-near-month-day .tui-full-calendar-weekday-grid-header .tui-full-calendar-weekday-grid-date {\n  color: var(--bs-gray-800) !important;\n}\n\n/* ==============\n  Calendar\n===================*/\n.fc td, .fc th {\n  border: 1px 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: #495057;\n  line-height: 20px;\n  padding: 10px 0;\n  text-transform: uppercase;\n  font-weight: 600;\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: #f6f8fa;\n}\n\n.fc-button {\n  background: #fff;\n  border-color: #eff2f7;\n  color: #495057;\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: #556ee6;\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: #556ee6;\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: #eff2f7;\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/* ==============\n  Druafula\n===================*/\n.task-box {\n  border: 1px solid var(--bs-gray-300);\n}\n\n.gu-transit {\n  border: 1px dashed var(--bs-border-color) !important;\n  background-color: var(--bs-gray-200) !important;\n}\n\n#session-timeout-dialog .close {\n  display: none;\n}\n#session-timeout-dialog .countdown-holder {\n  color: #f46a6a;\n  font-weight: 500;\n}\n#session-timeout-dialog .btn-default {\n  background-color: #fff;\n  color: #f46a6a;\n  box-shadow: none;\n}\n\n.irs {\n  font-family: var(--bs-font-sans-serif);\n}\n\n.irs--square {\n  cursor: pointer;\n}\n.irs--square .irs-bar,\n.irs--square .irs-to,\n.irs--square .irs-from,\n.irs--square .irs-single {\n  background: #556ee6 !important;\n  font-size: 11px;\n}\n.irs--square .irs-to:before,\n.irs--square .irs-from:before,\n.irs--square .irs-single:before {\n  border-top-color: #556ee6;\n}\n.irs--square .irs-line {\n  background: var(--bs-gray-300);\n  border-color: var(--bs-gray-300);\n}\n.irs--square .irs-grid-text {\n  font-size: 11px;\n  color: var(--bs-gray-400);\n}\n.irs--square .irs-min,\n.irs--square .irs-max {\n  color: var(--bs-gray-400);\n  background: var(--bs-gray-300);\n  font-size: 11px;\n}\n.irs--square .irs-handle {\n  border: 2px solid #556ee6;\n  width: 12px;\n  height: 12px;\n  top: 26px;\n  background-color: var(--bs-custom-white) !important;\n  cursor: pointer;\n}\n.irs--square .irs-handle:active {\n  cursor: pointer;\n}\n.irs--square .irs-grid-pol {\n  background-color: var(--bs-gray-400);\n}\n\n.swal2-container .swal2-title {\n  font-size: 20px;\n  font-weight: 500;\n}\n\n.swal2-modal {\n  font-size: 14px;\n}\n\n.swal2-icon.swal2-question {\n  border-color: #50a5f1;\n  color: #50a5f1;\n}\n.swal2-icon.swal2-success [class^=swal2-success-line] {\n  background-color: #34c38f;\n}\n.swal2-icon.swal2-success .swal2-success-ring {\n  border-color: rgba(52, 195, 143, 0.3);\n}\n.swal2-icon.swal2-warning {\n  border-color: #f1b44c;\n  color: #f1b44c;\n}\n\n.swal2-styled:focus {\n  box-shadow: none;\n}\n\n.swal2-progress-steps .swal2-progress-step {\n  background: #556ee6;\n}\n.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n  background: #556ee6;\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(85, 110, 230, 0.3);\n}\n.swal2-progress-steps .swal2-progress-step-line {\n  background: #556ee6;\n}\n\n.swal2-loader {\n  border-color: #556ee6 transparent #556ee6 transparent;\n}\n\n.swal2-popup {\n  background: var(--bs-custom-white);\n}\n\n.swal2-title, .swal2-html-container {\n  color: var(--bs-gray-700);\n}\n\n.swal2-file,\n.swal2-input,\n.swal2-textarea {\n  border-color: var(--bs-border-color);\n  color: var(--bs-body-color);\n}\n.swal2-file:focus,\n.swal2-input:focus,\n.swal2-textarea:focus {\n  box-shadow: none;\n  border-color: var(--bs-border-color);\n}\n\n.symbol {\n  border-color: var(--bs-custom-white);\n}\n\n.rating-symbol-background, .rating-symbol-foreground {\n  font-size: 24px;\n}\n\n.symbol-empty {\n  background-color: var(--bs-gray-400);\n}\n\n.rating-symbol-foreground {\n  top: 0px;\n}\n\n.rating-star > span {\n  display: inline-block;\n  vertical-align: middle;\n}\n.rating-star > span.badge {\n  margin-left: 4px;\n}\n\n/* =============\n   Notification\n============= */\n#toast-container > div {\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n  opacity: 1;\n}\n#toast-container > div:hover {\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n  opacity: 0.9;\n}\n#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {\n  min-width: 96%;\n  margin: 4px auto;\n}\n\n.toast-primary {\n  border: 2px solid #556ee6 !important;\n  background-color: rgba(85, 110, 230, 0.8) !important;\n}\n\n.toast-secondary {\n  border: 2px solid #74788d !important;\n  background-color: rgba(116, 120, 141, 0.8) !important;\n}\n\n.toast-success {\n  border: 2px solid #34c38f !important;\n  background-color: rgba(52, 195, 143, 0.8) !important;\n}\n\n.toast-info {\n  border: 2px solid #50a5f1 !important;\n  background-color: rgba(80, 165, 241, 0.8) !important;\n}\n\n.toast-warning {\n  border: 2px solid #f1b44c !important;\n  background-color: rgba(241, 180, 76, 0.8) !important;\n}\n\n.toast-danger {\n  border: 2px solid #f46a6a !important;\n  background-color: rgba(244, 106, 106, 0.8) !important;\n}\n\n.toast-pink {\n  border: 2px solid #e83e8c !important;\n  background-color: rgba(232, 62, 140, 0.8) !important;\n}\n\n.toast-light {\n  border: 2px solid #eff2f7 !important;\n  background-color: rgba(239, 242, 247, 0.8) !important;\n}\n\n.toast-dark {\n  border: 2px solid #343a40 !important;\n  background-color: rgba(52, 58, 64, 0.8) !important;\n}\n\n.toast-error {\n  background-color: rgba(244, 106, 106, 0.8);\n  border: 2px solid #f46a6a;\n}\n\n.toastr-options {\n  padding: 24px;\n  background-color: #f6f8fa;\n  margin-bottom: 0;\n  border: 1px solid #eff2f7;\n}\n\n.error {\n  color: #f46a6a;\n}\n\n.parsley-error {\n  border-color: #f46a6a;\n}\n\n.parsley-errors-list {\n  display: none;\n  margin: 0;\n  padding: 0;\n}\n.parsley-errors-list.filled {\n  display: block;\n}\n.parsley-errors-list > li {\n  font-size: 12px;\n  list-style: none;\n  color: #f46a6a;\n  margin-top: 5px;\n}\n\n.select2-container .select2-selection--single {\n  background-color: var(--bs-input-bg);\n  border: 1px solid var(--bs-input-border-color);\n  height: 38px;\n}\n.select2-container .select2-selection--single:focus {\n  outline: none;\n}\n.select2-container .select2-selection--single .select2-selection__rendered {\n  line-height: 36px;\n  padding-left: 0.75rem;\n  color: var(--bs-input-color);\n}\n.select2-container .select2-selection--single .select2-selection__arrow {\n  height: 34px;\n  width: 34px;\n  right: 3px;\n}\n.select2-container .select2-selection--single .select2-selection__arrow b {\n  border-color: var(--bs-gray-500) transparent transparent transparent;\n  border-width: 6px 6px 0 6px;\n}\n.select2-container .select2-selection--single .select2-selection__placeholder {\n  color: var(--bs-body-color);\n}\n\n[dir=rtl] .select2-selection__rendered {\n  text-align: end;\n}\n\n.select2-container--open .select2-selection--single .select2-selection__arrow b {\n  border-color: transparent transparent var(--bs-gray-500) transparent !important;\n  border-width: 0 6px 6px 6px !important;\n}\n\n.select2-container--default .select2-search--dropdown {\n  padding: 10px;\n  background-color: var(--bs-custom-white);\n}\n.select2-container--default .select2-search--dropdown .select2-search__field {\n  border: 1px solid var(--bs-input-border-color);\n  background-color: var(--bs-input-bg);\n  color: var(--bs-gray-600);\n  outline: none;\n}\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n  background-color: #556ee6;\n}\n.select2-container--default .select2-results__option[aria-selected=true] {\n  background-color: var(--bs-light);\n  color: var(--bs-body-color);\n}\n.select2-container--default .select2-results__option[aria-selected=true]:hover {\n  background-color: #556ee6;\n  color: #fff;\n}\n\n.select2-results__option {\n  padding: 6px 12px;\n}\n\n.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {\n  padding-left: 0.75rem;\n}\n\n.select2-dropdown {\n  border: 1px solid var(--bs-border-color);\n  background-color: var(--bs-custom-white);\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n}\n\n.select2-search input {\n  border: 1px solid var(--bs-gray-300);\n}\n\n.select2-container .select2-selection--multiple {\n  min-height: 38px;\n  background-color: var(--bs-input-bg);\n  border: 1px solid var(--bs-input-border-color) !important;\n}\n.select2-container .select2-selection--multiple .select2-selection__rendered {\n  padding: 2px 0.75rem;\n}\n.select2-container .select2-selection--multiple .select2-search__field {\n  border: 0;\n  color: var(--bs-input-color);\n}\n.select2-container .select2-selection--multiple .select2-search__field::placeholder {\n  color: var(--bs-input-color);\n}\n.select2-container .select2-selection--multiple .select2-selection__choice {\n  background-color: var(--bs-gray-200);\n  border: 1px solid var(--bs-gray-300);\n  border-radius: 1px;\n  padding: 0 7px;\n}\n\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n  border-color: var(--bs-gray-400);\n}\n.select2-container--default .select2-results__group {\n  font-weight: 600;\n}\n\n.select2-result-repository__avatar {\n  float: left;\n  width: 60px;\n  margin-right: 10px;\n}\n.select2-result-repository__avatar img {\n  width: 100%;\n  height: auto;\n  border-radius: 2px;\n}\n\n.select2-result-repository__statistics {\n  margin-top: 7px;\n}\n\n.select2-result-repository__forks,\n.select2-result-repository__stargazers,\n.select2-result-repository__watchers {\n  display: inline-block;\n  font-size: 11px;\n  margin-right: 1em;\n  color: var(--bs-gray-500);\n}\n.select2-result-repository__forks .fa,\n.select2-result-repository__stargazers .fa,\n.select2-result-repository__watchers .fa {\n  margin-right: 4px;\n}\n.select2-result-repository__forks .fa.fa-flash::before,\n.select2-result-repository__stargazers .fa.fa-flash::before,\n.select2-result-repository__watchers .fa.fa-flash::before {\n  content: \"\\f0e7\";\n  font-family: \"Font Awesome 5 Free\";\n}\n\n.select2-results__option--highlighted .select2-result-repository__forks,\n.select2-results__option--highlighted .select2-result-repository__stargazers,\n.select2-results__option--highlighted .select2-result-repository__watchers {\n  color: rgba(255, 255, 255, 0.8);\n}\n\n.select2-result-repository__meta {\n  overflow: hidden;\n}\n\n.img-flag {\n  margin-right: 7px;\n  height: 15px;\n  width: 18px;\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: #343a40;\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: #eff2f7;\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: #556ee6;\n}\n\ninput[switch]:checked + label {\n  background-color: #556ee6;\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: #eff2f7;\n}\n\ninput[switch=bool] + label {\n  background-color: #f46a6a;\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: #34c38f;\n}\n\ninput[switch=default]:checked + label {\n  background-color: #a2a2a2;\n}\n\ninput[switch=primary]:checked + label {\n  background-color: #556ee6;\n}\n\ninput[switch=success]:checked + label {\n  background-color: #34c38f;\n}\n\ninput[switch=info]:checked + label {\n  background-color: #50a5f1;\n}\n\ninput[switch=warning]:checked + label {\n  background-color: #f1b44c;\n}\n\ninput[switch=danger]:checked + label {\n  background-color: #f46a6a;\n}\n\ninput[switch=dark]:checked + label {\n  background-color: #343a40;\n}\ninput[switch=dark]:checked + label:before {\n  color: #eff2f7;\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.sp-container {\n  background-color: #fff;\n}\n.sp-container button {\n  padding: 0.25rem 0.5rem;\n  font-size: 0.71094rem;\n  border-radius: 0.2rem;\n  font-weight: 400;\n  color: #343a40;\n}\n.sp-container button.sp-palette-toggle {\n  background-color: #eff2f7;\n}\n.sp-container button.sp-choose {\n  background-color: #34c38f;\n  margin-left: 5px;\n  margin-right: 0;\n}\n\n.sp-palette-container {\n  border-right: 1px solid #eff2f7;\n}\n\n.sp-input {\n  background-color: var(--bs-custom-white);\n  border-color: var(--bs-input-border-color) !important;\n  color: var(--bs-gray-700);\n}\n.sp-input:focus {\n  outline: none;\n}\n\n[dir=rtl] .sp-alpha {\n  direction: ltr;\n}\n[dir=rtl] .sp-original-input-container .sp-add-on {\n  border-top-right-radius: 0 !important;\n  border-bottom-right-radius: 0 !important;\n  border-top-left-radius: 4px !important;\n  border-bottom-left-radius: 4px !important;\n}\n[dir=rtl] input.spectrum.with-add-on {\n  border: 1px solid var(--bs-input-border-color);\n  border-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  border-top-right-radius: 0.25rem;\n  border-bottom-right-radius: 0.25rem;\n}\n\n/* Timepicker */\n.bootstrap-timepicker-widget table td a {\n  color: var(--bs-gray-700);\n}\n.bootstrap-timepicker-widget table td a:hover {\n  background-color: transparent;\n  border-color: transparent;\n  border-radius: 4px;\n  color: #556ee6;\n  text-decoration: none;\n}\n.bootstrap-timepicker-widget table td input {\n  width: 32px;\n  height: 32px;\n  border: 0;\n  color: var(--bs-body-color);\n  border: 1px solid var(--bs-border-color);\n  background-color: var(--bs-custom-white);\n}\n.bootstrap-timepicker-widget.dropdown-menu:after {\n  border-bottom-color: var(--bs-gray-200);\n}\n.bootstrap-timepicker-widget.timepicker-orient-bottom:after {\n  border-top-color: var(--bs-gray-200);\n}\n\n.timepicker-orient-top {\n  top: calc(1.5em + 0.94rem + 2px) !important;\n}\n\n.timepicker-orient-bottom {\n  top: auto !important;\n  bottom: calc(1.5em + 0.94rem + 2px) !important;\n}\n\n.bootstrap-timepicker-widget {\n  left: 0 !important;\n  right: auto !important;\n}\n\n.bootstrap-timepicker-widget.timepicker-orient-left:before {\n  left: 6px;\n  right: auto;\n}\n.bootstrap-timepicker-widget.timepicker-orient-left::after {\n  left: 7px;\n  right: auto;\n}\n\n.datepicker {\n  border: 1px solid var(--bs-border-color);\n  padding: 8px;\n  z-index: 999 !important;\n}\n.datepicker table tr th {\n  font-weight: 500;\n}\n.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td .active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover,\n.datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active {\n  background-color: #556ee6 !important;\n  background-image: none;\n  box-shadow: none;\n  color: #fff !important;\n}\n.datepicker table tr td.day.focused, .datepicker table tr td.day:hover,\n.datepicker table tr td span.focused,\n.datepicker table tr td span:hover {\n  background: var(--bs-light);\n}\n.datepicker table tr td.new, .datepicker table tr td.old,\n.datepicker table tr td span.new,\n.datepicker table tr td span.old {\n  color: var(--bs-gray-500);\n  opacity: 0.6;\n}\n.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {\n  background-color: var(--bs-gray-300);\n}\n\n.table-condensed > thead > tr > th, .table-condensed > tbody > tr > td {\n  padding: 7px;\n}\n\n.bootstrap-datepicker-inline .datepicker-inline {\n  width: auto !important;\n  display: inline-block;\n}\n\n.datepicker-container {\n  border: 1px solid #eff2f7;\n  box-shadow: none;\n  background-color: #fff;\n}\n.datepicker-container.datepicker-inline {\n  width: 212px;\n}\n\n.datepicker {\n  color: var(--bs-text-muted);\n}\n.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {\n  background: var(--bs-light);\n}\n\n.datepicker-panel > ul > li {\n  background-color: #fff;\n  border-radius: 4px;\n}\n.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {\n  background-color: rgba(85, 110, 230, 0.25);\n  color: #556ee6;\n}\n.datepicker-panel > ul > li.highlighted, .datepicker-panel > ul > li.highlighted:hover, .datepicker-panel > ul > li:hover {\n  background-color: #556ee6;\n  color: #fff;\n}\n.datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {\n  color: var(--bs-gray-500);\n  opacity: 0.6;\n}\n.datepicker-panel > ul[data-view=week] > li {\n  font-weight: 500;\n}\n.datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover {\n  background-color: #fff;\n}\n\n.bootstrap-touchspin.input-group > .input-group-prepend > .btn, .bootstrap-touchspin.input-group > .input-group-prepend > .input-group-text {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.bootstrap-touchspin.input-group > .input-group-append > .btn, .bootstrap-touchspin.input-group > .input-group-append > .input-group-text {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.bootstrap-touchspin .input-group-btn-vertical {\n  right: 0;\n}\n.bootstrap-touchspin .input-group-btn-vertical .btn {\n  right: 0 !important;\n  left: 100% !important;\n}\n.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {\n  border-top-right-radius: 4px !important;\n  border-bottom-right-radius: 0 !important;\n  border-top-left-radius: 0 !important;\n  border-bottom-left-radius: 0 !important;\n}\n.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {\n  border-top-right-radius: 0 !important;\n  border-bottom-right-radius: 4px !important;\n  border-top-left-radius: 0 !important;\n  border-bottom-left-radius: 0 !important;\n}\n\n.tox-tinymce {\n  border: 1px solid var(--bs-input-border-color) !important;\n}\n\n.tox :not(svg):not(rect) {\n  color: var(--bs-body-color);\n}\n\n.tox {\n  color: var(--bs-body-color);\n}\n.tox .tox-collection__item {\n  color: #212529 !important;\n}\n.tox .tox-menu.tox-collection.tox-collection--list.tox-selected-menu,\n.tox .tox-collection--toolbar.tox-collection--toolbar-lg.tox-selected-menu,\n.tox .tox-swatches-menu.tox-selected-menu {\n  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;\n  animation-name: DropDownSlide !important;\n  animation-duration: 0.3s !important;\n  animation-fill-mode: both !important;\n  margin: 0 !important;\n  position: absolute !important;\n  z-index: 1000 !important;\n  padding: 0.5rem 0 !important;\n  background-color: var(--bs-custom-white) !important;\n  border: 0 solid var(--bs-border-color) !important;\n  border-radius: 0.25rem !important;\n}\n.tox .tox-collection--list .tox-collection__group {\n  border-color: var(--bs-border-color) !important;\n}\n.tox .tox-collection--list .tox-collection__item--active {\n  color: #1e2125 !important;\n  background-color: #f8f9fa !important;\n}\n.tox .tox-collection__group-heading {\n  color: #1e2125 !important;\n  background-color: #f8f9fa !important;\n}\n.tox .tox-statusbar {\n  border-top: 1px solid var(--bs-border-top) !important;\n}\n.tox .tox-menubar,\n.tox .tox-edit-area__iframe,\n.tox .tox-statusbar {\n  background-color: var(--bs-custom-white) !important;\n  background: none !important;\n}\n.tox .tox-mbtn {\n  color: var(--bs-gray-600) !important;\n}\n.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {\n  background-color: var(--bs-light) !important;\n}\n.tox .tox-tbtn:hover {\n  background-color: transparent !important;\n}\n.tox .tox-toolbar,\n.tox .tox-toolbar__overflow,\n.tox .tox-toolbar__primary {\n  background: var(--bs-light) !important;\n}\n.tox .tox-toolbar__primary {\n  border-top-color: var(--bs-light) !important;\n}\n.tox .tox-tbtn--enabled {\n  background: transparent !important;\n}\n.tox tox-split-button:focus {\n  background: transparent !important;\n}\n.tox .tox-tbtn {\n  color: transparent !important;\n}\n.tox .tox-tbtn svg {\n  fill: var(--bs-gray-700) !important;\n}\n.tox .tox-edit-area__iframe {\n  background-color: var(--bs-custom-white) !important;\n}\n.tox .tox-statusbar a,\n.tox .tox-statusbar__path-item,\n.tox .tox-statusbar__wordcount {\n  color: var(--bs-gray-700) !important;\n}\n.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {\n  border-right: 1px solid var(--bs-border-color) !important;\n}\n.tox .tox-dialog {\n  background-color: var(--bs-custom-white) !important;\n}\n.tox .tox-button:hover {\n  background-color: #556ee6 !important;\n  background-image: none !important;\n  border-color: #556ee6 !important;\n  box-shadow: none !important;\n}\n.tox .tox-collection--toolbar .tox-collection__item--active {\n  background-color: var(--bs-gray-300) !important;\n}\n.tox .tox-dialog__header {\n  background-color: var(--bs-custom-white) !important;\n}\n.tox .tox-dialog__footer {\n  background-color: var(--bs-custom-white) !important;\n}\n.tox .tox-icon {\n  color: var(--bs-dark) !important;\n}\n.tox .tox-dialog__title {\n  color: var(--bs-gray-600) !important;\n}\n.tox .tox-dialog__body-nav-item {\n  color: var(--bs-gray-600) !important;\n}\n.tox .tox-label {\n  color: var(--bs-gray-600) !important;\n}\n.tox .tox-textfield {\n  background-color: var(--bs-custom-white) !important;\n  color: var(--bs-gray-700) !important;\n}\n\n.tox .tox-collection__item-checkmark svg,\n.tox .tox-collection__item-icon svg {\n  color: var(--bs-gray-800);\n}\n\n.editable-input .form-control {\n  display: inline-block;\n}\n\n.editable-buttons {\n  margin-left: 7px;\n}\n.editable-buttons .editable-cancel {\n  margin-left: 7px;\n}\n\n/* Dropzone */\n.dropzone {\n  min-height: 230px;\n  border: 2px dashed var(--bs-border-color);\n  background: var(--bs-custom-white);\n  border-radius: 6px;\n}\n.dropzone .dz-message {\n  font-size: 24px;\n  width: 100%;\n}\n\n.form-wizard-wrapper label {\n  font-size: 14px;\n  text-align: right;\n}\n\n.wizard .steps > ul {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n@media (max-width: 1199.98px) {\n  .wizard .steps > ul {\n    flex-direction: column;\n  }\n}\n.wizard .steps > ul > a, .wizard .steps > ul > li {\n  flex-basis: 0;\n  flex-grow: 1;\n}\n.wizard .steps > ul > li {\n  width: 100%;\n}\n.wizard .steps > ul > li a {\n  display: block;\n  padding: 0.5rem 1rem;\n  color: var(--bs-gray-600);\n  font-weight: 500;\n  background-color: rgba(85, 110, 230, 0.1);\n}\n.wizard .steps > ul .current-info {\n  position: absolute;\n  left: -999em;\n}\n.wizard .steps .number {\n  display: inline-block;\n  width: 38px;\n  height: 38px;\n  line-height: 34px;\n  border: 2px solid #556ee6;\n  color: #556ee6;\n  text-align: center;\n  border-radius: 50%;\n  margin-right: 0.5rem;\n}\n.wizard .steps .current a, .wizard .steps .current a:active, .wizard .steps .current a:hover {\n  background-color: rgba(85, 110, 230, 0.2);\n  color: var(--bs-gray-700);\n}\n.wizard .steps .current a .number, .wizard .steps .current a:active .number, .wizard .steps .current a:hover .number {\n  background-color: #556ee6;\n  color: #fff;\n}\n.wizard > .content {\n  background-color: transparent;\n  padding: 14px;\n  margin-top: 0;\n  border-radius: 0;\n  min-height: 150px;\n}\n.wizard > .content > .title {\n  position: absolute;\n  left: -999em;\n}\n.wizard > .content > .body {\n  width: 100%;\n  height: 100%;\n  padding: 14px 0 0;\n  position: static;\n}\n.wizard > .actions {\n  position: relative;\n  display: block;\n  text-align: right;\n  width: 100%;\n}\n.wizard > .actions > ul {\n  display: block;\n  text-align: right;\n  padding-left: 0;\n}\n.wizard > .actions > ul > li {\n  display: inline-block;\n  margin: 0 0.5em;\n}\n.wizard > .actions a, .wizard > .actions a:active, .wizard > .actions a:hover {\n  background-color: #556ee6;\n  border-radius: 4px;\n  padding: 8px 15px;\n  color: #fff;\n}\n.wizard > .actions .disabled a, .wizard > .actions .disabled a:active, .wizard > .actions .disabled a:hover {\n  opacity: 0.65;\n  background-color: #556ee6;\n  color: #fff;\n  cursor: not-allowed;\n}\n.wizard.vertical-wizard {\n  display: flex;\n  flex-wrap: wrap;\n}\n.wizard.vertical-wizard .steps > ul {\n  flex-direction: column;\n}\n.wizard.vertical-wizard .steps > ul > li {\n  width: 100% !important;\n}\n.wizard.vertical-wizard .steps, .wizard.vertical-wizard .content, .wizard.vertical-wizard .actions {\n  width: 100%;\n}\n@media (min-width: 1200px) {\n  .wizard.vertical-wizard .steps {\n    width: 25%;\n  }\n}\n.wizard.vertical-wizard .content {\n  padding: 24px;\n}\n@media (min-width: 1200px) {\n  .wizard.vertical-wizard .content {\n    width: 75%;\n    padding: 12px 24px;\n  }\n}\n.wizard.vertical-wizard .content > .body {\n  padding: 0;\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,\ntable.dataTable {\n  border-collapse: collapse !important;\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: #556ee6;\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: #eff2f7;\n  border: 1px solid #74788d;\n}\n.table-rep-plugin .btn-group .btn-default.btn-primary {\n  background-color: #556ee6;\n  border-color: #556ee6;\n  color: #fff;\n  box-shadow: 0 0 0 2px rgba(85, 110, 230, 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: #495057 !important;\n}\n.table-rep-plugin .checkbox-row:hover {\n  background-color: #f6f8fa !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: #fff;\n  border-radius: 3px;\n  border: 1px solid #f6f6f6;\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: #eff2f7;\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: #556ee6;\n  border-color: #556ee6;\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: #556ee6;\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: #556ee6;\n  border-color: #556ee6;\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.table-rep-plugin table.focus-on tbody tr.unfocused th,\n.table-rep-plugin table.focus-on tfoot tr.unfocused th,\n.table-rep-plugin table.focus-on tbody tr.unfocused td,\n.table-rep-plugin table.focus-on tfoot tr.unfocused td {\n  color: var(--bs-body-color);\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 + 2px);\n  padding: 0.25rem 0.5rem;\n  border: 1px solid var(--bs-input-border-color);\n  background-color: var(--bs-custom-white);\n  color: var(--bs-gray-700);\n  border-radius: 0.25rem;\n}\n.table-edits input:focus, .table-edits select:focus {\n  outline: none;\n  border-color: var(--bs-input-focus-border-color);\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: #adb5bd;\n}\n.apex-charts .apexcharts-canvas {\n  margin: 0 auto;\n}\n\n.apexcharts-tooltip-title,\n.apexcharts-tooltip-text {\n  font-family: var(--bs-font-sans-serif) !important;\n}\n\n.apexcharts-legend-series {\n  font-weight: 500;\n}\n\n.apexcharts-gridline {\n  pointer-events: none;\n  stroke: #f8f9fa;\n}\n\n.apexcharts-legend-text {\n  color: #74788d !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: #adb5bd;\n}\n\n[data-layout-mode=dark] .apexcharts-gridline {\n  stroke: var(--bs-gray-300);\n}\n[data-layout-mode=dark] .apexcharts-radialbar-track.apexcharts-track path {\n  stroke: var(--bs-gray-300);\n}\n[data-layout-mode=dark] .apexcharts-tooltip {\n  background-color: var(--bs-custom-white) !important;\n  border: 1px solid var(--bs-border-color) !important;\n}\n[data-layout-mode=dark] .apexcharts-tooltip .apexcharts-tooltip-title {\n  background-color: var(--bs-gray-300) !important;\n  border-bottom: 1px solid var(--bs-border-color) !important;\n}\n[data-layout-mode=dark] .apexcharts-pie-area {\n  stroke: var(--bs-gray-300);\n}\n[data-layout-mode=dark] .apexcharts-pie-label {\n  fill: var(--bs-gray-600) !important;\n}\n\n.e-charts {\n  height: 350px;\n}\n\n/* Flot chart */\n.flot-charts-height {\n  height: 320px;\n}\n\n.flotTip {\n  padding: 8px 12px;\n  background-color: rgba(52, 58, 64, 0.9);\n  z-index: 100;\n  color: #f8f9fa;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n  border-radius: 4px;\n}\n\n.legendLabel {\n  color: #adb5bd;\n}\n\n.jqstooltip {\n  box-sizing: content-box;\n  width: auto !important;\n  height: auto !important;\n  background-color: #343a40 !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: #212529 !important;\n}\n\n.jqsfield {\n  color: #eff2f7 !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: #556ee6;\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 #556ee6;\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 #556ee6;\n}\n\n.jvectormap-label {\n  border: none;\n  background: #343a40;\n  color: #f8f9fa;\n  font-family: var(--bs-font-sans-serif);\n  font-size: 0.8125rem;\n  padding: 5px 8px;\n}\n\n.leaflet-map {\n  height: 300px;\n}\n.leaflet-map.leaflet-container {\n  z-index: 99;\n}\n\n.home-btn {\n  position: absolute;\n  top: 15px;\n  right: 25px;\n}\n\n.auth-logo .auth-logo-dark {\n  display: block;\n}\n.auth-logo .auth-logo-light {\n  display: none;\n}\n\n.auth-body-bg {\n  background-color: #fff;\n}\n\n.auth-pass-inputgroup input[type=input] + .btn .mdi-eye-outline:before {\n  content: \"\\f06d1\";\n}\n\n.auth-full-bg {\n  background-color: rgba(85, 110, 230, 0.25);\n  display: flex;\n}\n@media (min-width: 1200px) {\n  .auth-full-bg {\n    height: 100vh;\n  }\n}\n.auth-full-bg::before {\n  content: \"\";\n  position: absolute;\n  width: 300px;\n  height: 300px;\n  border-radius: 50%;\n}\n.auth-full-bg .bg-overlay {\n  background: url(\"../images/bg-auth-overlay.png\");\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.auth-full-page-content {\n  display: flex;\n}\n@media (min-width: 1200px) {\n  .auth-full-page-content {\n    min-height: 100vh;\n  }\n}\n\n.auth-review-carousel.owl-theme .owl-dots .owl-dot span {\n  background-color: rgba(85, 110, 230, 0.25);\n}\n.auth-review-carousel.owl-theme .owl-dots .owl-dot.active span, .auth-review-carousel.owl-theme .owl-dots .owl-dot:hover span {\n  background-color: #556ee6;\n}\n\n.search-box .form-control {\n  border-radius: 30px;\n  padding-left: 40px;\n}\n.search-box .search-icon {\n  font-size: 16px;\n  position: absolute;\n  left: 13px;\n  top: 0;\n  line-height: 38px;\n}\n\n.product-list li a {\n  display: block;\n  padding: 4px 0px;\n  color: var(--bs-body-color);\n}\n\n.product-view-nav.nav-pills .nav-item {\n  margin-left: 4px;\n}\n.product-view-nav.nav-pills .nav-link {\n  width: 36px;\n  height: 36px;\n  font-size: 16px;\n  padding: 0;\n  line-height: 36px;\n  text-align: center;\n  border-radius: 50%;\n}\n\n.product-ribbon {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n}\n\n.product-detai-imgs .nav .nav-link {\n  margin: 7px 0px;\n}\n.product-detai-imgs .nav .nav-link.active {\n  background-color: var(--bs-gray-300);\n}\n\n.product-color a {\n  display: inline-block;\n  text-align: center;\n  color: var(--bs-body-color);\n}\n.product-color a .product-color-item {\n  margin: 7px;\n}\n.product-color a.active, .product-color a:hover {\n  color: #556ee6;\n}\n.product-color a.active .product-color-item, .product-color a:hover .product-color-item {\n  border-color: #556ee6 !important;\n}\n\n.visa-card .visa-logo {\n  line-height: 0.5;\n}\n.visa-card .visa-pattern {\n  position: absolute;\n  font-size: 385px;\n  color: rgba(255, 255, 255, 0.05);\n  line-height: 0.4;\n  right: 0px;\n  bottom: 0px;\n}\n\n.checkout-tabs .nav-pills .nav-link {\n  margin-bottom: 24px;\n  text-align: center;\n  background-color: var(--bs-custom-white);\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n}\n.checkout-tabs .nav-pills .nav-link.active {\n  background-color: #556ee6;\n}\n.checkout-tabs .nav-pills .nav-link .check-nav-icon {\n  font-size: 36px;\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: #f46a6a;\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-gray-600);\n}\n.message-list li:hover {\n  background: var(--bs-gray-300);\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 #556ee6;\n}\n.message-list li.unread {\n  background-color: var(--bs-gray-300);\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-body-color);\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@media (min-width: 1200px) {\n  .filemanager-sidebar {\n    min-width: 230px;\n    max-width: 230px;\n  }\n}\n@media (min-width: 1366px) {\n  .filemanager-sidebar {\n    min-width: 280px;\n    max-width: 280px;\n  }\n}\n\n.categories-list {\n  padding: 4px 0;\n}\n.categories-list li a {\n  display: block;\n  padding: 8px 12px;\n  color: #495057;\n  font-weight: 500;\n}\n.categories-list li.active a {\n  color: #556ee6;\n}\n.categories-list li ul {\n  padding-left: 16px;\n}\n.categories-list li ul li a {\n  padding: 4px 12px;\n  color: var(--bs-gray-600);\n  font-size: 13px;\n  font-weight: 400;\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 {\n  background-color: var(--bs-custom-white);\n}\n.chat-leftsidebar .chat-leftsidebar-nav .tab-content {\n  min-height: 488px;\n}\n\n.chat-noti-dropdown.active:before {\n  content: \"\";\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: #f46a6a;\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}\n\n.chat-search-box .form-control {\n  border: 0;\n}\n\n.chat-list {\n  margin: 0;\n}\n.chat-list li.active a {\n  background-color: var(--bs-custom-white);\n  border-color: transparent;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n}\n.chat-list li a {\n  display: block;\n  padding: 14px 16px;\n  color: var(--bs-gray-600);\n  transition: all 0.4s;\n  border-top: 1px solid var(--bs-border-color);\n  border-radius: 4px;\n}\n.chat-list li a:hover {\n  background-color: var(--bs-custom-white);\n  border-color: transparent;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n}\n\n.user-chat-nav .dropdown .nav-btn {\n  color: var(--bs-body-color);\n  height: 40px;\n  width: 40px;\n  line-height: 42px;\n  box-shadow: none;\n  padding: 0;\n  font-size: 16px;\n  background-color: var(--bs-light);\n  border-radius: 50%;\n  border: none;\n}\n.user-chat-nav .dropdown .dropdown-menu {\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n  border: 1px solid var(--bs-border-color);\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}\n.chat-conversation .chat-day-title .title {\n  background-color: var(--bs-custom-white);\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  display: inline-block;\n  position: relative;\n}\n.chat-conversation .conversation-list .ctext-wrap {\n  padding: 12px 24px;\n  background-color: rgba(85, 110, 230, 0.1);\n  border-radius: 8px 8px 8px 0px;\n  overflow: hidden;\n}\n.chat-conversation .conversation-list .ctext-wrap .conversation-name {\n  font-weight: 600;\n  color: #556ee6;\n  margin-bottom: 4px;\n}\n.chat-conversation .conversation-list .dropdown {\n  float: right;\n}\n.chat-conversation .conversation-list .dropdown .dropdown-toggle {\n  font-size: 18px;\n  padding: 4px;\n  color: var(--bs-gray-600);\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 .dropdown .dropdown-menu {\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n  border: 1px solid var(--bs-border-color);\n}\n.chat-conversation .conversation-list .chat-time {\n  font-size: 12px;\n}\n.chat-conversation .right .conversation-list {\n  float: right;\n}\n.chat-conversation .right .conversation-list .ctext-wrap {\n  background-color: var(--bs-light);\n  text-align: right;\n  border-radius: 8px 8px 0px 8px;\n}\n.chat-conversation .right .conversation-list .dropdown {\n  float: left;\n}\n.chat-conversation .right .conversation-list.last-chat .conversation-list:before {\n  right: 0;\n  left: auto;\n}\n.chat-conversation .last-chat .conversation-list:before {\n  content: \"\\f0009\";\n  font-family: \"Material Design Icons\";\n  position: absolute;\n  color: #556ee6;\n  right: 0;\n  bottom: 0;\n  font-size: 16px;\n}\n@media (max-width: 575.98px) {\n  .chat-conversation .last-chat .conversation-list:before {\n    display: none;\n  }\n}\n\n.chat-input-section {\n  border-top: 1px solid var(--bs-border-color);\n}\n\n.chat-input {\n  border-radius: 30px;\n  background-color: var(--bs-light) !important;\n  border-color: var(--bs-light) !important;\n  padding-right: 120px;\n}\n\n.chat-input-links {\n  position: absolute;\n  right: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.chat-input-links li a {\n  font-size: 16px;\n  line-height: 36px;\n  padding: 0px 4px;\n  display: inline-block;\n}\n\n@media (max-width: 575.98px) {\n  .chat-send {\n    min-width: auto;\n  }\n}\n\n.project-list-table {\n  border-collapse: separate;\n  border-spacing: 0 12px;\n}\n.project-list-table tr {\n  background-color: var(--bs-custom-white);\n}\n\n.contact-links a {\n  color: var(--bs-body-color);\n}\n\n.profile-user-wid {\n  margin-top: -26px;\n}\n\n@media (min-width: 576px) {\n  .currency-value {\n    position: relative;\n  }\n  .currency-value:after {\n    content: \"\\f04e1\";\n    font-family: \"Material Design Icons\";\n    font-size: 24px;\n    position: absolute;\n    width: 45px;\n    height: 45px;\n    line-height: 45px;\n    border-radius: 50%;\n    text-align: center;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    background-color: #556ee6;\n    color: #fff;\n    z-index: 9;\n    right: -34px;\n  }\n}\n.crypto-buy-sell-nav-content {\n  border: 2px solid var(--bs-gray-300);\n  border-top: 0;\n}\n\n.kyc-doc-verification .dropzone {\n  min-height: 180px;\n}\n.kyc-doc-verification .dropzone .dz-message {\n  margin: 24px 0px;\n}\n\n/******************\n    Ico Landing\n*******************/\n.section {\n  position: relative;\n  padding-top: 80px;\n  padding-bottom: 80px;\n}\n.section.bg-white {\n  background-color: var(--bs-custom-white) !important;\n}\n\n.small-title {\n  color: var(--bs-gray-600);\n  margin-bottom: 8px;\n}\n\n.navigation {\n  padding: 0 16px;\n  width: 100%;\n  z-index: 999;\n  margin-bottom: 0px;\n  transition: all 0.5s ease-in-out;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n@media (max-width: 991.98px) {\n  .navigation {\n    background-color: var(--bs-topnav-bg);\n  }\n}\n.navigation .navbar-logo {\n  line-height: 70px;\n  transition: all 0.4s;\n}\n.navigation .navbar-logo .logo-dark {\n  display: none;\n}\n@media (max-width: 991.98px) {\n  .navigation .navbar-logo .logo-dark {\n    display: block;\n  }\n}\n.navigation .navbar-logo .logo-light {\n  display: block;\n}\n@media (max-width: 991.98px) {\n  .navigation .navbar-logo .logo-light {\n    display: none;\n  }\n}\n.navigation .navbar-nav .nav-item .nav-link {\n  color: rgba(255, 255, 255, 0.6);\n  line-height: 58px;\n  padding: 6px 16px;\n  font-weight: 500;\n  transition: all 0.4s;\n}\n@media (max-width: 991.98px) {\n  .navigation .navbar-nav .nav-item .nav-link {\n    color: var(--bs-header-item-color);\n  }\n}\n.navigation .navbar-nav .nav-item .nav-link:hover, .navigation .navbar-nav .nav-item .nav-link.active {\n  color: rgba(255, 255, 255, 0.9);\n}\n@media (max-width: 991.98px) {\n  .navigation .navbar-nav .nav-item .nav-link:hover, .navigation .navbar-nav .nav-item .nav-link.active {\n    color: #556ee6;\n  }\n}\n@media (max-width: 991.98px) {\n  .navigation .navbar-nav .nav-item .nav-link {\n    line-height: 28px !important;\n  }\n}\n.navigation.nav-sticky {\n  background-color: var(--bs-topnav-bg);\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n}\n.navigation.nav-sticky .navbar-logo {\n  line-height: 60px;\n}\n.navigation.nav-sticky .navbar-logo .logo-dark {\n  display: block;\n}\n.navigation.nav-sticky .navbar-logo .logo-light {\n  display: none;\n}\n.navigation.nav-sticky .navbar-nav .nav-item .nav-link {\n  line-height: 48px;\n  color: var(--bs-header-item-color);\n}\n.navigation.nav-sticky .navbar-nav .nav-item .nav-link:hover, .navigation.nav-sticky .navbar-nav .nav-item .nav-link.active {\n  color: #556ee6;\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.hero-section {\n  padding-top: 220px;\n  padding-bottom: 190px;\n}\n.hero-section.bg-ico-hero {\n  background-image: url(\"../images/crypto/bg-ico-hero.jpg\");\n  background-size: cover;\n  background-position: top;\n}\n@media (max-width: 575.98px) {\n  .hero-section {\n    padding-top: 140px;\n    padding-bottom: 80px;\n  }\n}\n.hero-section .hero-title {\n  font-size: 42px;\n}\n@media (max-width: 575.98px) {\n  .hero-section .hero-title {\n    font-size: 26px;\n  }\n}\n.hero-section .ico-countdown {\n  font-size: 22px;\n  margin-right: -12px;\n  margin-left: -12px;\n}\n@media (max-width: 575.98px) {\n  .hero-section .ico-countdown {\n    display: block;\n  }\n}\n.hero-section .ico-countdown .coming-box {\n  margin-right: 12px;\n  margin-left: 12px;\n  border: 1px solid var(--bs-border-color);\n  border-radius: 4px;\n  padding: 8px;\n  background-color: var(--bs-custom-white);\n}\n@media (max-width: 575.98px) {\n  .hero-section .ico-countdown .coming-box {\n    display: inline-block;\n    width: 40%;\n    margin-bottom: 24px;\n  }\n}\n.hero-section .ico-countdown .coming-box span {\n  background-color: var(--bs-light);\n  font-size: 12px;\n  padding: 4px;\n  margin-top: 8px;\n}\n.hero-section .softcap-progress {\n  overflow: visible;\n}\n.hero-section .softcap-progress .progress-bar {\n  overflow: visible;\n}\n.hero-section .softcap-progress .progress-label {\n  position: relative;\n  text-align: right;\n  color: var(--bs-body-color);\n  bottom: 20px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.currency-price {\n  position: relative;\n  bottom: 40px;\n}\n\n.client-images img {\n  max-height: 34px;\n  width: auto !important;\n  margin: 12px auto;\n  opacity: 0.7;\n  transition: all 0.4s;\n}\n\n.features-number {\n  opacity: 0.1;\n}\n\n.team-box .team-social-links a {\n  color: var(--bs-body-color);\n  font-size: 14px;\n}\n\n.blog-box .blog-badge {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n\n.landing-footer {\n  padding: 80px 0 40px;\n  background-color: #2a3042;\n  color: rgba(255, 255, 255, 0.5);\n}\n.landing-footer .footer-list-title {\n  color: rgba(255, 255, 255, 0.9);\n}\n.landing-footer .footer-list-menu li a {\n  display: block;\n  color: rgba(255, 255, 255, 0.5);\n  margin-bottom: 14px;\n  transition: all 0.4s;\n}\n.landing-footer .footer-list-menu li a:hover {\n  color: rgba(255, 255, 255, 0.8);\n}\n.landing-footer .blog-post .post {\n  display: block;\n  color: rgba(255, 255, 255, 0.5);\n  padding: 16px 0px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n.landing-footer .blog-post .post .post-title {\n  color: rgba(255, 255, 255, 0.8);\n  font-size: 14px;\n}\n.landing-footer .blog-post .post:first-of-type {\n  padding-top: 0;\n}\n.landing-footer .blog-post .post:last-of-type {\n  padding-bottom: 0;\n  border-bottom: 0;\n}\n.landing-footer .footer-border {\n  border-color: rgba(255, 255, 255, 0.1);\n}\n\n.counter-number {\n  font-size: 32px;\n  font-weight: 600;\n  text-align: center;\n  display: flex;\n}\n.counter-number span {\n  font-size: 16px;\n  font-weight: 400;\n  display: block;\n  padding-top: 5px;\n}\n\n.coming-box {\n  width: 25%;\n}\n\n/************** Horizontal timeline **************/\n.hori-timeline .events .event-list {\n  text-align: center;\n  display: block;\n}\n.hori-timeline .events .event-list .event-down-icon {\n  position: relative;\n}\n.hori-timeline .events .event-list .event-down-icon::before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  top: 16px;\n  left: 0;\n  right: 0;\n  border-bottom: 3px dashed var(--bs-gray-300);\n}\n.hori-timeline .events .event-list .event-down-icon .down-arrow-icon {\n  position: relative;\n  background-color: var(--bs-custom-white);\n  padding: 4px;\n}\n.hori-timeline .events .event-list:hover .down-arrow-icon {\n  animation: fade-down 1.5s infinite linear;\n}\n.hori-timeline .events .event-list.active .down-arrow-icon {\n  animation: fade-down 1.5s infinite linear;\n}\n.hori-timeline .events .event-list.active .down-arrow-icon:before {\n  content: \"\\ec4c\";\n}\n\n/************** vertical timeline **************/\n.verti-timeline {\n  border-left: 3px dashed var(--bs-gray-300);\n  margin: 0 10px;\n}\n.verti-timeline .event-list {\n  position: relative;\n  padding: 0px 0px 40px 30px;\n}\n.verti-timeline .event-list .event-timeline-dot {\n  position: absolute;\n  left: -9px;\n  top: 0px;\n  z-index: 9;\n  font-size: 16px;\n}\n.verti-timeline .event-list .event-content {\n  position: relative;\n  border: 2px solid var(--bs-border-color);\n  border-radius: 7px;\n}\n.verti-timeline .event-list.active .event-timeline-dot {\n  color: #556ee6;\n}\n.verti-timeline .event-list:last-child {\n  padding-bottom: 0px;\n}\n\n.plan-box .plan-btn {\n  position: relative;\n}\n.plan-box .plan-btn::before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 2px;\n  background: var(--bs-gray-300);\n  left: 0px;\n  right: 0px;\n  top: 12px;\n}\n\n.blog-play-icon {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  right: 0;\n  transform: translateY(-50%);\n  margin: 0px auto;\n}\n\n.jobs-categories a {\n  color: var(--bs-body-color);\n  transition: all 0.5s ease;\n}\n.jobs-categories a:hover {\n  color: #556ee6;\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: 1002;\r\n    background-color: $header-bg;\r\n    box-shadow: $box-shadow;\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 calc(#{$grid-gutter-width} * 0.5) 0 0 /*rtl: 0 0 0 calc(#{$grid-gutter-width} / 2) */;\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    text-align: center;\r\n    width: $navbar-brand-box-width;\r\n}\r\n\r\n.logo {\r\n    line-height: 70px;\r\n\r\n    .logo-sm {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.logo-light {\r\n    display: none;\r\n}\r\n\r\n/* Search */\r\n\r\n.app-search {\r\n    padding: calc(#{$header-height - 38px} * 0.5) 0;\r\n\r\n    .form-control {\r\n        border: none;\r\n        height: 38px;\r\n        padding-left: 40px;\r\n        padding-right: 20px;\r\n        background-color: $topbar-search-bg;\r\n        box-shadow: none;\r\n        border-radius: 30px;\r\n    }\r\n    span {\r\n        position: absolute;\r\n        z-index: 10;\r\n        font-size: 16px;\r\n        line-height: 38px;\r\n        left: 13px;\r\n        top: 0;\r\n        color: var(--#{$prefix}gray-600);\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: var(--#{$prefix}body-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-300);\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: var(--#{$prefix}gray-300);\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    border: 1px solid transparent;\r\n    color: var(--#{$prefix}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        border-color: var(--#{$prefix}border-color);\r\n    }\r\n}\r\n\r\n// Full Screen\r\n.fullscreen-enable {\r\n    [data-bs-toggle=\"fullscreen\"] {\r\n        .bx-fullscreen::before {\r\n            content: \"\\ea3f\";\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-topbar=\"dark\"] {\r\n    #page-topbar { \r\n        background-color: $header-dark-bg;\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\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: rgba($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}\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n    .navbar-brand-box {\r\n        background: $sidebar-dark-bg;\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\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    }\r\n    .page-content {\r\n        margin-top: $header-height;\r\n        padding: calc(55px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} * 0.5) $footer-height calc(#{$grid-gutter-width} * 0.5);\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}","// \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    h4 {\r\n        text-transform: uppercase;\r\n        font-weight: 600;\r\n        font-size: 16px !important;\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} * 0.75);\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\r\n    @media (max-width: 991.98px) {\r\n        left: 0;\r\n    }\r\n}\r\n  \r\n// Enlarge menu\r\n.vertical-collpsed {\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// right-sidebar.scss\r\n//\r\n\r\n.right-bar {\r\n    background-color: var(--#{$prefix}custom-white);\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: var(--#{$prefix}dark);\r\n        height: 24px;\r\n        width: 24px;\r\n        line-height: 24px;\r\n        display: block;\r\n        color: var(--#{$prefix}gray-200);\r\n        text-align: center;\r\n        border-radius: 50%;\r\n\r\n        &:hover {\r\n            background-color: var(--#{$prefix}dark);\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}","// 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: $sidebar-bg;\r\n    bottom: 0;\r\n    margin-top: 0;\r\n    position: fixed;\r\n    top: $header-height;\r\n    box-shadow: $box-shadow;\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(-180deg);\r\n            }\r\n        }\r\n    }\r\n\r\n    .has-arrow {\r\n        &:after {\r\n            content: \"\\F0140\";\r\n            font-family: 'Material Design Icons';\r\n            display: block;\r\n            float: right;\r\n            transition: transform .2s;\r\n            font-size: 1rem;\r\n        }\r\n    }\r\n\r\n    ul {\r\n        li {\r\n            a {\r\n                display: block;\r\n                padding: .625rem 1.5rem;\r\n                color: $sidebar-menu-item-color;\r\n                position: relative;\r\n                font-size: 13px;\r\n                transition: all .4s;\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: $sidebar-menu-item-icon-color;\r\n                    transition: all .4s;\r\n                }\r\n\r\n                &:hover {\r\n                    color: $sidebar-menu-item-hover-color;\r\n\r\n                    i {\r\n                        color: $sidebar-menu-item-hover-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.5rem;\r\n                        font-size: 13px;\r\n                        color: $sidebar-menu-sub-item-color;\r\n                        &:hover {\r\n                            color: $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    letter-spacing: .05em;\r\n    pointer-events: none;\r\n    cursor: default;\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n    color: $sidebar-menu-item-icon-color;\r\n    font-weight: $font-weight-semibold;\r\n}\r\n\r\n.mm-active {\r\n    color: $sidebar-menu-item-active-color !important;\r\n    > a{\r\n        color: $sidebar-menu-item-active-color !important;\r\n        i {\r\n            color: $sidebar-menu-item-active-color !important;\r\n        }\r\n    }\r\n    .active {\r\n        color: $sidebar-menu-item-active-color !important;\r\n\r\n        i {\r\n            color: $sidebar-menu-item-active-color !important;\r\n        }\r\n    }\r\n    > i {\r\n        color: $sidebar-menu-item-active-color !important;\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\n.vertical-collpsed {\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            .collapse.in {\r\n                display: none !important;\r\n            }\r\n\r\n            .nav.collapse {\r\n                height: inherit !important;\r\n            }\r\n\r\n            .has-arrow {\r\n                &:after {\r\n                    display: none;\r\n                }\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                        min-height: 55px;\r\n                        transition: none;\r\n                        \r\n                        &:hover,\r\n                        &:active,\r\n                        &:focus {\r\n                            color: $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                        span {\r\n                            display: none;\r\n                            padding-left: 25px;\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: darken($sidebar-bg, 4%);\r\n                            transition: none;\r\n\r\n                            i{\r\n                                color: $primary;\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: 3px 5px 10px 0 rgba(54, 61, 71, .1);\r\n\r\n                            ul {\r\n                                box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\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: $sidebar-menu-sub-item-color;\r\n\r\n                                &:hover {\r\n                                    color: $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: $sidebar-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                            }\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: $gray-100;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n}\r\n\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n    .vertical-menu {\r\n        background: $sidebar-dark-bg;\r\n    }\r\n\r\n    #sidebar-menu {\r\n    \r\n        ul {\r\n            li {\r\n                a {\r\n                    color: $sidebar-dark-menu-item-color;\r\n\r\n                    i {\r\n                        color: $sidebar-dark-menu-item-icon-color;\r\n                    }\r\n    \r\n                    &:hover {\r\n                        color: $sidebar-dark-menu-item-hover-color;\r\n\r\n                        i {\r\n                            color: $sidebar-dark-menu-item-hover-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: $sidebar-dark-menu-sub-item-color;\r\n\r\n                            &:hover {\r\n                                color: $sidebar-dark-menu-item-hover-color;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    // Enlarge menu\r\n    &.vertical-collpsed {\r\n        min-height: 1760px;\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: lighten($sidebar-dark-bg, 2%);\r\n                                color: $sidebar-dark-menu-item-hover-color;\r\n                                i{\r\n                                    color: $sidebar-dark-menu-item-hover-color;\r\n                                }\r\n                            }\r\n\r\n                            >ul {\r\n                                a{\r\n                                    color: $sidebar-dark-menu-sub-item-color;\r\n                                    &:hover{\r\n                                        color: $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: $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: $sidebar-dark-menu-item-active-color !important;\r\n                            i{\r\n                                color: $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: $sidebar-dark-menu-item-active-color !important;\r\n        > a{\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n            i {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n            }\r\n        }\r\n        > i {\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n        }\r\n        .active {\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n\r\n            i {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title {\r\n        color: $sidebar-dark-menu-item-icon-color;\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=\"small\"] {\r\n    .navbar-brand-box{\r\n        width: $sidebar-width-sm;\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            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            &.menu-title{\r\n                background-color: lighten($sidebar-dark-bg, 2%);\r\n            }\r\n            a{\r\n                i{\r\n                    display: block;\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    &.vertical-collpsed {\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                            i{\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=\"colored\"] {\r\n    .vertical-menu{\r\n        background-color: $primary;\r\n    }\r\n    .navbar-brand-box{\r\n        background-color: $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\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        }\r\n        > i, .active {\r\n            color: $white !important;\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                    &.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    &.vertical-collpsed {\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{\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: $sidebar-menu-item-active-color !important;\r\n                            }\r\n                        }\r\n\r\n                        ul.sub-menu {\r\n                            li {\r\n                                a{\r\n                                    &:hover {\r\n                                        color: $sidebar-menu-item-active-color;\r\n                                    }\r\n                                }\r\n                                &.mm-active {\r\n                                    color: $sidebar-menu-item-active-color !important;\r\n                                    > a{\r\n                                        color: $sidebar-menu-item-active-color !important;\r\n                                        i {\r\n                                            color: $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}","// \r\n// _horizontal.scss\r\n// \r\n\r\n.topnav {\r\n    background: $topnav-bg;\r\n    padding: 0 calc(#{$grid-gutter-width} * 0.5);\r\n    box-shadow: $box-shadow;\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    \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: 14px;\r\n            position: relative;\r\n            padding: 1rem 1.3rem;\r\n            color: $menu-item-color;\r\n            i{\r\n                font-size: 15px;\r\n            }\r\n            &:focus, &:hover{\r\n                color: $menu-item-active-color;\r\n                background-color: transparent;\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            }\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                }\r\n            }\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: 15px;\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@include media-breakpoint-up(lg) {\r\n\r\n    body[data-layout=\"horizontal\"][data-topbar=\"light\"] {\r\n        .navbar-brand-box{\r\n            .logo-dark {\r\n                display: $display-block;\r\n            }\r\n        \r\n            .logo-light {\r\n                display: $display-none;\r\n            }\r\n        }\r\n\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// 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($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: $header-dark-item-color;\r\n    \r\n        &:hover {\r\n            color: $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: $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// _layouts.scss\r\n// \r\n\r\nbody[data-layout-size=\"boxed\"] {\r\n    background-color: $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    }\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    &.vertical-collpsed {\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\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/*!\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// avatar.scss\n//\n\n.avatar-xs {\n  height: 2rem;\n  width: 2rem;\n}\n\n.avatar-sm {\n  height: 3rem;\n  width: 3rem;\n}\n\n.avatar-md {\n  height: 4.5rem;\n  width: 4.5rem;\n}\n\n.avatar-lg {\n  height: 6rem;\n  width: 6rem;\n}\n\n.avatar-xl {\n  height: 7.5rem;\n  width: 7.5rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: $primary;\n  color: $white;\n  display: flex;\n  font-weight: $fw-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 var(--#{$prefix}custom-white);\n    border-radius: 50%;\n    transition: all 0.2s;\n    &:hover{\n      position: relative;\n      transform: translateY(-2px);\n    }\n  }\n}","\r\n//\r\n// accordion.scss\r\n//\r\n\r\n.custom-accordion {\r\n    .accordion-list {\r\n        display: flex;\r\n        border-radius: 7px;\r\n        background-color: var(--#{$prefix}gray-300);\r\n        padding: 12px 20px;\r\n        color: var(--#{$prefix}body-color);\r\n        font-weight: $font-weight-semibold;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        &.collapsed {\r\n            i.accor-plus-icon {\r\n                &:before {\r\n                    content: \"\\F0415\";\r\n                }\r\n            }\r\n        }\r\n\r\n        .accor-plus-icon{\r\n            display: inline-block;\r\n            font-size: 16px;\r\n            height: 24px;\r\n            width: 24px;\r\n            line-height: 22px;\r\n            background-color: var(--#{$prefix}custom-white);\r\n            text-align: center;\r\n            border-radius: 50%;\r\n        }\r\n    }\r\n\r\n    \r\n    a {\r\n\r\n        &.collapsed {\r\n            i.accor-down-icon {\r\n                &:before {\r\n                    content: \"\\F0140\";\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    .card-body {\r\n        color: $text-muted;\r\n    }\r\n}\r\n\r\n// theme dark\r\n\r\n[data-layout-mode=\"dark\"] {\r\n    .accordion-button {\r\n        &:not(.collapsed) {\r\n            color: var(--#{$variable-prefix}accordion-button-active-color);\r\n\r\n            &:after {\r\n                background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$white}'><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>\"));\r\n            }\r\n        }\r\n\r\n        &:after {\r\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-500}'><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>\"));\r\n        }\r\n    }\r\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: $fw-medium;\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\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\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-dark) center / $btn-close-width auto no-repeat;\n    }\n}\n\n[data-layout-mode=\"dark\"] {\n    .btn-close {\n        filter: invert(1) grayscale(100%) brightness(200%);\n    }\n\n    .btn-close-white {\n        filter: invert(1) grayscale(100%) brightness(0);\n    }\n}","// \r\n// preloader.scss\r\n//\r\n\r\n#preloader {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: $card-bg;\r\n    z-index: 9999;\r\n}\r\n\r\n#status {\r\n    width: 40px;\r\n    height: 40px;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    margin: -20px 0 0 -20px;\r\n}\r\n\r\n.spinner-chase {\r\n    margin: 0 auto;\r\n    width: 40px;\r\n    height: 40px;\r\n    position: relative;\r\n    animation: spinner-chase 2.5s infinite linear both;\r\n}\r\n\r\n.chase-dot {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0; \r\n    animation: chase-dot 2.0s infinite ease-in-out both; \r\n    &:before {\r\n        content: '';\r\n        display: block;\r\n        width: 25%;\r\n        height: 25%;\r\n        background-color: $primary;\r\n        border-radius: 100%;\r\n        animation: chase-dot-before 2.0s infinite ease-in-out both; \r\n    }\r\n\r\n    &:nth-child(1) { \r\n        animation-delay: -1.1s; \r\n        &:before{\r\n            animation-delay: -1.1s;\r\n        }\r\n    }\r\n    &:nth-child(2) { \r\n        animation-delay: -1.0s;\r\n        &:before{\r\n            animation-delay: -1.0s;\r\n        }\r\n    }\r\n    &:nth-child(3) { \r\n        animation-delay: -0.9s;\r\n        &:before{\r\n            animation-delay: -0.9s;\r\n        } \r\n    }\r\n    &:nth-child(4) { \r\n        animation-delay: -0.8s; \r\n        &:before{\r\n            animation-delay: -0.8s;\r\n        } \r\n    }\r\n    &:nth-child(5) { \r\n        animation-delay: -0.7s; \r\n        &:before{\r\n            animation-delay: -0.7s;\r\n        } \r\n    }\r\n    &:nth-child(6) { \r\n        animation-delay: -0.6s; \r\n        &:before{\r\n            animation-delay: -0.6s;\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes spinner-chase {\r\n    100% { \r\n        transform: rotate(360deg); \r\n    } \r\n}\r\n\r\n@keyframes chase-dot {\r\n    80%, 100% { \r\n        transform: rotate(360deg); \r\n    } \r\n}\r\n\r\n@keyframes chase-dot-before {\r\n    50% {\r\n        transform: scale(0.4); \r\n    } \r\n    100%, 0% {\r\n        transform: scale(1.0); \r\n    } \r\n}","//\r\n// Forms.scss\r\n//\r\n\r\n\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\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\r\n\r\n// checkbox\r\n\r\n.form-checkbox-outline {\r\n\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\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\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\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  padding-left: 2.5rem;\r\n  min-height: 24px;\r\n  line-height: 24px;\r\n\r\n  .form-check-input {\r\n    width: 40px;\r\n    height: 20px;\r\n    left: -0.5rem;\r\n    position: relative;\r\n  }\r\n\r\n  .form-check-label {\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n\r\n.form-switch-lg {\r\n  padding-left: 2.75rem;\r\n  min-height: 28px;\r\n  line-height: 28px;\r\n\r\n  .form-check-input {\r\n    width: 48px;\r\n    height: 24px;\r\n    left: -0.75rem;\r\n    position: relative;\r\n  }\r\n}\r\n\r\n.input-group-text {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n[data-layout-mode=\"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// Widgets.scss\r\n// \r\n\r\n.mini-stats-wid{\r\n    .mini-stat-icon{\r\n        overflow: hidden;\r\n        position: relative;\r\n        &:before, &:after{\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 8px;\r\n            height: 54px;\r\n            background-color: rgba($white,.1);\r\n            left: 16px;\r\n            transform: rotate(32deg);\r\n            top: -5px;\r\n            transition: all 0.4s;\r\n        }\r\n\r\n        &::after{\r\n            left: -12px;\r\n            width: 12px;\r\n            transition: all 0.2s;\r\n        }\r\n    }\r\n\r\n    &:hover{\r\n        .mini-stat-icon{\r\n            &::after{\r\n                left: 60px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n","// \r\n// _demos.scss\r\n// \r\n\r\n// Lightbox \r\n\r\n.mfp-popup-form {\r\n    max-width: 1140px;\r\n}\r\n.mfp-close{\r\n  color: $dark !important;\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    text-align: center;\r\n    color: $gray-500;\r\n  \r\n    i{\r\n      display: block;\r\n      font-size: 24px;\r\n      margin-bottom: 16px;\r\n      color: $gray-600;\r\n      transition: all 0.4s;\r\n    }\r\n  \r\n    .col-lg-4 {\r\n      margin-top: 24px;\r\n  \r\n      &:hover {\r\n        i {\r\n          color: $primary;\r\n          transform: scale(1.5);\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}gray-100);\r\n        margin-top: 10px;\r\n        font-size: .8rem;\r\n        font-weight: $fw-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: var(--#{$prefix}custom-white);\r\n  border: 2px solid var(--#{$prefix}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.navs-carousel{\r\n  .owl-nav{\r\n      margin-top: 16px;\r\n      button{\r\n          width: 30px;\r\n          height: 30px;\r\n          line-height: 28px !important;\r\n          font-size: 20px !important;\r\n          border-radius: 50% !important;\r\n          background-color: rgba($primary, 0.25) !important;\r\n          color: $primary !important;\r\n          margin: 4px 8px !important;\r\n      }\r\n  }\r\n}\r\n\r\n\r\n","// Variables\n\n//\n// custom-variables\n//\n\n// Vertical Sidebar  Light\n$sidebar-bg: #ffffff;\n$sidebar-menu-item-color: #545a6d;\n$sidebar-menu-sub-item-color: #545a6d;\n$sidebar-menu-item-icon-color: #7f8387;\n$sidebar-menu-item-hover-color: #383c40;\n$sidebar-menu-item-active-color: #556ee6;\n$sidebar-width:  250px;\n$sidebar-collapsed-width:  70px;\n$sidebar-width-sm:  160px;\n\n// Vertical Sidebar - Dark\n$sidebar-dark-bg: #2a3042; //2c313a\n$sidebar-dark-menu-item-color: #a6b0cf;\n$sidebar-dark-menu-sub-item-color: #79829c;\n$sidebar-dark-menu-item-icon-color: #6a7187;\n$sidebar-dark-menu-item-hover-color: #ffffff;\n$sidebar-dark-menu-item-active-color: #ffffff;\n\n// Topbar - Deafult Light\n$header-height: 70px;\n$header-bg:                                           var(--#{$prefix}heading-bg);\n$header-item-color:                                   var(--#{$prefix}header-item-color);\n\n// Topbar - Dark\n$header-dark-bg:                                      var(--#{$prefix}heading-dark-bg);\n$header-dark-item-color:                              #e9ecef;\n\n// Topbar Search\n$topbar-search-bg:                                    var(--#{$prefix}topbar-search-bg);\n\n// Footer\n$footer-height: 60px;\n$footer-bg:                                           var(--#{$prefix}footer-bg);\n$footer-color:                                        var(--#{$prefix}footer-color);\n\n// Horizontal nav\n$topnav-bg:                                           var(--#{$prefix}topnav-bg);\n\n$menu-item-color:                                     var(--#{$prefix}menu-item-color);\n$menu-item-active-color:                              #556ee6;\n\n// Right Sidebar\n$rightbar-width:  280px;\n\n// Display\n$display-none: none;\n$display-block: block;\n\n// Brand \n$navbar-brand-box-width: 250px;\n\n// Boxed layout width\n$boxed-layout-width:    1300px;\n$boxed-body-bg:                                 var(--#{$prefix}boxed-body-bg);\n\n// Font Weight\n$fw-medium: 500;\n$font-weight-semibold: 600;\n\n// apex charts\n$apex-grid-color: #f8f9fa;\n\n// table\n$table-head-bg:               $gray-100;\n$table-dark-border-color:     tint-color($gray-800, 7.5%);\n\n\n// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white:    #fff;\n$gray-100: #f8f9fa;\n$gray-200: #eff2f7;\n$gray-300: #f6f6f6;\n$gray-400: #ced4da;\n$gray-500: #adb5bd;\n$gray-600: #74788d;\n$gray-700: #495057;\n$gray-800: #343a40;\n$gray-900: #212529;\n$black:    #000;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n);\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue:    #556ee6;\n$indigo:  #564ab1;\n$purple:  #6f42c1;\n$pink:    #e83e8c;\n$red:     #f46a6a;\n$orange:  #f1734f;\n$yellow:  #f1b44c;\n$green:   #34c38f;\n$teal:    #050505;\n$cyan:    #50a5f1;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"black\":      $black,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n);\n// scss-docs-end colors-map\n\n// scss-docs-start theme-color-variables\n$primary:       $blue;\n$secondary:     $gray-600;\n$success:       $green;\n$info:          $cyan;\n$warning:       $yellow;\n$danger:        $red;\n$light:         $gray-200;\n$dark:          $gray-800;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"pink\":       $pink,\n    \"light\":      $light,\n    \"dark\":       $dark\n);\n// scss-docs-end theme-colors-map\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\");\n// scss-docs-end theme-colors-rgb\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio:   1.8;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark:      $black;\n$color-contrast-light:     $white;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%);\n$blue-200: tint-color($blue, 60%);\n$blue-300: tint-color($blue, 40%);\n$blue-400: tint-color($blue, 20%);\n$blue-500: $blue;\n$blue-600: shade-color($blue, 20%);\n$blue-700: shade-color($blue, 40%);\n$blue-800: shade-color($blue, 60%);\n$blue-900: shade-color($blue, 80%);\n\n$indigo-100: tint-color($indigo, 80%);\n$indigo-200: tint-color($indigo, 60%);\n$indigo-300: tint-color($indigo, 40%);\n$indigo-400: tint-color($indigo, 20%);\n$indigo-500: $indigo;\n$indigo-600: shade-color($indigo, 20%);\n$indigo-700: shade-color($indigo, 40%);\n$indigo-800: shade-color($indigo, 60%);\n$indigo-900: shade-color($indigo, 80%);\n\n$purple-100: tint-color($purple, 80%);\n$purple-200: tint-color($purple, 60%);\n$purple-300: tint-color($purple, 40%);\n$purple-400: tint-color($purple, 20%);\n$purple-500: $purple;\n$purple-600: shade-color($purple, 20%);\n$purple-700: shade-color($purple, 40%);\n$purple-800: shade-color($purple, 60%);\n$purple-900: shade-color($purple, 80%);\n\n$pink-100: tint-color($pink, 80%);\n$pink-200: tint-color($pink, 60%);\n$pink-300: tint-color($pink, 40%);\n$pink-400: tint-color($pink, 20%);\n$pink-500: $pink;\n$pink-600: shade-color($pink, 20%);\n$pink-700: shade-color($pink, 40%);\n$pink-800: shade-color($pink, 60%);\n$pink-900: shade-color($pink, 80%);\n\n$red-100: tint-color($red, 80%);\n$red-200: tint-color($red, 60%);\n$red-300: tint-color($red, 40%);\n$red-400: tint-color($red, 20%);\n$red-500: $red;\n$red-600: shade-color($red, 20%);\n$red-700: shade-color($red, 40%);\n$red-800: shade-color($red, 60%);\n$red-900: shade-color($red, 80%);\n\n$orange-100: tint-color($orange, 80%);\n$orange-200: tint-color($orange, 60%);\n$orange-300: tint-color($orange, 40%);\n$orange-400: tint-color($orange, 20%);\n$orange-500: $orange;\n$orange-600: shade-color($orange, 20%);\n$orange-700: shade-color($orange, 40%);\n$orange-800: shade-color($orange, 60%);\n$orange-900: shade-color($orange, 80%);\n\n$yellow-100: tint-color($yellow, 80%);\n$yellow-200: tint-color($yellow, 60%);\n$yellow-300: tint-color($yellow, 40%);\n$yellow-400: tint-color($yellow, 20%);\n$yellow-500: $yellow;\n$yellow-600: shade-color($yellow, 20%);\n$yellow-700: shade-color($yellow, 40%);\n$yellow-800: shade-color($yellow, 60%);\n$yellow-900: shade-color($yellow, 80%);\n\n$green-100: tint-color($green, 80%);\n$green-200: tint-color($green, 60%);\n$green-300: tint-color($green, 40%);\n$green-400: tint-color($green, 20%);\n$green-500: $green;\n$green-600: shade-color($green, 20%);\n$green-700: shade-color($green, 40%);\n$green-800: shade-color($green, 60%);\n$green-900: shade-color($green, 80%);\n\n$teal-100: tint-color($teal, 80%);\n$teal-200: tint-color($teal, 60%);\n$teal-300: tint-color($teal, 40%);\n$teal-400: tint-color($teal, 20%);\n$teal-500: $teal;\n$teal-600: shade-color($teal, 20%);\n$teal-700: shade-color($teal, 40%);\n$teal-800: shade-color($teal, 60%);\n$teal-900: shade-color($teal, 80%);\n\n$cyan-100: tint-color($cyan, 80%);\n$cyan-200: tint-color($cyan, 60%);\n$cyan-300: tint-color($cyan, 40%);\n$cyan-400: tint-color($cyan, 20%);\n$cyan-500: $cyan;\n$cyan-600: shade-color($cyan, 20%);\n$cyan-700: shade-color($cyan, 40%);\n$cyan-800: shade-color($cyan, 60%);\n$cyan-900: shade-color($cyan, 80%);\n$blues: (\n  \"blue-100\": $blue-100,\n  \"blue-200\": $blue-200,\n  \"blue-300\": $blue-300,\n  \"blue-400\": $blue-400,\n  \"blue-500\": $blue-500,\n  \"blue-600\": $blue-600,\n  \"blue-700\": $blue-700,\n  \"blue-800\": $blue-800,\n  \"blue-900\": $blue-900\n);\n\n$indigos: (\n  \"indigo-100\": $indigo-100,\n  \"indigo-200\": $indigo-200,\n  \"indigo-300\": $indigo-300,\n  \"indigo-400\": $indigo-400,\n  \"indigo-500\": $indigo-500,\n  \"indigo-600\": $indigo-600,\n  \"indigo-700\": $indigo-700,\n  \"indigo-800\": $indigo-800,\n  \"indigo-900\": $indigo-900\n);\n\n$purples: (\n  \"purple-100\": $purple-100,\n  \"purple-200\": $purple-200,\n  \"purple-300\": $purple-300,\n  \"purple-400\": $purple-400,\n  \"purple-500\": $purple-500,\n  \"purple-600\": $purple-600,\n  \"purple-700\": $purple-700,\n  \"purple-800\": $purple-800,\n  \"purple-900\": $purple-900\n);\n\n$pinks: (\n  \"pink-100\": $pink-100,\n  \"pink-200\": $pink-200,\n  \"pink-300\": $pink-300,\n  \"pink-400\": $pink-400,\n  \"pink-500\": $pink-500,\n  \"pink-600\": $pink-600,\n  \"pink-700\": $pink-700,\n  \"pink-800\": $pink-800,\n  \"pink-900\": $pink-900\n);\n\n$reds: (\n  \"red-100\": $red-100,\n  \"red-200\": $red-200,\n  \"red-300\": $red-300,\n  \"red-400\": $red-400,\n  \"red-500\": $red-500,\n  \"red-600\": $red-600,\n  \"red-700\": $red-700,\n  \"red-800\": $red-800,\n  \"red-900\": $red-900\n);\n\n$oranges: (\n  \"orange-100\": $orange-100,\n  \"orange-200\": $orange-200,\n  \"orange-300\": $orange-300,\n  \"orange-400\": $orange-400,\n  \"orange-500\": $orange-500,\n  \"orange-600\": $orange-600,\n  \"orange-700\": $orange-700,\n  \"orange-800\": $orange-800,\n  \"orange-900\": $orange-900\n);\n\n$yellows: (\n  \"yellow-100\": $yellow-100,\n  \"yellow-200\": $yellow-200,\n  \"yellow-300\": $yellow-300,\n  \"yellow-400\": $yellow-400,\n  \"yellow-500\": $yellow-500,\n  \"yellow-600\": $yellow-600,\n  \"yellow-700\": $yellow-700,\n  \"yellow-800\": $yellow-800,\n  \"yellow-900\": $yellow-900\n);\n\n$greens: (\n  \"green-100\": $green-100,\n  \"green-200\": $green-200,\n  \"green-300\": $green-300,\n  \"green-400\": $green-400,\n  \"green-500\": $green-500,\n  \"green-600\": $green-600,\n  \"green-700\": $green-700,\n  \"green-800\": $green-800,\n  \"green-900\": $green-900\n);\n\n$teals: (\n  \"teal-100\": $teal-100,\n  \"teal-200\": $teal-200,\n  \"teal-300\": $teal-300,\n  \"teal-400\": $teal-400,\n  \"teal-500\": $teal-500,\n  \"teal-600\": $teal-600,\n  \"teal-700\": $teal-700,\n  \"teal-800\": $teal-800,\n  \"teal-900\": $teal-900\n);\n\n$cyans: (\n  \"cyan-100\": $cyan-100,\n  \"cyan-200\": $cyan-200,\n  \"cyan-300\": $cyan-300,\n  \"cyan-400\": $cyan-400,\n  \"cyan-500\": $cyan-500,\n  \"cyan-600\": $cyan-600,\n  \"cyan-700\": $cyan-700,\n  \"cyan-800\": $cyan-800,\n  \"cyan-900\": $cyan-900\n);\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n);\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                false;\n$enable-rounded:              true;\n$enable-shadows:              false;\n$enable-gradients:            false;\n$enable-transitions:          true;\n$enable-reduced-motion:       true;\n$enable-smooth-scroll:        true;\n$enable-grid-classes:         true;\n$enable-container-classes:    true;\n$enable-cssgrid:              false;\n$enable-button-pointers:      true;\n$enable-rfs:                  true;\n$enable-validation-icons:     true;\n$enable-negative-margins:     true;\n$enable-deprecation-messages: true;\n$enable-important-utilities:  true;\n\n// Prefix for :root CSS variables\n\n$variable-prefix:             bs-; // Deprecated in v5.2.0 for the shorter `$prefix`\n$prefix:                      $variable-prefix;\n\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0));\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem;\n$spacers: (\n  0: 0,\n  1: $spacer * .25,\n  2: $spacer * .5,\n  3: $spacer,\n  4: $spacer * 1.5,\n  5: $spacer * 3,\n);\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null);\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n  0: 0,\n  50: 50%,\n  100: 100%\n);\n\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   #f8f8fb;\n$body-color:                $gray-700;\n$body-text-align:           null;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              $primary;\n$link-decoration:                         none;\n$link-shade-percentage:                   20%;\n$link-hover-color:                        shift-color($link-color, $link-shade-percentage);\n$link-hover-decoration:                   underline;\n\n$stretched-link-pseudo-element:           after;\n$stretched-link-z-index:                  1;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1400px\n);\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px,\n  xxl: 1320px\n);\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12;\n$grid-gutter-width:           24px;\n$grid-row-columns:            6;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width * 0.5;\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width:                1px;\n$border-widths: (\n  0: 0,\n  1: 1px,\n  2: 2px,\n  3: 3px,\n  4: 4px,\n  5: 5px\n);\n\n$border-style:                solid;\n$border-color:                $gray-200;\n$border-color-translucent:    rgba($black, .175);\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius:               .25rem;\n$border-radius-sm:            .2rem;\n$border-radius-lg:            .4rem;\n$border-radius-xl:            1rem;\n$border-radius-2xl:           2rem;\n$border-radius-pill:          50rem;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075);\n$box-shadow:                  0 0.75rem 1.5rem rgba(18,38,63,.03);\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175);\n$box-shadow-inset:            inset 0 1px 2px rgba($black, .075);\n// scss-docs-end box-shadow-variables\n\n$component-active-color:      $white;\n$component-active-bg:         $primary;\n\n// scss-docs-start caret-variables\n$caret-width:                 .3em;\n$caret-vertical-align:        $caret-width * .85;\n$caret-spacing:               $caret-width * .85;\n// scss-docs-end caret-variables\n\n$transition-base:             all .2s ease-in-out;\n$transition-fade:             opacity .15s linear;\n// scss-docs-start collapse-transition\n$transition-collapse:         height .35s ease;\n$transition-collapse-width:   width .35s ease;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n  \"1x1\": 100%,\n  \"4x3\": calc(3 / 4 * 100%),\n  \"16x9\": calc(9 / 16 * 100%),\n  \"21x9\": calc(9 / 21 * 100%)\n);\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      'Poppins', sans-serif;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n\n// stylelint-enable value-keyword-case\n$font-family-base:            var(--#{$variable-prefix}font-sans-serif);\n$font-family-code:            var(--#{$variable-prefix}font-monospace);\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root:              null;\n$font-size-base:              0.8125rem;\n$font-size-sm:                $font-size-base * .875;\n$font-size-lg:                $font-size-base * 1.25;\n\n$font-weight-lighter:         lighter;\n$font-weight-light:           300;\n$font-weight-normal:          400;\n$font-weight-semibold:        600;\n$font-weight-bold:            600;\n$font-weight-bolder:          bolder;\n\n$font-weight-base:            $font-weight-normal;\n$line-height-base:            1.5;\n$line-height-sm:              1.25;\n$line-height-lg:              2;\n\n$h1-font-size:                $font-size-base * 2.5;\n$h2-font-size:                $font-size-base * 2;\n$h3-font-size:                $font-size-base * 1.75;\n$h4-font-size:                $font-size-base * 1.5;\n$h5-font-size:                $font-size-base * 1.25;\n$h6-font-size:                $font-size-base;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n  1: $h1-font-size,\n  2: $h2-font-size,\n  3: $h3-font-size,\n  4: $h4-font-size,\n  5: $h5-font-size,\n  6: $h6-font-size\n);\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom:      $spacer * 0.5;\n$headings-font-family:        null;\n$headings-font-style:         null;\n$headings-font-weight:        500;\n$headings-line-height:        1.2;\n$headings-color:              var(--#{$prefix}heading-color);\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n  1: 6rem,\n  2: 5.5rem,\n  3: 4.5rem,\n  4: 3.5rem,\n  5: 3rem,\n  6: 2.5rem\n);\n\n$display-font-family: null;\n$display-font-style:  null;\n$display-font-weight: 300;\n$display-line-height: $headings-line-height;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size:              $font-size-base * 1.25;\n$lead-font-weight:            300;\n\n$small-font-size:             80%;\n\n$sub-sup-font-size:           .75em;\n$text-muted:                  var(--#{$prefix}gray-600);\n\n$initialism-font-size:        $small-font-size;\n\n$blockquote-margin-y:         $spacer;\n$blockquote-font-size:        $font-size-base * 1.25;\n$blockquote-footer-color:     var(--#{$prefix}gray-600);\n$blockquote-footer-font-size: $small-font-size;\n\n$hr-margin-y:                 $spacer;\n$hr-color:                    inherit;\n// fusv-disable\n$hr-bg-color:                 currentColor;\n$hr-border-width:             1px;\n// fusv-enable\n$hr-border-color:             var(--#{$prefix}hr-border-color); // Allows for inherited colors\n$hr-height:                   $border-width;\n$hr-opacity:                  0.8;\n\n$legend-margin-bottom:        .5rem;\n$legend-font-size:            1.5rem;\n$legend-font-weight:          null;\n\n$mark-padding:                .2em;\n\n$dt-font-weight:              $font-weight-bold;\n\n$nested-kbd-font-weight:      $font-weight-bold;\n\n$list-inline-padding:         .5rem;\n\n$mark-bg:                     #fcf8e3;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y:        .75rem;\n$table-cell-padding-x:        .75rem;\n$table-cell-padding-y-sm:     .3rem;\n$table-cell-padding-x-sm:     .3rem;\n\n$table-cell-vertical-align:   top;\n\n$table-color:                 var(--#{$prefix}body-color);\n$table-bg:                    null;\n$table-accent-bg:             transparent;\n\n$table-th-font-weight:        null;\n\n$table-striped-color:         $table-color;\n$table-striped-bg-factor:     .05;\n$table-striped-bg:            var(--#{$prefix}gray-100);\n\n$table-active-color:          $table-color;\n$table-active-bg-factor:      .1;\n$table-active-bg:             var(--#{$prefix}gray-100);\n\n$table-hover-color:           $table-color;\n$table-hover-bg-factor:       .075;\n$table-hover-bg:              var(--#{$prefix}gray-100);\n\n$table-border-factor:         .1;\n$table-border-width:          $border-width;\n$table-border-color:          var(--#{$prefix}border-color);\n\n$table-striped-order:         odd;\n$table-striped-columns-order: even;\n$table-group-separator-color: var(--#{$prefix}border-color);\n\n$table-caption-color:         $text-muted;\n\n$table-bg-scale:              -80%;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n  \"primary\":    shift-color($primary, $table-bg-scale),\n  \"secondary\":  shift-color($secondary, $table-bg-scale),\n  \"success\":    shift-color($success, $table-bg-scale),\n  \"info\":       shift-color($info, $table-bg-scale),\n  \"warning\":    shift-color($warning, $table-bg-scale),\n  \"danger\":     shift-color($danger, $table-bg-scale),\n  \"light\":      $light,\n  \"dark\":       $dark,\n);\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y:         .47rem;\n$input-btn-padding-x:         .75rem;\n$input-btn-font-family:       null;\n$input-btn-font-size:         $font-size-base;\n$input-btn-line-height:       $line-height-base;\n\n$input-btn-focus-width:       .15rem;\n$input-btn-focus-color-opacity: .25;\n$input-btn-focus-color:         rgba($component-active-bg, $input-btn-focus-color-opacity);\n$input-btn-focus-blur:          0;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n$input-btn-padding-y-sm:      .25rem;\n$input-btn-padding-x-sm:      .5rem;\n$input-btn-font-size-sm:      $font-size-sm;\n\n$input-btn-padding-y-lg:      .5rem;\n$input-btn-padding-x-lg:      1rem;\n$input-btn-font-size-lg:      $font-size-lg;\n\n$input-btn-border-width:      $border-width;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y:               $input-btn-padding-y;\n$btn-padding-x:               $input-btn-padding-x;\n$btn-font-family:             $input-btn-font-family;\n$btn-font-size:               $input-btn-font-size;\n$btn-line-height:             $input-btn-line-height;\n$btn-white-space:             null; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm;\n$btn-padding-x-sm:            $input-btn-padding-x-sm;\n$btn-font-size-sm:            $input-btn-font-size-sm;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg;\n$btn-padding-x-lg:            $input-btn-padding-x-lg;\n$btn-font-size-lg:            $input-btn-font-size-lg;\n\n$btn-border-width:            $input-btn-border-width;\n\n$btn-font-weight:             $font-weight-normal;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075);\n$btn-focus-width:             $input-btn-focus-width;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow;\n$btn-disabled-opacity:        .65;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125);\n\n$btn-link-color:              var(--#{$prefix}link-color);\n$btn-link-hover-color:        var(--#{$prefix}link-hover-color);\n$btn-link-disabled-color:     $gray-600;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius;\n$btn-border-radius-sm:        $border-radius-sm;\n$btn-border-radius-lg:        $border-radius-lg;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$btn-hover-bg-shade-amount:       15%;\n$btn-hover-bg-tint-amount:        15%;\n$btn-hover-border-shade-amount:   20%;\n$btn-hover-border-tint-amount:    10%;\n$btn-active-bg-shade-amount:      20%;\n$btn-active-bg-tint-amount:       20%;\n$btn-active-border-shade-amount:  25%;\n$btn-active-border-tint-amount:   10%;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top:                  .25rem;\n$form-text-font-size:                   $small-font-size;\n$form-text-font-style:                  null;\n$form-text-font-weight:                 null;\n$form-text-color:                       $text-muted;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom:              .5rem;\n$form-label-font-size:                  null;\n$form-label-font-style:                 null;\n$form-label-font-weight:                null;\n$form-label-color:                      null;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y:                       $input-btn-padding-y;\n$input-padding-x:                       $input-btn-padding-x;\n$input-font-family:                     $input-btn-font-family;\n$input-font-size:                       $input-btn-font-size;\n$input-font-weight:                     $font-weight-base;\n$input-line-height:                     $input-btn-line-height;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm;\n$input-padding-x-sm:                    $input-btn-padding-x-sm;\n$input-font-size-sm:                    $input-btn-font-size-sm;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg;\n$input-padding-x-lg:                    $input-btn-padding-x-lg;\n$input-font-size-lg:                    $input-btn-font-size-lg;\n\n$input-disabled-color:                  null;\n$input-bg:                              var(--#{$prefix}custom-white);\n$input-disabled-bg:                     var(--#{$prefix}gray-200);\n$input-disabled-border-color:           null;\n\n$input-color:                           var(--#{$prefix}gray-700);\n$input-border-color:                    var(--#{$prefix}input-border-color);\n$input-border-width:                    $input-btn-border-width;\n$input-box-shadow:                      $box-shadow-inset;\n\n$input-border-radius:                   $border-radius;\n$input-border-radius-sm:                $border-radius-sm;\n$input-border-radius-lg:                $border-radius-lg;\n\n$input-focus-bg:                        $input-bg;\n$input-focus-border-color:              var(--#{$prefix}input-focus-border-color);\n$input-focus-color:                     $input-color;\n$input-focus-width:                     $input-btn-focus-width;\n$input-focus-box-shadow:                none;\n\n$input-placeholder-color:               var(--#{$prefix}gray-600);\n$input-plaintext-color:                 var(--#{$prefix}body-color);\n\n$input-height-border:                   $input-border-width * 2;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2);\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y);\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * 0.5);\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false));\n$input-height-sm:                       add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false));\n$input-height-lg:                       add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false));\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n$form-color-width:                      3rem;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width:                  1em;\n$form-check-min-height:                   $font-size-base * $line-height-base;\n$form-check-padding-start:                $form-check-input-width + .5em;\n$form-check-margin-bottom:                .125rem;\n$form-check-label-color:                  null;\n$form-check-label-cursor:                 null;\n$form-check-transition:                   background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$form-check-input-active-filter:          brightness(90%);\n\n$form-check-input-bg:                     var(--#{$prefix}custom-white);\n$form-check-input-border:                 1px solid var(--#{$variable-prefix}form-check-input-border);\n$form-check-input-border-radius:          .25em;\n$form-check-radio-border-radius:          50%;\n$form-check-input-focus-border:           $input-focus-border-color;\n$form-check-input-focus-box-shadow:       $input-btn-focus-box-shadow;\n\n$form-check-input-checked-color:          $component-active-color;\n$form-check-input-checked-bg-color:       $component-active-bg;\n$form-check-input-checked-border-color:   $form-check-input-checked-bg-color;\n$form-check-input-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>\");\n$form-check-radio-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>\");\n\n$form-check-input-indeterminate-color:          $component-active-color;\n$form-check-input-indeterminate-bg-color:       $component-active-bg;\n$form-check-input-indeterminate-border-color:   $form-check-input-indeterminate-bg-color;\n$form-check-input-indeterminate-bg-image:       url(\"data:image/svg +xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\");\n\n$form-check-input-disabled-opacity:        .5;\n$form-check-label-disabled-opacity:        $form-check-input-disabled-opacity;\n$form-check-btn-check-disabled-opacity:    $btn-disabled-opacity;\n\n$form-check-inline-margin-end:    1rem;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color:               var(--#{$prefix}body-color);\n$form-switch-width:               2em;\n$form-switch-padding-start:       $form-switch-width + .5em;\n$form-switch-bg-image:            url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\");\n$form-switch-border-radius:       $form-switch-width;\n$form-switch-transition:          background-position .15s ease-in-out;\n\n$form-switch-focus-color:         $input-focus-border-color;\n$form-switch-focus-bg-image:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\");\n\n$form-switch-checked-color:       $component-active-color;\n$form-switch-checked-bg-image:    url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>\");\n$form-switch-checked-bg-position: right center;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y:           $input-padding-y;\n$input-group-addon-padding-x:           $input-padding-x;\n$input-group-addon-font-weight:         $input-font-weight;\n$input-group-addon-color:               $input-color;\n$input-group-addon-bg:                  var(--#{$prefix}gray-200);\n$input-group-addon-border-color:        $input-border-color;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y:             $input-padding-y;\n$form-select-padding-x:             $input-padding-x;\n$form-select-font-family:           $input-font-family;\n$form-select-font-size:             $input-font-size;\n$form-select-indicator-padding:     1.75rem; // Extra padding to account for the presence of the background-image based indicator\n$form-select-font-weight:           $input-font-weight;\n$form-select-line-height:           $input-line-height;\n$form-select-color:                 $input-color;\n$form-select-disabled-color:        $gray-600;\n$form-select-bg:                    $input-bg;\n$form-select-disabled-bg:           $gray-200;\n$form-select-disabled-border-color: $input-disabled-border-color;\n$form-select-bg-position:           right $form-select-padding-x center;\n$form-select-bg-size:               16px 12px; // In pixels because image dimensions\n$form-select-indicator-color:       $gray-800;\n$form-select-indicator:             url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\");\n\n$form-select-feedback-icon-padding-end: add(1em * .75, (2 * $form-select-padding-y * .75) + $form-select-padding-x + $form-select-indicator-padding);\n$form-select-feedback-icon-position:    center right ($form-select-padding-x + $form-select-indicator-padding);\n$form-select-feedback-icon-size:        $input-height-inner-half $input-height-inner-half;\n\n$form-select-border-width:        $input-border-width;\n$form-select-border-color:        $input-border-color;\n$form-select-border-radius:       $border-radius;\n$form-select-box-shadow:          $box-shadow-inset;\n\n$form-select-focus-border-color:  $input-focus-border-color;\n$form-select-focus-width:         $input-focus-width;\n$form-select-focus-box-shadow:    0 0 0 $form-select-focus-width $input-btn-focus-color;\n\n$form-select-padding-y-sm:        $input-padding-y-sm;\n$form-select-padding-x-sm:        $input-padding-x-sm;\n$form-select-font-size-sm:        $input-font-size-sm;\n$form-select-border-radius-sm:    $input-border-radius-sm;\n\n$form-select-padding-y-lg:        $input-padding-y-lg;\n$form-select-padding-x-lg:        $input-padding-x-lg;\n$form-select-font-size-lg:        $input-font-size-lg;\n$form-select-border-radius-lg:    $input-border-radius-lg;\n\n$form-select-transition:          $input-transition;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width:          100%;\n$form-range-track-height:         .5rem;\n$form-range-track-cursor:         pointer;\n$form-range-track-bg:             var(--#{$prefix}gray-300);\n$form-range-track-border-radius:  1rem;\n$form-range-track-box-shadow:     $box-shadow-inset;\n\n$form-range-thumb-width:                   1rem;\n$form-range-thumb-height:                  $form-range-thumb-width;\n$form-range-thumb-bg:                      $component-active-bg;\n$form-range-thumb-border:                  0;\n$form-range-thumb-border-radius:           1rem;\n$form-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1);\n$form-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow;\n$form-range-thumb-focus-box-shadow-width:  $input-focus-width; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg:               tint-color($component-active-bg, 70%);\n$form-range-thumb-disabled-bg:             $gray-500;\n$form-range-thumb-transition:              background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color:          $input-color;\n$form-file-button-bg:             $input-group-addon-bg;\n$form-file-button-hover-bg:       $input-group-addon-bg;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height:            add(3.5rem, $input-height-border);\n$form-floating-line-height:       1.25;\n$form-floating-padding-x:         $input-padding-x;\n$form-floating-padding-y:         1rem;\n$form-floating-input-padding-t:   1.625rem;\n$form-floating-input-padding-b:   .625rem;\n$form-floating-label-opacity:     .65;\n$form-floating-label-transform:   scale(.85) translateY(-.5rem) translateX(.15rem);\n$form-floating-transition:        opacity .1s ease-in-out, transform .1s ease-in-out;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top:          $form-text-margin-top;\n$form-feedback-font-size:           $form-text-font-size;\n$form-feedback-font-style:          $form-text-font-style;\n$form-feedback-valid-color:         $success;\n$form-feedback-invalid-color:       $danger;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\");\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\");\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n  \"valid\": (\n    \"color\": $form-feedback-valid-color,\n    \"icon\": $form-feedback-icon-valid\n  ),\n  \"invalid\": (\n    \"color\": $form-feedback-invalid-color,\n    \"icon\": $form-feedback-icon-invalid\n  )\n);\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown:                   1000;\n$zindex-sticky:                     1020;\n$zindex-fixed:                      1030;\n$zindex-offcanvas-backdrop:         1040;\n$zindex-offcanvas:                  1045;\n$zindex-modal-backdrop:             1050;\n$zindex-modal:                      1055;\n$zindex-popover:                    1070;\n$zindex-tooltip:                    1080;\n$zindex-toast:                      1090;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y:                .5rem;\n$nav-link-padding-x:                1rem;\n$nav-link-font-size:                null;\n$nav-link-font-weight:              null;\n$nav-link-color:                    null;\n$nav-link-hover-color:              null;\n$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;\n$nav-link-disabled-color:           $gray-600;\n\n$nav-tabs-border-color:             $gray-400;\n$nav-tabs-border-width:             $border-width;\n$nav-tabs-border-radius:            $border-radius;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color;\n$nav-tabs-link-active-color:        $gray-700;\n$nav-tabs-link-active-bg:           $card-bg;\n$nav-tabs-link-active-border-color: $gray-400 $gray-400 $nav-tabs-link-active-bg;\n\n$nav-pills-border-radius:           $border-radius;\n$nav-pills-link-active-color:       $component-active-color;\n$nav-pills-link-active-bg:          $component-active-bg;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y:                  $spacer * 0.5;\n$navbar-padding-x:                  null;\n\n$navbar-nav-link-padding-x:         .5rem;\n\n$navbar-brand-font-size:            $font-size-lg;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * 0.5;\n$navbar-brand-margin-end:           1rem;\n\n$navbar-toggler-padding-y:          .25rem;\n$navbar-toggler-padding-x:          .75rem;\n$navbar-toggler-font-size:          $font-size-lg;\n$navbar-toggler-border-radius:      $btn-border-radius;\n$navbar-toggler-focus-width:        $btn-focus-width;\n$navbar-toggler-transition:         box-shadow .15s ease-in-out;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color:                 rgba($white, .55);\n$navbar-dark-hover-color:           rgba($white, .75);\n$navbar-dark-active-color:          $white;\n$navbar-dark-disabled-color:        rgba($white, .25);\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-dark-toggler-border-color:  rgba($white, .1);\n\n$navbar-light-color:                rgba($black, .55);\n$navbar-light-hover-color:          rgba($black, .7);\n$navbar-light-active-color:         rgba($black, .9);\n$navbar-light-disabled-color:       rgba($black, .3);\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-light-toggler-border-color: rgba($black, .1);\n\n$navbar-light-brand-color:                $navbar-light-active-color;\n$navbar-light-brand-hover-color:          $navbar-light-active-color;\n$navbar-dark-brand-color:                 $navbar-dark-active-color;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width:                10rem;\n$dropdown-padding-x:                0;\n$dropdown-padding-y:                .5rem;\n$dropdown-spacer:                   .125rem;\n$dropdown-font-size:                $font-size-base;\n$dropdown-color:                    $body-color;\n$dropdown-bg:                       $white;\n$dropdown-border-color:             rgba($black, .15);\n$dropdown-border-radius:            $border-radius;\n$dropdown-border-width:             0;\n$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width});\n$dropdown-divider-bg:               $gray-200;\n$dropdown-divider-margin-y:         $spacer * 0.5;\n$dropdown-box-shadow:               $box-shadow;\n\n$dropdown-link-color:               $gray-900;\n$dropdown-link-hover-color:         shade-color($gray-900, 10%);\n$dropdown-link-hover-bg:            $gray-100;\n\n$dropdown-link-active-color:        $dark;\n$dropdown-link-active-bg:           $gray-100;\n\n$dropdown-link-disabled-color:      $gray-600;\n\n$dropdown-item-padding-y:           .35rem;\n$dropdown-item-padding-x:           1.5rem;\n\n$dropdown-header-color:             $gray-600;\n$dropdown-header-padding-x: $dropdown-item-padding-x ;\n$dropdown-header-padding-y: $dropdown-padding-y ;\n// fusv-disable\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x; // Deprecated in v5.2.0\n// fusv-enable\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color:               $gray-300;\n$dropdown-dark-bg:                  $gray-800;\n$dropdown-dark-border-color:        $dropdown-border-color;\n$dropdown-dark-divider-bg:          $dropdown-divider-bg;\n$dropdown-dark-box-shadow:          null;\n$dropdown-dark-link-color:          $dropdown-dark-color;\n$dropdown-dark-link-hover-color:    $white;\n$dropdown-dark-link-hover-bg:       rgba($white, .15);\n$dropdown-dark-link-active-color:   $dropdown-link-active-color;\n$dropdown-dark-link-active-bg:      $dropdown-link-active-bg;\n$dropdown-dark-link-disabled-color: $gray-500;\n$dropdown-dark-header-color:        $gray-500;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y:              .5rem;\n$pagination-padding-x:              .75rem;\n$pagination-padding-y-sm:           .25rem;\n$pagination-padding-x-sm:           .5rem;\n$pagination-padding-y-lg:           .75rem;\n$pagination-padding-x-lg:           1.5rem;\n\n$pagination-font-size:              $font-size-base ;\n$pagination-color:                  var(--#{$prefix}gray-600);\n$pagination-bg:                     var(--#{$prefix}custom-white);\n$pagination-border-width:           $border-width;\n$pagination-border-radius:          $border-radius;\n$pagination-margin-start:           -$pagination-border-width;\n$pagination-border-color:           var(--#{$prefix}gray-400);\n\n$pagination-focus-color:            $link-hover-color;\n$pagination-focus-bg:               var(--#{$prefix}gray-200);\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow;\n$pagination-focus-outline:          0;\n\n$pagination-hover-color:            $link-hover-color;\n$pagination-hover-bg:               var(--#{$prefix}gray-200);\n$pagination-hover-border-color:     var(--#{$prefix}gray-400);\n\n$pagination-active-color:           $component-active-color;\n$pagination-active-bg:              $component-active-bg;\n$pagination-active-border-color:    $pagination-active-bg;\n\n$pagination-disabled-color:         var(--#{$prefix}gray-400);\n$pagination-disabled-bg:            var(--#{$prefix}custom-white);\n$pagination-disabled-border-color:  var(--#{$prefix}gray-400);\n\n$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$pagination-border-radius-sm:       $border-radius-sm;\n$pagination-border-radius-lg:       $border-radius-lg;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max:           .5;\n$placeholder-opacity-min:           .2;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y:                     1.25rem;\n$card-spacer-x:                     1.25rem;\n$card-title-spacer-y:               $spacer * 0.5;\n$card-border-width:                 0;\n$card-box-shadow:                   null;\n$card-border-radius:                $border-radius;\n$card-border-color:                 $gray-300;\n$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width});\n$card-cap-padding-y:                $card-spacer-y * 0.5;\n$card-cap-padding-x:                $card-spacer-x;\n$card-cap-bg:                       rgba($black, .03);\n$card-cap-color:                    null;\n$card-height:                       null;\n$card-color:                        null;\n$card-bg:                           $white;\n$card-img-overlay-padding:          $spacer;\n\n$card-title-desc:                   var(--#{$prefix}gray-600);\n\n$card-group-margin:                 $grid-gutter-width * 0.5;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y:                     1rem;\n$accordion-padding-x:                     1.25rem;\n$accordion-color:                         var(--#{$prefix}body-color);\n$accordion-bg:                            transparent;\n$accordion-border-width:                  $border-width;\n$accordion-border-color:                  rgba($black, .125);\n$accordion-border-radius:                 $border-radius;\n$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width);\n\n$accordion-body-padding-y:                $accordion-padding-y;\n$accordion-body-padding-x:                $accordion-padding-x;\n\n$accordion-button-padding-y:              $accordion-padding-y;\n$accordion-button-padding-x:              $accordion-padding-x;\n$accordion-button-color:                  $accordion-color;\n$accordion-button-bg:                     $accordion-bg;\n$accordion-transition:                    $btn-transition, border-radius .15s ease;\n$accordion-button-active-bg:              tint-color($component-active-bg, 90%);\n$accordion-button-active-color:           shade-color($primary, 10%);\n\n$accordion-button-focus-border-color:     $input-focus-border-color;\n$accordion-button-focus-box-shadow:       none;\n\n$accordion-icon-width:                    16px;\n$accordion-icon-color:                    $accordion-color;\n$accordion-icon-active-color:             $accordion-button-active-color;\n$accordion-icon-transition:               transform .2s ease-in-out;\n$accordion-icon-transform:                rotate(180deg);\n\n$accordion-button-icon:                   url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><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$accordion-button-active-icon:            url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><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// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size:                 $font-size-sm;\n$tooltip-max-width:                 200px;\n$tooltip-color:                     $white;\n$tooltip-bg:                        $black;\n$tooltip-border-radius:             $border-radius;\n$tooltip-opacity:                   .9;\n$tooltip-padding-y:                 .4rem;\n$tooltip-padding-x:                 .7rem;\n$tooltip-margin:                    0;\n\n$tooltip-arrow-width:               .8rem;\n$tooltip-arrow-height:              .4rem;\n$tooltip-arrow-color:               $tooltip-bg;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x;\n$form-feedback-tooltip-font-size:     $tooltip-font-size;\n$form-feedback-tooltip-line-height:   $line-height-base;\n$form-feedback-tooltip-opacity:       $tooltip-opacity;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size:                 $font-size-sm;\n$popover-bg:                        $white;\n$popover-max-width:                 276px;\n$popover-border-width:              $border-width;\n$popover-border-color:              $gray-300;\n$popover-border-radius:             $border-radius-lg;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width);\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2);\n\n$popover-header-font-size:          $font-size-base;\n$popover-header-bg:                 shade-color($popover-bg, 4%);\n$popover-header-color:              $headings-color;\n$popover-header-padding-y:          .5rem;\n$popover-header-padding-x:          $spacer;\n\n$popover-body-color:                $body-color;\n$popover-body-padding-y:            $spacer;\n$popover-body-padding-x:            $spacer;\n\n$popover-arrow-width:               1rem;\n$popover-arrow-height:              .5rem;\n$popover-arrow-color:               $popover-bg;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05);\n// scss-docs-end popover-variables\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width:                   350px;\n$toast-padding-x:                   .75rem;\n$toast-padding-y:                   .25rem;\n$toast-font-size:                   .875rem;\n$toast-color:                       null;\n$toast-background-color:            rgba($white, .85);\n$toast-border-width:                1px;\n$toast-border-color:                var(--#{$variable-prefix}border-color);\n$toast-border-radius:               .25rem;\n$toast-box-shadow:                  $box-shadow-lg;\n$toast-spacing:                     $container-padding-x;\n\n$toast-header-color:                var(--#{$variable-prefix}gray-600);\n$toast-header-background-color:     rgba($white, .85);\n$toast-header-border-color:         var(--#{$variable-prefix}border-color);\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size:                   75%;\n$badge-font-weight:                 $fw-medium;\n$badge-color:                       $white;\n$badge-padding-y:                   .25em;\n$badge-padding-x:                   .4em;\n$badge-border-radius:               $border-radius;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding:               1rem;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem;\n$modal-dialog-margin:               .5rem;\n$modal-dialog-margin-y-sm-up:       1.75rem;\n\n$modal-title-line-height:           $line-height-base;\n\n$modal-content-color:               null;\n$modal-content-bg:                  $white;\n$modal-content-border-color:        var(--#{$prefix}gray-300);\n$modal-content-border-width:        $border-width;\n$modal-content-border-radius:       $border-radius-lg;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width);\n$modal-content-box-shadow-xs:       $box-shadow-sm;\n$modal-content-box-shadow-sm-up:    $box-shadow;\n\n$modal-backdrop-bg:                 $black;\n$modal-backdrop-opacity:            .5;\n\n$modal-header-border-color:         var(--#{$prefix}border-color);\n$modal-header-border-width:         $modal-content-border-width;\n$modal-header-padding-y:            $modal-inner-padding;\n$modal-header-padding-x:            $modal-inner-padding;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x; // Keep this for backwards compatibility\n\n$modal-footer-bg:                   null;\n$modal-footer-border-color:         $modal-header-border-color;\n$modal-footer-border-width:         $modal-header-border-width;\n$modal-sm:                          300px;\n$modal-md:                          500px;\n$modal-lg:                          800px;\n$modal-xl:                          1140px;\n\n$modal-fade-transform:              translate(0, -50px);\n$modal-show-transform:              none;\n$modal-transition:                  transform .3s ease-out;\n$modal-scale-transform:             scale(1.02);\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y:                   .75rem;\n$alert-padding-x:                   1.25rem;\n$alert-margin-bottom:               1rem;\n$alert-border-radius:               $border-radius;\n$alert-link-font-weight:            $font-weight-bold;\n$alert-border-width:                $border-width;\n\n$alert-bg-scale:                    -80%;\n$alert-border-scale:                -70%;\n$alert-color-scale:                 40%;\n\n$alert-dismissible-padding-r:       $alert-padding-x * 3; // 3x covers width of x plu padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height:                   .625rem;\n$progress-font-size:                $font-size-base * .75;\n$progress-bg:                       var(--#{$prefix}gray-300);\n$progress-border-radius:            $border-radius;\n$progress-box-shadow:               $box-shadow-inset;\n$progress-bar-color:                $white;\n$progress-bar-bg:                   $primary;\n$progress-bar-animation-timing:     1s linear infinite;\n$progress-bar-transition:           width .6s ease;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color:                  null;\n$list-group-bg:                     $white;\n$list-group-border-color:           $border-color;\n$list-group-border-width:           $border-width;\n$list-group-border-radius:          $border-radius;\n\n$list-group-item-padding-y:         .75rem;\n$list-group-item-padding-x:         1.25rem;\n$list-group-item-bg-scale:          -80%;\n$list-group-item-color-scale:       40%;\n\n$list-group-hover-bg:               $gray-100;\n$list-group-active-color:           $component-active-color;\n$list-group-active-bg:              $component-active-bg;\n$list-group-active-border-color:    $list-group-active-bg;\n\n$list-group-disabled-color:         $gray-600;\n$list-group-disabled-bg:            $list-group-bg;\n\n$list-group-action-color:           $gray-700;\n$list-group-action-hover-color:     $list-group-action-color;\n\n$list-group-action-active-color:    $body-color;\n$list-group-action-active-bg:       $gray-200;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding:                 .25rem;\n$thumbnail-bg:                      var(--#{$prefix}body-bg);\n$thumbnail-border-width:            $border-width;\n$thumbnail-border-color:            var(--#{$prefix}gray-300);\n$thumbnail-border-radius:           $border-radius;\n$thumbnail-box-shadow:              $box-shadow-sm;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size:          $small-font-size;\n$figure-caption-color:              $gray-600;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size:              null;\n$breadcrumb-padding-y:              .75rem;\n$breadcrumb-padding-x:              1rem;\n$breadcrumb-item-padding-x:         .5rem;\n$breadcrumb-margin-bottom:          1rem;\n$breadcrumb-bg:                     null;\n$breadcrumb-divider-color:          var(--#{$prefix}gray-600);\n$breadcrumb-active-color:           var(--#{$prefix}gray-600);\n$breadcrumb-divider:                quote(\"/\");\n$breadcrumb-divider-flipped:        $breadcrumb-divider;\n$breadcrumb-border-radius:          null;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color:             $white;\n$carousel-control-width:             15%;\n$carousel-control-opacity:           .5;\n$carousel-control-hover-opacity:     .9;\n$carousel-control-transition:        opacity .15s ease;\n\n$carousel-indicator-width:           30px;\n$carousel-indicator-height:          3px;\n$carousel-indicator-hit-area-height: 10px;\n$carousel-indicator-spacer:          3px;\n$carousel-indicator-opacity:         .5;\n$carousel-indicator-active-bg:       $white;\n$carousel-indicator-active-opacity:  1;\n$carousel-indicator-transition:      opacity .6s ease;\n\n$carousel-caption-width:             70%;\n$carousel-caption-color:             $white;\n$carousel-caption-padding-y:         1.25rem;\n$carousel-caption-spacer:            1.25rem;\n\n$carousel-control-icon-width:        2rem;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>\");\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>\");\n\n$carousel-transition-duration:       .6s;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg:  $black;\n$carousel-dark-caption-color:        $black;\n$carousel-dark-control-icon-filter:  invert(1) grayscale(100);\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width:           2rem;\n$spinner-height:          $spinner-width;\n$spinner-vertical-align:  -.125em;\n$spinner-border-width:    .25em;\n$spinner-animation-speed: .75s;\n\n$spinner-width-sm:        1rem;\n$spinner-height-sm:       $spinner-width-sm;\n$spinner-border-width-sm: .2em;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width:            1em;\n$btn-close-height:           $btn-close-width;\n$btn-close-padding-x:        .25em;\n$btn-close-padding-y:        $btn-close-padding-x;\n$btn-close-color:            $black;\n$btn-close-bg:               url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\");\n$btn-close-bg-dark:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$black}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\");\n$btn-close-focus-shadow:     none;\n$btn-close-opacity:          .5;\n$btn-close-hover-opacity:    .75;\n$btn-close-focus-opacity:    1;\n$btn-close-disabled-opacity: .25;\n$btn-close-white-filter:     invert(1) grayscale(100%) brightness(200%);\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y:               $modal-inner-padding;\n$offcanvas-padding-x:               $modal-inner-padding;\n$offcanvas-horizontal-width:        400px;\n$offcanvas-vertical-height:         30vh;\n$offcanvas-transition-duration:     .3s;\n$offcanvas-border-color:            $modal-content-border-color;\n$offcanvas-border-width:            $modal-content-border-width;\n$offcanvas-title-line-height:       $modal-title-line-height;\n$offcanvas-bg-color:                $modal-content-bg;\n$offcanvas-color:                   $modal-content-color;\n$offcanvas-box-shadow:              $modal-content-box-shadow-xs;\n$offcanvas-backdrop-bg:             $modal-backdrop-bg;\n$offcanvas-backdrop-opacity:        $modal-backdrop-opacity;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size:                    87.5%;\n$code-color:                        $pink;\n\n$kbd-padding-y:                     .2rem;\n$kbd-padding-x:                     .4rem;\n$kbd-font-size:                     $code-font-size;\n$kbd-color:                         $white;\n$kbd-bg:                            $gray-900;\n$nested-kbd-font-weight:            null; // Deprecated in v5.2.0, removing in v6\n\n$pre-color:                         $gray-900;","// \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}","[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: 4px;\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.lnb-calendars-item {\r\n    display: inline-block;\r\n    margin-right: 7px\r\n        /*rtl: margin-left: 7px*/\r\n    ;\r\n}\r\n\r\ninput[type=\"checkbox\"].tui-full-calendar-checkbox-round+span {\r\n    margin-right: 4px\r\n        /*rtl: 0*/\r\n    ;\r\n    margin-left: 0\r\n        /*rtl: 4px*/\r\n    ;\r\n}\r\n\r\n.tui-full-calendar-layout,\r\n.tui-full-calendar-timegrid-timezone {\r\n    background-color: var(--#{$prefix}custom-white) !important;\r\n}\r\n\r\n.tui-full-calendar-dayname-container,\r\n.tui-full-calendar-left,\r\n.tui-full-calendar-splitter,\r\n.tui-full-calendar-time-date,\r\n.tui-full-calendar-weekday-grid-line,\r\n.tui-full-calendar-timegrid-timezone,\r\n.tui-full-calendar-timegrid-gridline {\r\n    border-color: var(--#{$prefix}gray-300) !important;\r\n}\r\n\r\n.tui-full-calendar-weekday-exceed-in-week {\r\n    text-align: center;\r\n    width: 30px;\r\n    height: 30px;\r\n    line-height: 28px;\r\n    border-radius: 4px;\r\n    background-color: var(--#{$prefix}custom-white);\r\n    color: var(--#{$prefix}body-color);\r\n    border-color: var(--#{$prefix}border-color);\r\n}\r\n\r\n.tui-full-calendar-timegrid-hour {\r\n    color: var(--#{$prefix}body-color) !important;\r\n}\r\n\r\n.tui-full-calendar-weekday-schedule-title {\r\n    color: var(--#{$prefix}gray-900) !important;\r\n\r\n    .tui-full-calendar-time-schedule {\r\n        font-weight: $font-weight-semibold;\r\n    }\r\n}\r\n\r\n.tui-full-calendar-popup-container {\r\n    background-color: var(--#{$prefix}custom-white) !important;\r\n    border-color: var(--#{$prefix}border-color) !important;\r\n}\r\n\r\n.tui-full-calendar-dropdown {\r\n    &:hover {\r\n        .tui-full-calendar-dropdown-button {\r\n            border-color: var(--#{$prefix}border-color)\r\n        }\r\n    }\r\n}\r\n\r\n.tui-full-calendar-popup-section-item {\r\n    &:hover, &:focus {\r\n        border-color: var(--#{$prefix}border-color);\r\n    }\r\n}\r\n\r\n.tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-fill {\r\n    border-top-color: var(--#{$prefix}border-color) !important;\r\n}\r\n\r\n.tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-fill {\r\n    border-bottom-color: var(--#{$prefix}border-color) !important;\r\n}\r\n\r\n.tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-borde {\r\n    border-bottom-color: var(--#{$prefix}border-color) !important;\r\n}\r\n\r\n.tui-full-calendar-button {\r\n    color: $input-color;\r\n    background-color: $input-bg  !important;\r\n    border-color: var(--#{$prefix}border-color);\r\n}\r\n\r\n.tui-full-calendar-popup-section-item {\r\n    border-color: var(--#{$prefix}border-color);\r\n}\r\n\r\n.tui-full-calendar-month-dayname,\r\n.tui-full-calendar-weekday-border {\r\n    border-top-color: var(--#{$prefix}border-color) !important;\r\n}\r\n\r\n.tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-border {\r\n    border-bottom-color: var(--#{$prefix}border-color) !important;\r\n}\r\n\r\n.tui-full-calendar-dropdown-menu {\r\n    border-color: var(--#{$prefix}border-color) !important;\r\n}\r\n\r\n.tui-full-calendar-dropdown-menu-item,\r\n.tui-full-calendar-dropdown-menu {\r\n    background-color: $input-bg  !important;\r\n}\r\n\r\n.tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-border {\r\n    border-top-color: var(--#{$prefix}border-color);\r\n}\r\n\r\n.tui-full-calendar-content {\r\n    background-color: $input-bg  !important;\r\n    color: $input-color  !important;\r\n}\r\n\r\n.tui-full-calendar-confirm {\r\n    background-color: $danger  !important;\r\n    color: $white  !important;\r\n\r\n    &:hover {\r\n        background-color: $red-600  !important;\r\n        color: $white  !important;\r\n    }\r\n}\r\n\r\n.tui-full-calendar-month-dayname-item {\r\n    span {\r\n        color: var(--#{$prefix}gray-900) !important;\r\n    }\r\n}\r\n\r\n.tui-full-calendar-weekday-grid-line {\r\n    &.tui-full-calendar-near-month-day {\r\n        &.tui-full-calendar-extra-date {\r\n            .tui-full-calendar-weekday-grid-header {\r\n                .tui-full-calendar-weekday-grid-date {\r\n                    color: var(--#{$prefix}gray-400) !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.tui-full-calendar-weekday-grid-line {\r\n    &.tui-full-calendar-near-month-day {\r\n        .tui-full-calendar-weekday-grid-header {\r\n            .tui-full-calendar-weekday-grid-date {\r\n                color: var(--#{$prefix}gray-800) !important;\r\n            }\r\n        }\r\n    }\r\n}","/* ==============\r\n  Calendar\r\n===================*/\r\n\r\n\r\n.fc td, .fc th{\r\n  border: $table-border-width solid $table-border-color;\r\n}\r\n\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\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\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\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: $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\r\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark {\r\n  .fc-content{\r\n    color: $light;  \r\n  }\r\n}\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: .75em;\r\n  }\r\n}\r\n","\r\n\r\n/* ==============\r\n  Druafula\r\n===================*/\r\n\r\n\r\n.task-box{\r\n  \r\n  border: 1px solid var(--#{$prefix}gray-300);\r\n}\r\n\r\n.gu-transit {\r\n    border: 1px dashed var(--#{$prefix}border-color) !important;\r\n    background-color: var(--#{$prefix}gray-200) !important;\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: $fw-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.irs {\r\n  font-family: $font-family-base;\r\n}\r\n\r\n.irs--square {\r\n  cursor: pointer;\r\n\r\n  .irs-bar,\r\n  .irs-to,\r\n  .irs-from,\r\n  .irs-single {\r\n    background: $primary  !important;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .irs-to,\r\n  .irs-from,\r\n  .irs-single {\r\n    &:before {\r\n      border-top-color: $primary;\r\n    }\r\n  }\r\n\r\n  .irs-line {\r\n    background: var(--#{$prefix}gray-300);\r\n    border-color: var(--#{$prefix}gray-300);\r\n  }\r\n\r\n  .irs-grid-text {\r\n    font-size: 11px;\r\n    color: var(--#{$prefix}gray-400);\r\n  }\r\n\r\n  .irs-min,\r\n  .irs-max {\r\n    color: var(--#{$prefix}gray-400);\r\n    background: var(--#{$prefix}gray-300);\r\n    font-size: 11px;\r\n  }\r\n\r\n  .irs-handle {\r\n    border: 2px solid $primary;\r\n    width: 12px;\r\n    height: 12px;\r\n    top: 26px;\r\n    background-color: var(--#{$prefix}custom-white) !important;\r\n    cursor: pointer;\r\n\r\n    &:active {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .irs-grid-pol {\r\n    background-color: var(--#{$prefix}gray-400);\r\n  }\r\n}","//\r\n//  Sweetalert2\r\n//\r\n\r\n.swal2-container {\r\n    .swal2-title {\r\n        font-size: 20px;\r\n        font-weight: $fw-medium;\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,\r\n            & ~ .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.swal2-popup {\r\n    background: var(--#{$prefix}custom-white);\r\n}\r\n\r\n.swal2-title, .swal2-html-container{\r\n     color: var(--#{$prefix}gray-700);\r\n}\r\n\r\n.swal2-file,\r\n.swal2-input,\r\n.swal2-textarea {\r\n    border-color: var(--#{$prefix}border-color);\r\n    color: var(--#{$prefix}body-color);\r\n    &:focus {\r\n        box-shadow: none;\r\n        border-color: var(--#{$prefix}border-color);\r\n    }\r\n}","\r\n//\r\n// Rating\r\n//\r\n\r\n.symbol{\r\n  border-color: var(--#{$prefix}custom-white);\r\n}\r\n\r\n.rating-symbol-background, .rating-symbol-foreground {\r\n  font-size: 24px;\r\n}\r\n\r\n.symbol-empty {\r\n  background-color: var(--#{$prefix}gray-400);\r\n}\r\n\r\n.rating-symbol-foreground {\r\n  top: 0px;\r\n}\r\n\r\n.rating-star{\r\n  > span{\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n\r\n    &.badge{\r\n      margin-left: 4px;\r\n    }\r\n  }\r\n}","\r\n//\r\n// toastr.scss\r\n//\r\n\r\n\r\n/* =============\r\n   Notification\r\n============= */\r\n#toast-container {\r\n    > div {\r\n        box-shadow: $box-shadow;\r\n        opacity: 1;\r\n        &:hover {\r\n            box-shadow: $box-shadow;\r\n            opacity: 0.9;\r\n        }\r\n    }\r\n\r\n    &.toast-top-full-width, &.toast-bottom-full-width{\r\n        > div{\r\n          min-width: 96%;\r\n          margin: 4px auto;\r\n        }\r\n      }\r\n\r\n}\r\n\r\n\r\n@each $color, $value in $theme-colors {\r\n    .toast-#{$color} {\r\n        border: 2px solid $value !important;\r\n        background-color: rgba(($value), 0.8) !important;\r\n    }\r\n}\r\n\r\n\r\n// for error\r\n\r\n.toast-error {\r\n    background-color: rgba($danger,0.8);\r\n    border: 2px solid $danger;\r\n}\r\n\r\n.toastr-options{\r\n    padding: 24px;\r\n    background-color: lighten($gray-200, 2%);\r\n    margin-bottom: 0;\r\n    border: 1px solid $border-color;\r\n}","\r\n//\r\n// Parsley\r\n//\r\n\r\n.error {\r\n  color: $danger;\r\n}\r\n\r\n.parsley-error {\r\n  border-color: $danger;\r\n}\r\n\r\n.parsley-errors-list {\r\n  display: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  &.filled {\r\n    display: block;\r\n  }\r\n  > li {\r\n    font-size: 12px;\r\n    list-style: none;\r\n    color: $danger;\r\n    margin-top: 5px;\r\n  }\r\n}","//\r\n// Select 2\r\n//\r\n\r\n.select2-container {\r\n    .select2-selection--single {\r\n        background-color: var(--#{$prefix}input-bg);\r\n        border: 1px solid $input-border-color;\r\n        height: 38px;\r\n        &:focus {\r\n            outline: none;\r\n        }\r\n\r\n        .select2-selection__rendered {\r\n            line-height: 36px;\r\n            padding-left: $input-padding-x;\r\n            color: var(--#{$prefix}input-color);\r\n        }\r\n        \r\n\r\n        .select2-selection__arrow {\r\n            height: 34px;\r\n            width: 34px;\r\n            right: 3px;\r\n\r\n            b {\r\n                border-color: var(--#{$prefix}gray-500) transparent transparent transparent;\r\n                border-width: 6px 6px 0 6px;\r\n            }\r\n        }\r\n\r\n        .select2-selection__placeholder {\r\n            color: var(--#{$prefix}body-color);\r\n        }\r\n    }\r\n}\r\n\r\n[dir=\"rtl\"]{\r\n    .select2-selection__rendered {\r\n        text-align: end;\r\n    }\r\n}\r\n\r\n\r\n.select2-container--open {\r\n    .select2-selection--single {\r\n        .select2-selection__arrow {\r\n            b {\r\n                border-color: transparent transparent var(--#{$prefix}gray-500) transparent !important;\r\n                border-width: 0 6px 6px 6px !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.select2-container--default {\r\n    .select2-search--dropdown {\r\n        padding: 10px;\r\n        background-color: var(--#{$prefix}custom-white);\r\n        .select2-search__field {\r\n            border: 1px solid var(--#{$prefix}input-border-color);\r\n            background-color: var(--#{$prefix}input-bg);\r\n            color: var(--#{$prefix}gray-600);\r\n            outline: none;\r\n        }\r\n    }\r\n    .select2-results__option--highlighted[aria-selected] {\r\n        background-color: $primary;\r\n    }\r\n    .select2-results__option[aria-selected=\"true\"] {\r\n        background-color: var(--#{$prefix}light);\r\n        color: var(--#{$prefix}body-color);\r\n        &:hover {\r\n            background-color: $primary;\r\n            color: $white;\r\n        }\r\n    }\r\n}\r\n\r\n.select2-results__option {\r\n    padding: 6px 12px;\r\n}\r\n.select2-container[dir=\"rtl\"] .select2-selection--single .select2-selection__rendered {\r\n    padding-left: $input-padding-x;\r\n}\r\n\r\n.select2-dropdown {\r\n    border: 1px solid var(--#{$prefix}border-color);\r\n    background-color: var(--#{$prefix}custom-white);\r\n    box-shadow: $box-shadow;\r\n}\r\n\r\n.select2-search {\r\n    input {\r\n        border: 1px solid var(--#{$prefix}gray-300);\r\n    }\r\n}\r\n\r\n.select2-container {\r\n    .select2-selection--multiple {\r\n        min-height: 38px;\r\n        background-color: var(--#{$prefix}input-bg);\r\n        border: 1px solid var(--#{$prefix}input-border-color) !important;\r\n\r\n        .select2-selection__rendered {\r\n            padding: 2px $input-padding-x;\r\n        }\r\n        .select2-search__field {\r\n            border: 0;\r\n            color: var(--#{$prefix}input-color);\r\n            &::placeholder {\r\n                color: var(--#{$prefix}input-color);\r\n            }\r\n        }\r\n        .select2-selection__choice {\r\n            background-color: var(--#{$prefix}gray-200);\r\n            border: 1px solid var(--#{$prefix}gray-300);\r\n            border-radius: 1px;\r\n            padding: 0 7px;\r\n        }\r\n    }\r\n}\r\n\r\n.select2-container--default {\r\n    &.select2-container--focus {\r\n        .select2-selection--multiple {\r\n            border-color: var(--#{$prefix}gray-400);\r\n        }\r\n    }\r\n\r\n    .select2-results__group {\r\n        font-weight: $font-weight-semibold;\r\n    }\r\n}\r\n\r\n// ajax select\r\n\r\n.select2-result-repository__avatar {\r\n    float: left;\r\n    width: 60px;\r\n    margin-right: 10px;\r\n    img {\r\n        width: 100%;\r\n        height: auto;\r\n        border-radius: 2px;\r\n    }\r\n}\r\n\r\n.select2-result-repository__statistics {\r\n    margin-top: 7px;\r\n}\r\n\r\n.select2-result-repository__forks,\r\n.select2-result-repository__stargazers,\r\n.select2-result-repository__watchers {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    margin-right: 1em;\r\n    color: var(--#{$prefix}gray-500);\r\n\r\n    .fa {\r\n        margin-right: 4px;\r\n\r\n        &.fa-flash {\r\n            &::before {\r\n                content: \"\\f0e7\";\r\n                font-family: \"Font Awesome 5 Free\";\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.select2-results__option--highlighted {\r\n    .select2-result-repository__forks,\r\n    .select2-result-repository__stargazers,\r\n    .select2-result-repository__watchers {\r\n        color: rgba($white, 0.8);\r\n    }\r\n}\r\n\r\n.select2-result-repository__meta {\r\n    overflow: hidden;\r\n}\r\n\r\n// templating-select\r\n\r\n.img-flag {\r\n    margin-right: 7px;\r\n    height: 15px;\r\n    width: 18px;\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: $fw-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.sp-container{\r\n  background-color: $dropdown-bg;\r\n  button{\r\n    padding: .25rem .5rem;\r\n      font-size: .71094rem;\r\n      border-radius: .2rem;\r\n      font-weight: 400;\r\n      color: $dark;\r\n  \r\n      &.sp-palette-toggle{\r\n        background-color: $light;\r\n      }\r\n      \r\n      &.sp-choose{\r\n        background-color: $success;\r\n        margin-left: 5px;\r\n        margin-right: 0;\r\n      }\r\n  }\r\n}\r\n\r\n.sp-palette-container{\r\n  border-right: 1px solid $border-color;\r\n}\r\n\r\n.sp-input{\r\n  background-color: $input-bg;\r\n  border-color: $input-border-color !important;\r\n  color: $input-color;\r\n  &:focus{\r\n    outline: none;\r\n  }\r\n}\r\n\r\n\r\n[dir=\"rtl\"]{\r\n\r\n  .sp-alpha{\r\n    direction: ltr;\r\n  }\r\n\r\n  .sp-original-input-container {\r\n    .sp-add-on{\r\n      border-top-right-radius: 0!important;\r\n      border-bottom-right-radius: 0!important;\r\n      border-top-left-radius: 4px!important;\r\n      border-bottom-left-radius: 4px!important\r\n    }\r\n  } \r\n\r\n  input.spectrum.with-add-on{\r\n    border: 1px solid $input-border-color;\r\n    border-left: 0;\r\n    border-top-left-radius: 0;\r\n    border-bottom-left-radius: 0;\r\n    border-top-right-radius: $input-border-radius;\r\n    border-bottom-right-radius: $input-border-radius;\r\n\r\n  }\r\n}","\r\n\r\n/* Timepicker */\r\n.bootstrap-timepicker-widget {\r\n  table {\r\n    td {\r\n      a {\r\n        color: $input-color;\r\n        &:hover {\r\n          background-color: transparent;\r\n          border-color: transparent;\r\n          border-radius: 4px;\r\n          color: $primary;\r\n          text-decoration: none;\r\n        }\r\n      }\r\n      input {\r\n        width: 32px;\r\n        height: 32px;\r\n        border: 0;\r\n        color: var(--#{$prefix}body-color);\r\n        border: 1px solid var(--#{$prefix}border-color);\r\n        background-color: $input-bg;\r\n\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dropdown-menu:after{\r\n    border-bottom-color: var(--#{$prefix}gray-200);\r\n  }\r\n  &.timepicker-orient-bottom:after{\r\n    border-top-color: var(--#{$prefix}gray-200);\r\n  }\r\n}\r\n\r\n\r\n.timepicker-orient-top{\r\n  top: $input-height !important;\r\n}\r\n\r\n.timepicker-orient-bottom{\r\n  top: auto !important;\r\n  bottom: $input-height !important;\r\n}\r\n\r\n.bootstrap-timepicker-widget{\r\n  left: 0 !important;\r\n  right: auto !important;\r\n}\r\n\r\n\r\n.bootstrap-timepicker-widget{\r\n  &.timepicker-orient-left{\r\n    &:before{\r\n      left: 6px;\r\n      right: auto;\r\n    }\r\n\r\n    &::after{\r\n      left: 7px;\r\n      right: auto;\r\n    }\r\n  }\r\n}","\r\n//\r\n// Datepicker\r\n//\r\n\r\n// [dir=\"rtl\"]{\r\n//   .datepicker {\r\n//     right: 0 !important;\r\n//     left: auto;\r\n//   }\r\n// }\r\n\r\n\r\n.datepicker {\r\n  border: 1px solid var(--#{$prefix}border-color);\r\n  padding: 8px;\r\n  z-index: 999 !important;\r\n  \r\n\r\n  table{\r\n    tr{\r\n      th{\r\n        font-weight: 500;\r\n      }\r\n      td{\r\n        &.active, &.active:hover, .active.disabled, &.active.disabled:hover,\r\n        &.today,  &.today:hover, &.today.disabled, &.today.disabled:hover, \r\n        &.selected, &.selected:hover, &.selected.disabled, &.selected.disabled:hover,\r\n        span.active.active, span.active:hover.active{\r\n          background-color: $primary !important;\r\n          background-image: none;\r\n          box-shadow: none;\r\n          color: $white !important;\r\n        }\r\n\r\n        &.day.focused,\r\n        &.day:hover,\r\n        span.focused,\r\n        span:hover {\r\n            background: var(--#{$prefix}light);\r\n        }\r\n\r\n        &.new,\r\n        &.old,\r\n        span.new,\r\n        span.old {\r\n            color: var(--#{$prefix}gray-500);\r\n            opacity: 0.6;\r\n        }\r\n\r\n        &.range, &.range.disabled, &.range.disabled:hover, &.range:hover{\r\n            background-color: var(--#{$prefix}gray-300);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.table-condensed{\r\n  >thead>tr>th, >tbody>tr>td {\r\n    padding: 7px;\r\n  }\r\n}\r\n\r\n.bootstrap-datepicker-inline{\r\n  .datepicker-inline{\r\n    width: auto !important;\r\n    display: inline-block;\r\n  }\r\n}\r\n\r\n\r\n// DATEPICKER\r\n\r\n.datepicker-container{\r\n  border: 1px solid $border-color;\r\n  box-shadow: none;\r\n  background-color: $dropdown-bg;\r\n\r\n  &.datepicker-inline{\r\n    width: 212px;\r\n  }\r\n}\r\n\r\n.datepicker{\r\n  color: var(--#{$prefix}text-muted);\r\n    .datepicker-switch:hover,.next:hover,.prev:hover,  tfoot tr th:hover {\r\n      background: var(--#{$prefix}light);\r\n    } \r\n  }\r\n\r\n\r\n.datepicker-panel{\r\n  \r\n  >ul{\r\n    >li{\r\n      background-color: $dropdown-bg;\r\n      border-radius: 4px;\r\n\r\n      &.picked, &.picked:hover{\r\n        background-color: rgba($primary, 0.25);\r\n        color: $primary;\r\n      }\r\n\r\n      &.highlighted, &.highlighted:hover, &:hover{\r\n        background-color: $primary;\r\n        color: $white;\r\n      }\r\n\r\n      \r\n      &.muted, &.muted:hover{\r\n        color: var(--#{$prefix}gray-500);\r\n        opacity: 0.6;\r\n      }\r\n    }\r\n\r\n    \r\n\r\n    &[data-view=week]{\r\n      >li{\r\n        font-weight: $fw-medium;\r\n      }\r\n\r\n      >li, >li:hover{\r\n        background-color: $dropdown-bg;\r\n      }\r\n    }\r\n  }\r\n}\r\n","//\r\n// Bootstrap touchspin\r\n//\r\n\r\n.bootstrap-touchspin {\r\n  &.input-group {\r\n    &>.input-group-prepend {\r\n\r\n      &>.btn,\r\n      &>.input-group-text {\r\n        border-top-right-radius: 0;\r\n        border-bottom-right-radius: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.input-group {\r\n    &>.input-group-append {\r\n\r\n      &>.btn,\r\n      &>.input-group-text {\r\n        border-top-left-radius: 0;\r\n        border-bottom-left-radius: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .input-group-btn-vertical {\r\n    right: 0;\r\n\r\n    .btn {\r\n      right: 0 !important;\r\n      left: 100% !important;\r\n    }\r\n\r\n    .bootstrap-touchspin-up {\r\n      border-top-right-radius: 4px !important;\r\n      border-bottom-right-radius: 0 !important;\r\n      border-top-left-radius: 0 !important;\r\n      border-bottom-left-radius: 0 !important;\r\n    }\r\n\r\n    .bootstrap-touchspin-down {\r\n      border-top-right-radius: 0 !important;\r\n      border-bottom-right-radius: 4px !important;\r\n      border-top-left-radius: 0 !important;\r\n      border-bottom-left-radius: 0 !important;\r\n    }\r\n  }\r\n}","//\r\n// Form editors.scss\r\n//\r\n\r\n// Tinymce\r\n\r\n.tox-tinymce {\r\n    border: 1px solid $input-border-color !important;\r\n}\r\n\r\n.tox :not(svg):not(rect) {\r\n    color: var(--#{$prefix}body-color);\r\n}\r\n\r\n.tox {\r\n    color: var(--#{$prefix}body-color);\r\n    .tox-collection__item {\r\n        color: $dropdown-link-color !important;\r\n    }\r\n\r\n    .tox-menu.tox-collection.tox-collection--list.tox-selected-menu,\r\n    .tox-collection--toolbar.tox-collection--toolbar-lg.tox-selected-menu,\r\n    .tox-swatches-menu.tox-selected-menu {\r\n        box-shadow: $box-shadow-sm !important;\r\n        animation-name: DropDownSlide !important;\r\n        animation-duration: 0.3s !important;\r\n        animation-fill-mode: both !important;\r\n        margin: 0 !important;\r\n        position: absolute !important;\r\n        z-index: 1000 !important;\r\n        padding: 0.5rem 0 !important;\r\n        background-color: var(--#{$prefix}custom-white) !important;\r\n        border: $dropdown-border-width solid var(--#{$prefix}border-color) !important;\r\n        border-radius: 0.25rem !important;\r\n    }\r\n\r\n    .tox-collection--list .tox-collection__group {\r\n        border-color: var(--#{$prefix}border-color) !important;\r\n    }\r\n\r\n    .tox-collection--list {\r\n        .tox-collection__item--active {\r\n            color: $dropdown-link-hover-color !important;\r\n            background-color: $dropdown-link-hover-bg !important;\r\n        }\r\n    }\r\n\r\n    .tox-collection__group-heading {\r\n        color: $dropdown-link-hover-color !important;\r\n        background-color: $dropdown-link-hover-bg !important;\r\n    }\r\n\r\n    .tox-statusbar {\r\n        border-top: 1px solid var(--#{$prefix}border-top) !important;\r\n    }\r\n\r\n    .tox-menubar,\r\n    .tox-edit-area__iframe,\r\n    .tox-statusbar {\r\n        background-color: var(--#{$prefix}custom-white) !important;\r\n        background: none !important;\r\n    }\r\n\r\n    .tox-mbtn {\r\n        color: var(--#{$prefix}gray-600) !important;\r\n\r\n        &:hover:not(:disabled):not(.tox-mbtn--active) {\r\n            background-color: var(--#{$prefix}light) !important;\r\n        }\r\n    }\r\n\r\n    .tox-tbtn {\r\n        &:hover {\r\n            background-color: transparent !important;\r\n        }\r\n    }\r\n\r\n    .tox-toolbar,\r\n    .tox-toolbar__overflow,\r\n    .tox-toolbar__primary {\r\n        background: var(--#{$prefix}light) !important;\r\n    }\r\n\r\n    .tox-toolbar__primary {\r\n        border-top-color: var(--#{$prefix}light) !important;\r\n    }\r\n    .tox-tbtn--enabled {\r\n        background: transparent !important;\r\n    }\r\n    tox-split-button:focus {\r\n        background: transparent !important;\r\n    }\r\n    .tox-tbtn {\r\n        color: transparent !important;\r\n\r\n        svg {\r\n            fill: var(--#{$prefix}gray-700) !important;\r\n        }\r\n    }\r\n\r\n    .tox-edit-area__iframe {\r\n        background-color: var(--#{$prefix}custom-white) !important;\r\n    }\r\n\r\n    .tox-statusbar a,\r\n    .tox-statusbar__path-item,\r\n    .tox-statusbar__wordcount {\r\n        color: var(--#{$prefix}gray-700) !important;\r\n    }\r\n\r\n    &:not([dir=\"rtl\"]) .tox-toolbar__group:not(:last-of-type) {\r\n        border-right: 1px solid var(--#{$prefix}border-color) !important;\r\n    }\r\n\r\n    .tox-dialog {\r\n        background-color: var(--#{$prefix}custom-white) !important;\r\n    }\r\n    .tox-button {\r\n        &:hover {\r\n            background-color: $primary !important;\r\n            background-image: none !important;\r\n            border-color: $primary !important;\r\n            box-shadow: none !important;\r\n        }\r\n    }\r\n\r\n    .tox-collection--toolbar {\r\n        .tox-collection__item--active {\r\n            background-color: var(--#{$prefix}gray-300) !important;\r\n        }\r\n    }\r\n\r\n    .tox-dialog__header {\r\n        background-color: var(--#{$prefix}custom-white) !important;\r\n    }\r\n    .tox-dialog__footer {\r\n        background-color: var(--#{$prefix}custom-white) !important;\r\n    }\r\n    .tox-icon {\r\n        color: var(--#{$prefix}dark) !important;\r\n    }\r\n    .tox-dialog__title {\r\n        color: $card-title-desc !important;\r\n    }\r\n    .tox-dialog__body-nav-item {\r\n        color: $card-title-desc !important;\r\n    }\r\n    .tox-label {\r\n        color: $card-title-desc !important;\r\n    }\r\n    .tox-textfield {\r\n        background-color: $input-bg !important;\r\n        color: $input-color !important;\r\n    }\r\n}\r\n\r\n.tox .tox-collection__item-checkmark svg,\r\n.tox .tox-collection__item-icon svg {\r\n    color: var(--#{$prefix}gray-800);\r\n}\r\n\r\n// x editable\r\n\r\n.editable-input {\r\n    .form-control {\r\n        display: inline-block;\r\n    }\r\n}\r\n\r\n.editable-buttons {\r\n    margin-left: 7px;\r\n\r\n    .editable-cancel {\r\n        margin-left: 7px;\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}custom-white);\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// Form Wizard\r\n//\r\n\r\n\r\n.form-wizard-wrapper {\r\n  label {\r\n    font-size: 14px;\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n.wizard{\r\n\r\n  // step\r\n  .steps{\r\n    >ul{\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      padding-left: 0;\r\n      margin-bottom: 0;\r\n      list-style: none;\r\n\r\n      @media (max-width: 1199.98px) {\r\n        flex-direction: column;\r\n      }\r\n\r\n      > a, > li{\r\n        flex-basis: 0;\r\n        flex-grow: 1;\r\n      }\r\n\r\n      >li{\r\n        width: 100%;\r\n\r\n        a{\r\n          display: block;\r\n          padding: .5rem 1rem;\r\n          color: var(--#{$prefix}gray-600);\r\n          font-weight: $fw-medium;\r\n\r\n          background-color: rgba($primary, 0.1);\r\n        }\r\n      }\r\n\r\n      .current-info{\r\n        position: absolute;\r\n        left: -999em;\r\n    }\r\n\r\n    \r\n    }\r\n\r\n    .number {\r\n      display: inline-block;\r\n      width: 38px;\r\n      height: 38px;\r\n      line-height: 34px;\r\n      border: 2px solid $primary;\r\n      color: $primary;\r\n      text-align: center;\r\n      border-radius: 50%;\r\n      margin-right: .5rem;\r\n    }\r\n\r\n    .current {\r\n      a, a:active, a:hover {\r\n        background-color: rgba($primary, 0.2);\r\n        color: var(--#{$prefix}gray-700);\r\n        .number {\r\n          background-color: $primary;\r\n          color: $white;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // content\r\n  >.content {\r\n    background-color: transparent;\r\n    padding: 14px;\r\n    margin-top: 0;\r\n    border-radius: 0;\r\n    min-height: 150px;\r\n    > .title{\r\n      position: absolute;\r\n      left: -999em;\r\n    }\r\n    >.body {\r\n      width: 100%;\r\n      height: 100%;\r\n      padding: 14px 0 0;\r\n      position: static\r\n    }\r\n  }\r\n\r\n  // actions\r\n\r\n  >.actions {\r\n    position: relative;\r\n    display: block;\r\n    text-align: right;\r\n    width: 100%;\r\n    > ul {\r\n        display: block;\r\n        text-align: right;\r\n        padding-left: 0;\r\n          > li{\r\n            display: inline-block;\r\n            margin: 0 0.5em;\r\n\r\n          }\r\n      }\r\n      a, a:active, a:hover {\r\n        background-color: $primary;\r\n        border-radius: 4px;\r\n        padding: 8px 15px;\r\n        color: $white;\r\n      }\r\n\r\n      .disabled {\r\n        a, a:active, a:hover {\r\n          opacity: .65;\r\n          background-color: $primary;\r\n          color: $white;\r\n          cursor: not-allowed;\r\n        }\r\n      }\r\n  }\r\n\r\n  // verticl wixard\r\n  &.vertical-wizard{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    // step\r\n    .steps{\r\n      >ul{\r\n        flex-direction: column;\r\n\r\n        >li{\r\n            width: 100% !important;\r\n        }\r\n        \r\n      }\r\n    }\r\n\r\n    .steps, .content, .actions{\r\n      width: 100%;\r\n    }\r\n\r\n    .steps{\r\n        @media (min-width: 1200px) {\r\n          width: 25%;\r\n      }\r\n    }\r\n\r\n      .content{\r\n        padding: 24px;\r\n        @media (min-width: 1200px) {\r\n          width: 75%;\r\n          padding: 12px 24px;\r\n      }\r\n\r\n      >.body{\r\n        padding: 0;\r\n      }\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    border-collapse: collapse !important;\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}","\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  .table-responsive {\r\n    border: none !important;\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      &.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, .5);\r\n      }\r\n  }\r\n    &.pull-right {\r\n      float: right;\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  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: $dropdown-color !important;\r\n\r\n    &:hover{\r\n      background-color: lighten($gray-200, 2%) !important;\r\n    }\r\n\r\n    label {\r\n      display: inline-block;\r\n      padding-left: 5px;\r\n      position: relative;\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: $white;\r\n        border-radius: 3px;\r\n        border: 1px solid $gray-300;\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      &::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    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    input[type=\"checkbox\"]:focus + label {\r\n      &::before {\r\n        outline-offset: -2px;\r\n        outline: none;\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    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    input[type=\"checkbox\"]:checked + label {\r\n      &::before {\r\n        background-color: $primary;\r\n        border-color: $primary;\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      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    table.focus-on tbody tr.unfocused th,\r\n    table.focus-on tfoot tr.unfocused th,\r\n    table.focus-on tbody tr.unfocused td,\r\n    table.focus-on tfoot tr.unfocused td {\r\n      color: var(--#{$prefix}body-color);\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: $gray-500;\r\n    }\r\n    .apexcharts-canvas {\r\n        margin: 0 auto;\r\n    }\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-legend-series {\r\n    font-weight: $fw-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-legend-text {\r\n    color: $gray-600 !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: $gray-500;\r\n    }\r\n}\r\n\r\n[data-layout-mode=\"dark\"] {\r\n    .apexcharts-gridline {\r\n        stroke: var(--#{$prefix}gray-300);\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-tooltip {\r\n        background-color: var(--#{$prefix}custom-white) !important;\r\n        border: 1px solid var(--#{$prefix}border-color) !important;\r\n\r\n        .apexcharts-tooltip-title {\r\n            background-color: var(--#{$prefix}gray-300) !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// echarts.scss\r\n//\r\n\r\n.e-charts{\r\n    height: 350px;\r\n}","\r\n\r\n/* Flot chart */\r\n.flot-charts-height {\r\n  height: 320px;\r\n}\r\n\r\n.flotTip {\r\n  padding: 8px 12px;\r\n  background-color: rgba($dark, 0.9);\r\n  z-index: 100;\r\n  color: $gray-100;\r\n  box-shadow: $box-shadow;\r\n  border-radius: 4px;\r\n}\r\n\r\n.legendLabel{\r\n  color: $gray-500;\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: $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: $gray-900 !important;\r\n}\r\n\r\n.jqsfield {\r\n  color: $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: $fw-medium !important;\r\n}\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// leaflet-maps.scss\r\n//\r\n\r\n.leaflet-map {\r\n    height: 300px;\r\n    &.leaflet-container{\r\n        z-index: 99;\r\n    }\r\n}","// \r\n// authentication.scss\r\n//\r\n\r\n\r\n// authentication home icon\r\n.home-btn {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 25px;\r\n}\r\n\r\n// auth 2\r\n\r\n.auth-logo{\r\n    .auth-logo-dark{\r\n        display: $display-block;\r\n    }\r\n    .auth-logo-light{\r\n        display: $display-none;\r\n    }\r\n}\r\n\r\n.auth-body-bg{\r\n    background-color: $card-bg;\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// authentication full page\r\n\r\n.auth-full-bg{\r\n    background-color: rgba($primary, 0.25);\r\n    display: flex;\r\n\r\n    @media (min-width: 1200px){\r\n        height: 100vh;\r\n    }\r\n    \r\n\r\n    &::before{\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 300px;\r\n        height: 300px;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .bg-overlay{\r\n        background: url(\"../images/bg-auth-overlay.png\");\r\n        background-size: cover;\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n    }\r\n}\r\n\r\n.auth-full-page-content{\r\n    display: flex;\r\n\r\n    @media (min-width: 1200px){\r\n        min-height: 100vh;\r\n    }\r\n}\r\n\r\n.auth-review-carousel{\r\n    &.owl-theme {\r\n        .owl-dots {\r\n            .owl-dot{\r\n                span{\r\n                    background-color: rgba($primary, 0.25);\r\n                }\r\n                &.active, &:hover{\r\n                    span{\r\n                        background-color: $primary;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}","// \r\n// ecommerce.scss\r\n//\r\n\r\n// product\r\n\r\n.search-box{\r\n    .form-control{\r\n        border-radius: 30px;\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        line-height: 38px;\r\n    }\r\n}\r\n\r\n.product-list{\r\n    li{\r\n        a{\r\n            display: block;\r\n            padding: 4px 0px;\r\n            color: var(--#{$prefix}body-color);\r\n        }\r\n    }\r\n}\r\n\r\n.product-view-nav{\r\n    &.nav-pills {\r\n        .nav-item{\r\n            margin-left: 4px;\r\n        }\r\n        .nav-link{\r\n            width: 36px;\r\n            height: 36px;\r\n            font-size: 16px;\r\n            padding: 0;\r\n            line-height: 36px;\r\n            text-align: center;\r\n            border-radius: 50%;\r\n        }\r\n    }\r\n}\r\n\r\n.product-ribbon{\r\n    position: absolute;\r\n    right: 0px;\r\n    top: 0px;\r\n}\r\n\r\n// Product Details\r\n\r\n.product-detai-imgs{\r\n    .nav{\r\n        .nav-link{\r\n            margin: 7px 0px;\r\n\r\n            &.active{\r\n                background-color: var(--#{$prefix}gray-300);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.product-color{\r\n    a{\r\n        display: inline-block;\r\n        text-align: center;\r\n        color: var(--#{$prefix}body-color);\r\n        .product-color-item{\r\n            margin: 7px;\r\n        }\r\n        &.active, &:hover{\r\n            color: $primary;\r\n            .product-color-item{\r\n                border-color: $primary !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// ecommerce cart\r\n\r\n.visa-card{\r\n    .visa-logo{\r\n        line-height: 0.5;\r\n    }\r\n\r\n    .visa-pattern{\r\n        position: absolute;\r\n        font-size: 385px;\r\n        color: rgba($white, 0.05);\r\n        line-height: 0.4;\r\n        right: 0px;\r\n        bottom: 0px;\r\n    }\r\n}\r\n\r\n\r\n// checkout\r\n\r\n.checkout-tabs{\r\n    .nav-pills{\r\n        .nav-link{\r\n            margin-bottom: 24px;\r\n            text-align: center;\r\n            background-color: var(--#{$prefix}custom-white);\r\n            box-shadow: $box-shadow;\r\n\r\n            &.active{\r\n                background-color: $primary;\r\n            }\r\n            .check-nav-icon{\r\n                font-size: 36px;\r\n            }\r\n        }\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  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  .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    &.active {\r\n      color: $danger;\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}gray-600);\r\n    }\r\n\r\n    &:hover {\r\n      background: var(--#{$prefix}gray-300);\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}gray-300);\r\n    font-weight: 500;\r\n    color: var(--#{$prefix}body-color);\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    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      &: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}body-color);\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// File manager.scss\r\n//\r\n\r\n// file manager\r\n\r\n.filemanager-sidebar{\r\n    \r\n    @media (min-width: 1200px){\r\n        min-width: 230px;\r\n        max-width: 230px;\r\n    }\r\n\r\n    @media (min-width: 1366px){\r\n        min-width: 280px;\r\n        max-width: 280px;\r\n    }\r\n\r\n}\r\n\r\n.categories-list{\r\n    padding: 4px 0;\r\n    li{\r\n        a{\r\n            display: block;\r\n            padding: 8px 12px;\r\n            color: $body-color;\r\n            font-weight: $fw-medium;\r\n        }\r\n\r\n        &.active{\r\n            a{\r\n                color: $primary;\r\n            }\r\n        }\r\n\r\n        ul{\r\n            padding-left: 16px;\r\n            li{\r\n                a{\r\n                    padding: 4px 12px;\r\n                    color: $text-muted;\r\n                    font-size: 13px;\r\n                    font-weight: $font-weight-normal;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n","//\r\n// Chat.scss\r\n//\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            background-color: var(--#{$prefix}custom-white);\r\n        }\r\n\r\n        .tab-content {\r\n            min-height: 488px;\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    }\r\n}\r\n\r\n.chat-search-box {\r\n    .form-control {\r\n        border: 0;\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: var(--#{$prefix}custom-white);\r\n                border-color: transparent;\r\n                box-shadow: $box-shadow;\r\n            }\r\n        }\r\n        a {\r\n            display: block;\r\n            padding: 14px 16px;\r\n            color: var(--#{$prefix}gray-600);\r\n            transition: all 0.4s;\r\n            border-top: 1px solid var(--#{$prefix}border-color);\r\n            border-radius: 4px;\r\n            &:hover {\r\n                background-color: var(--#{$prefix}custom-white);\r\n                border-color: transparent;\r\n                box-shadow: $box-shadow;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.user-chat-nav {\r\n    .dropdown {\r\n        .nav-btn {\r\n            color: var(--#{$prefix}body-color);\r\n            height: 40px;\r\n            width: 40px;\r\n            line-height: 42px;\r\n            box-shadow: none;\r\n            padding: 0;\r\n            font-size: 16px;\r\n            background-color: var(--#{$prefix}light);\r\n            border-radius: 50%;\r\n            border: none;\r\n        }\r\n\r\n        .dropdown-menu {\r\n            box-shadow: $box-shadow;\r\n            border: 1px solid var(--#{$prefix}border-color);\r\n        }\r\n    }\r\n}\r\n\r\n.chat-conversation {\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\r\n        .title {\r\n            background-color: var(--#{$prefix}custom-white);\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    .conversation-list {\r\n        margin-bottom: 24px;\r\n        display: inline-block;\r\n        position: relative;\r\n\r\n        .ctext-wrap {\r\n            padding: 12px 24px;\r\n            background-color: rgba($primary, 0.1);\r\n            border-radius: 8px 8px 8px 0px;\r\n            overflow: hidden;\r\n\r\n            .conversation-name {\r\n                font-weight: $font-weight-semibold;\r\n                color: $primary;\r\n                margin-bottom: 4px;\r\n            }\r\n        }\r\n\r\n        .dropdown {\r\n            float: right;\r\n            .dropdown-toggle {\r\n                font-size: 18px;\r\n                padding: 4px;\r\n                color: var(--#{$prefix}gray-600);\r\n                @media (max-width: 575.98px) {\r\n                    display: none;\r\n                }\r\n            }\r\n\r\n            .dropdown-menu {\r\n                box-shadow: $box-shadow;\r\n                border: 1px solid var(--#{$prefix}border-color);\r\n            }\r\n        }\r\n\r\n        .chat-time {\r\n            font-size: 12px;\r\n        }\r\n    }\r\n\r\n    .right {\r\n        .conversation-list {\r\n            float: right;\r\n            .ctext-wrap {\r\n                background-color: var(--#{$prefix}light);\r\n                text-align: right;\r\n                border-radius: 8px 8px 0px 8px;\r\n            }\r\n            .dropdown {\r\n                float: left;\r\n            }\r\n\r\n            &.last-chat {\r\n                .conversation-list {\r\n                    &:before {\r\n                        right: 0;\r\n                        left: auto;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .last-chat {\r\n        .conversation-list {\r\n            &:before {\r\n                content: \"\\F0009\";\r\n                font-family: \"Material Design Icons\";\r\n                position: absolute;\r\n                color: $primary;\r\n                right: 0;\r\n                bottom: 0;\r\n                font-size: 16px;\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.chat-input-section {\r\n    border-top: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n.chat-input {\r\n    border-radius: 30px;\r\n    background-color: var(--#{$prefix}light) !important;\r\n    border-color: var(--#{$prefix}light) !important;\r\n    padding-right: 120px;\r\n}\r\n\r\n.chat-input-links {\r\n    position: absolute;\r\n    right: 16px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    li {\r\n        a {\r\n            font-size: 16px;\r\n            line-height: 36px;\r\n            padding: 0px 4px;\r\n            display: inline-block;\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\n// projects.scss\r\n//\r\n\r\n// project list\r\n\r\n.project-list-table {\r\n  border-collapse: separate;\r\n  border-spacing: 0 12px;\r\n\r\n  tr {\r\n    background-color: var(--#{$prefix}custom-white);\r\n  }\r\n}","// \r\n// Contacts.scss\r\n//\r\n\r\n.contact-links{\r\n  a{\r\n    color: var(--#{$prefix}body-color);\r\n  }\r\n}\r\n\r\n// profile\r\n\r\n.profile-user-wid{\r\n  margin-top: -26px;\r\n}","// \r\n// crypto.scss\r\n//\r\n\r\n@media (min-width: 576px){\r\n    .currency-value{\r\n        position: relative;\r\n        &:after{\r\n            content: \"\\F04E1\";\r\n            font-family: \"Material Design Icons\";\r\n            font-size: 24px;\r\n            position: absolute;\r\n            width: 45px;\r\n            height: 45px;\r\n            line-height: 45px;\r\n            border-radius: 50%;\r\n            text-align: center;\r\n            right: 0;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background-color: $primary;\r\n            color: $white;\r\n            z-index: 9;\r\n            right: -34px;\r\n        }\r\n    }\r\n\r\n}\r\n\r\n.crypto-buy-sell-nav-content{\r\n    border: 2px solid var(--#{$prefix}gray-300);\r\n    border-top: 0;\r\n}\r\n\r\n\r\n// KYC Application\r\n\r\n.kyc-doc-verification{\r\n    .dropzone{\r\n        min-height: 180px;\r\n        .dz-message{\r\n            margin: 24px 0px;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n/******************\r\n    Ico Landing\r\n*******************/\r\n\r\n.section{\r\n    position: relative;\r\n    padding-top: 80px;\r\n    padding-bottom: 80px;\r\n\r\n    &.bg-white{\r\n        background-color: var(--#{$prefix}custom-white) !important;\r\n    }\r\n}\r\n\r\n.small-title{\r\n    color: var(--#{$prefix}gray-600);\r\n    margin-bottom: 8px;\r\n}\r\n\r\n\r\n// Navigation\r\n\r\n.navigation {\r\n    padding: 0 16px;\r\n    width: 100%;\r\n    z-index: 999;\r\n    margin-bottom: 0px;\r\n    transition: all 0.5s ease-in-out;\r\n    border-bottom: 1px solid rgba($white, 0.1);\r\n\r\n    @media (max-width: 991.98px) {\r\n        background-color: var(--#{$prefix}topnav-bg);\r\n    }\r\n    \r\n    .navbar-logo{\r\n        line-height: 70px;\r\n        transition: all 0.4s;\r\n        .logo-dark{\r\n            display: none;\r\n            @media (max-width: 991.98px) {\r\n                display: block;\r\n            }\r\n        }\r\n        .logo-light{\r\n            display: block;\r\n            @media (max-width: 991.98px) {\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n    \r\n\r\n    .navbar-nav{\r\n        .nav-item{\r\n            .nav-link{\r\n                color: rgba($white, 0.6);\r\n                line-height: 58px;\r\n                padding: 6px 16px;\r\n                font-weight: $fw-medium;\r\n                transition: all 0.4s;\r\n\r\n                @media (max-width: 991.98px) {\r\n                    color: $header-item-color;\r\n                }\r\n\r\n                &:hover, &.active{\r\n                    color:  rgba($white, 0.9);\r\n\r\n                    @media (max-width: 991.98px) {\r\n                        color: $primary;\r\n                    }\r\n                }\r\n\r\n                @media (max-width: 991.98px) {\r\n                    line-height: 28px !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    &.nav-sticky{\r\n        background-color: $topnav-bg;\r\n        box-shadow: $box-shadow;\r\n        .navbar-logo{\r\n            line-height: 60px;\r\n\r\n            .logo-dark{\r\n                display: $display-block;\r\n            }\r\n            .logo-light{\r\n                display: $display-none;\r\n            }\r\n        }\r\n\r\n        .navbar-nav {\r\n            .nav-item {\r\n                .nav-link{\r\n                    line-height: 48px;\r\n                    color: $header-item-color;\r\n                    &:hover, &.active{\r\n                        color: $primary;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.bg-overlay{\r\n    position: absolute;\r\n    height: 100%;\r\n    width: 100%;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    top: 0;\r\n    opacity: 0.7;\r\n    background-color: $black;\r\n}\r\n\r\n.hero-section{\r\n    padding-top: 220px;\r\n    padding-bottom: 190px;\r\n\r\n    &.bg-ico-hero{\r\n        background-image: url(\"../images/crypto/bg-ico-hero.jpg\");\r\n        background-size: cover;\r\n        background-position: top;\r\n    }\r\n\r\n    @media (max-width: 575.98px) {\r\n        padding-top: 140px;\r\n        padding-bottom: 80px;\r\n    }\r\n\r\n    .hero-title{\r\n        font-size: 42px;\r\n        @media (max-width: 575.98px) {\r\n            font-size: 26px;\r\n        }\r\n    }\r\n\r\n    .ico-countdown{\r\n        font-size: 22px;\r\n        margin-right: -12px;\r\n        margin-left: -12px;\r\n        @media (max-width: 575.98px) {\r\n            display: block;\r\n        }\r\n        .coming-box{\r\n            margin-right: 12px;\r\n            margin-left: 12px;\r\n            border: 1px solid var(--#{$prefix}border-color);\r\n            border-radius: 4px;\r\n            padding: 8px;\r\n            background-color: var(--#{$prefix}custom-white);\r\n\r\n            @media (max-width: 575.98px) {\r\n                display: inline-block;\r\n                width: 40%;\r\n                margin-bottom: 24px;\r\n            }\r\n\r\n            span{\r\n                background-color: var(--#{$prefix}light);\r\n                font-size: 12px;\r\n                padding: 4px;\r\n                margin-top: 8px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .softcap-progress{\r\n        overflow: visible;\r\n\r\n        .progress-bar{\r\n            overflow: visible;\r\n        }\r\n\r\n        .progress-label{\r\n            position: relative;\r\n            text-align: right;\r\n            color: var(--#{$prefix}body-color);\r\n            bottom: 20px;\r\n            font-size: 12px;\r\n            font-weight: $fw-medium;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// currency price\r\n\r\n.currency-price{\r\n    position: relative;\r\n    bottom: 40px;\r\n}\r\n\r\n\r\n// Clients\r\n\r\n.client-images {\r\n    img {\r\n        max-height: 34px;\r\n        width: auto !important;\r\n        margin: 12px auto;\r\n        opacity: 0.7;\r\n        transition: all 0.4s;\r\n    }\r\n}\r\n\r\n\r\n// Features\r\n\r\n.features-number{\r\n    opacity: 0.1;\r\n}\r\n\r\n\r\n// Team\r\n\r\n.team-box{\r\n    .team-social-links{\r\n        a{\r\n            color: var(--#{$prefix}body-color);\r\n            font-size: 14px;\r\n        }\r\n    }\r\n}\r\n\r\n// Blog\r\n\r\n.blog-box{\r\n    .blog-badge{\r\n        position: absolute;\r\n        top: 12px;\r\n        right: 12px;\r\n    }\r\n}\r\n\r\n// landing footer\r\n\r\n.landing-footer{\r\n    padding: 80px 0 40px;\r\n    background-color: $sidebar-dark-bg;\r\n    color: rgba($white, 0.5);\r\n\r\n    .footer-list-title{\r\n        color: rgba($white, 0.9);\r\n    }\r\n\r\n    .footer-list-menu {\r\n        li {\r\n            a {\r\n                display: block;\r\n                color: rgba($white, 0.5);\r\n                margin-bottom: 14px;\r\n                transition: all 0.4s;\r\n                &:hover{\r\n                    color: rgba($white, 0.8);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .blog-post{\r\n\r\n        .post{\r\n            display: block;\r\n            color: rgba($white, 0.5);\r\n            padding: 16px 0px;\r\n            border-bottom: 1px solid rgba($white, 0.1);\r\n            .post-title{\r\n                color: rgba($white, 0.8);\r\n                font-size: 14px;\r\n            }\r\n\r\n            &:first-of-type{\r\n                padding-top: 0;\r\n            }\r\n\r\n            &:last-of-type{\r\n                padding-bottom: 0;\r\n                border-bottom: 0;\r\n            }\r\n        }\r\n    }\r\n\r\n    .footer-border{\r\n        border-color: rgba($white, 0.1);\r\n    }\r\n}\r\n\r\n","// \r\n// coming-soon.scss\r\n//\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    span {\r\n        font-size: 16px;\r\n        font-weight: $font-weight-normal;\r\n        display: block;\r\n        padding-top: 5px;\r\n    }\r\n}\r\n\r\n.coming-box {\r\n    width: 25%;\r\n}\r\n","// \r\n// timeline.scss\r\n//\r\n\r\n/************** Horizontal timeline **************/ \r\n\r\n\r\n.hori-timeline{\r\n    .events{\r\n        .event-list{\r\n            text-align: center;\r\n            display: block;\r\n\r\n            .event-down-icon{\r\n                position: relative;\r\n                &::before{\r\n                    content: \"\";\r\n                    position: absolute;\r\n                    width: 100%;\r\n                    top: 16px;\r\n                    left: 0;\r\n                    right: 0;\r\n                    border-bottom: 3px dashed var(--#{$prefix}gray-300);\r\n                }\r\n                .down-arrow-icon{\r\n                    position: relative;\r\n                    background-color: var(--#{$prefix}custom-white);\r\n                    padding: 4px;\r\n                }\r\n            }\r\n\r\n            &:hover{\r\n                .down-arrow-icon{\r\n                    animation: fade-down 1.5s infinite linear;\r\n                }\r\n            }\r\n\r\n            &.active{\r\n                .down-arrow-icon{\r\n                    animation: fade-down 1.5s infinite linear;\r\n                    &:before {\r\n                        content: \"\\ec4c\";\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n/************** vertical timeline **************/ \r\n\r\n.verti-timeline{\r\n    border-left: 3px dashed var(--#{$prefix}gray-300);\r\n    margin: 0 10px;\r\n    .event-list{\r\n        position: relative;\r\n        padding: 0px 0px 40px 30px;\r\n\r\n        .event-timeline-dot{\r\n            position: absolute;\r\n            left: -9px;\r\n            top: 0px;\r\n            z-index: 9;\r\n            font-size: 16px;\r\n        }\r\n        .event-content{\r\n            position: relative;\r\n            border: 2px solid var(--#{$prefix}border-color);\r\n            border-radius: 7px;\r\n        }\r\n\r\n        &.active{\r\n            .event-timeline-dot{\r\n                color: $primary;\r\n            }\r\n        }\r\n\r\n        &:last-child{\r\n            padding-bottom: 0px;\r\n        }\r\n    }\r\n}","// \r\n// Extras pages.scss\r\n//\r\n\r\n\r\n// pricing\r\n\r\n\r\n.plan-box{\r\n    .plan-btn{\r\n        position: relative;\r\n\r\n        &::before{\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 2px;\r\n            background: var(--#{$prefix}gray-300);\r\n            left: 0px;\r\n            right: 0px;\r\n            top: 12px;\r\n        }\r\n    }\r\n}\r\n\r\n// blog\r\n\r\n.blog-play-icon{\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    right: 0;\r\n    transform: translateY(-50%);\r\n    margin: 0px auto;\r\n}","//\r\n// _jobs.scss\r\n//\r\n\r\n.jobs-categories {\r\n    a {\r\n        color: var(--#{$prefix}body-color); \r\n        transition: all 0.5s ease;\r\n        &:hover  {\r\n            color: $primary;\r\n        }\r\n    }\r\n}"]}