{"version":3,"sources":["custom/fonts/_fonts.scss","custom/structure/_general.scss","custom/structure/_topbar.scss","app.css","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/_root.scss","custom/components/_avatar.scss","custom/components/_alerts.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","custom/components/_print.scss","custom/components/_carousel.scss","custom/plugins/_custom-scrollbar.scss","custom/plugins/_calendar.scss","custom/plugins/_range-slider.scss","custom/plugins/_sweatalert2.scss","custom/plugins/_alertify.scss","custom/plugins/_swiper-slider.scss","custom/plugins/_choices.scss","custom/plugins/_switch.scss","custom/plugins/_gridjs.scss","custom/plugins/_colorpicker.scss","custom/plugins/_datepicker.scss","custom/plugins/_form-editors.scss","custom/plugins/_form-upload.scss","custom/plugins/_form-wizard.scss","custom/plugins/_apexcharts.scss","custom/plugins/_echarts.scss","custom/plugins/_chartjs.scss","custom/plugins/_lightbox.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/_file-manager.scss","custom/pages/_email.scss","custom/pages/_chat.scss","custom/pages/_contacts.scss","custom/pages/_projects.scss","custom/pages/_coming-soon.scss","custom/pages/_timeline.scss","custom/pages/_extras-pages.scss"],"names":[],"mappings":"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","file":"app.min.css","sourcesContent":["//\n// Google font - Work Sans\n//\n\n@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Montserrat:wght@400;500;600&display=swap');\n","\n.mt-n5 {\n    margin-top: -3rem!important;\n}\n","//\n// _header.scss\n//\n\n.ishorizontal-topbar,\n.isvertical-topbar {\n    position: fixed;\n    top: 0;\n    right: 0;\n    left: $sidebar-width;\n    z-index: 1005;\n    background-color: var(--#{$prefix}body-bg);\n    transition: all 0.2s;\n\n    @media (max-width: 991.98px) {\n        background-color: $header-bg;\n    }\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: $header-height;\n    max-width: 98%;\n    padding: 0 calc(#{$grid-gutter-width} / 2) 0 calc(#{$grid-gutter-width} / 2);\n\n    .dropdown {\n        .header-item.show {\n            color: $primary;\n        }\n    }\n\n    .navbar-brand-box {\n        display: none;\n    }\n}\n\nbody {\n    &:not([data-sidebar-size=\"sm\"]) {\n        .navbar-header {\n            .vertical-menu-btn {\n                display: none;\n            }\n        }\n\n        .app-search {\n            margin-left: 10px;\n        }\n    }\n}\n\n.navbar-brand-box {\n    padding: 0 1.5rem;\n    width: calc(#{$sidebar-width} - 2px);\n    position: fixed;\n    z-index: 1;\n    background-color: var(--#{$prefix}navbar-brand-box-bg);\n    transition: all 0.2s;\n}\n\n.logo {\n    line-height: $header-height;\n    .logo-sm {\n        display: none;\n    }\n}\n\n.logo-dark {\n    display: $display-block;\n}\n\n.logo-light {\n    display: $display-none;\n}\n\n/* Search */\n\n.app-search {\n    padding: calc(#{$header-height - 44px} / 2) 0;\n\n    .form-control {\n        border: 1px solid $topbar-search-border;\n        height: 44px;\n        padding-left: 40px;\n        padding-right: 20px;\n        background-color: $topbar-search-bg;\n        box-shadow: $box-shadow;\n        border-radius: 0.6rem;\n        width: 320px;\n    }\n    span {\n        position: absolute;\n        z-index: 10;\n        line-height: 40px;\n        left: 13px;\n        top: 50%;\n        font-size: 16px;\n        transform: translateY(-50%);\n        color: $gray-500;\n    }\n}\n\n// Mega menu\n\n.megamenu-list {\n    li {\n        position: relative;\n        padding: 5px 0px;\n        a {\n            color: $dropdown-color;\n        }\n    }\n}\n\n@media (max-width: 991.98px) {\n    .navbar-brand-box {\n        width: auto;\n    }\n\n    .ishorizontal-topbar,\n    .isvertical-topbar {\n        left: 0;\n\n        .navbar-header {\n            .navbar-brand-box {\n                display: inline-block;\n                position: relative;\n                background-color: $header-bg;\n            }\n\n            .vertical-menu-btn {\n                display: inline-block !important;\n            }\n        }\n    }\n\n    .logo {\n        span.logo-lg {\n            display: none;\n        }\n\n        span.logo-sm {\n            display: inline-block;\n        }\n    }\n\n    [data-bs-theme=\"dark\"] {\n        .ishorizontal-topbar,\n        .isvertical-topbar {\n            .navbar-header {\n                .navbar-brand-box {\n                    background-color: $topnav-dark-bg;\n                }\n            }\n        }\n    }\n}\n[data-topbar=\"dark\"] {\n    .ishorizontal-topbar,\n    .isvertical-topbar {\n        .navbar-header {\n            .page-title {\n                color: #eeeff1 !important;\n            }\n        }\n    }\n}\n\n.page-content {\n    padding: $header-height calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\n    .container-fluid {\n        max-width: 98%;\n    }\n}\n\n.header-item {\n    height: $header-height;\n    box-shadow: none !important;\n    fill: $header-item-color;\n    border: 0;\n    border-radius: 0px;\n\n    &:hover {\n        fill: $header-item-color;\n    }\n}\n\n.header-profile-user {\n    height: 42px;\n    width: 42px;\n    border: 1px solid var(--#{$prefix}border-color);\n    padding: 3px;\n}\n.user {\n    .user-item-desc {\n        line-height: 1.2;\n    }\n\n    .user-name {\n        font-size: 14.4px;\n        font-weight: $font-weight-semibold;\n        display: block;\n        color: $gray-700;\n    }\n\n    .user-sub-title {\n        color: $text-muted;\n        font-size: 11px;\n        font-weight: $font-weight-semibold;\n    }\n}\n\n.noti-icon {\n    position: relative;\n    i {\n        font-size: 24px;\n        color: $header-item-color;\n    }\n\n    .noti-dot {\n        position: absolute;\n        top: 20px;\n        right: 10px;\n        height: 14px;\n        width: 14px;\n        color: $white;\n        line-height: 14px;\n        font-weight: 500;\n        font-size: 10px;\n    }\n\n    .badge {\n        position: absolute;\n        top: 12px;\n        right: 6px;\n        border: 2px solid var(--#{$prefix}border-color);\n    }\n}\n\n.notification-item {\n    .d-flex {\n        padding: 1rem;\n        border-bottom: 1px solid var(--#{$prefix}border-color);\n\n        &:hover {\n            background-color: $dropdown-link-hover-bg;\n        }\n    }\n}\n\n// Dropdown with Icons\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: $gray-600;\n\n    img {\n        height: 24px;\n    }\n\n    span {\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    &:hover {\n        border-color: var(--#{$prefix}border-color);\n    }\n}\n\n// Full Screen\n.fullscreen-enable {\n    [data-toggle=\"fullscreen\"] {\n        .uil-minus-path::before {\n            content: \"\\eb8d\";\n        }\n    }\n}\n\nbody[data-topbar=\"dark\"] {\n    .ishorizontal-topbar,\n    .isvertical-topbar {\n        background-color: $header-dark-bg;\n    }\n\n    .navbar-header {\n        .dropdown.show {\n            .header-item {\n                background-color: rgba($white, 0.05);\n            }\n        }\n    }\n\n    .header-item {\n        fill: $header-dark-mode-item-color;\n\n        i {\n            color: $header-dark-mode-item-color;\n        }\n\n        span {\n            color: $header-dark-mode-item-color;\n        }\n\n        &:hover {\n            fill: $header-dark-mode-item-color;\n        }\n    }\n\n    .header-profile-user {\n        border-color: rgba($white, 0.25);\n    }\n\n    .user-name {\n        color: $header-dark-item-color;\n    }\n\n    .user-sub-title {\n        color: rgba($white, 0.5);\n    }\n\n    .noti-icon {\n        i {\n            color: $header-dark-item-color;\n        }\n\n        .noti-dot {\n            box-shadow: 0 0 0 3px $header-dark-bg;\n        }\n    }\n\n    .app-search {\n        .form-control {\n            background-color: $gray-200;\n            color: $white;\n            border: 1px solid $gray-300;\n            box-shadow: var(--#{$prefix}box-shadow);\n        }\n        span,\n        input.form-control::-webkit-input-placeholder {\n            color: rgba($white, 0.5);\n        }\n    }\n\n    .page-content {\n        padding: calc(#{$header-height} + 24px) calc(#{$grid-gutter-width} / 2) $footer-height\n            calc(#{$grid-gutter-width} / 2);\n    }\n\n    @media (max-width: 991.98px) {\n        .ishorizontal-topbar,\n        .isvertical-topbar {\n            .navbar-header {\n                .navbar-brand-box {\n                    background-color: $topnav-dark-bg;\n\n                    .logo-dark {\n                        display: none;\n                    }\n\n                    .logo-light {\n                        display: block;\n                    }\n                }\n            }\n        }\n\n        .logo {\n            span.logo-lg {\n                display: none;\n            }\n\n            span.logo-sm {\n                display: inline-block;\n            }\n        }\n\n        .noti-icon {\n            .noti-dot {\n                box-shadow: 0 0 0 3px $header-dark-bg;\n            }\n        }\n    }\n}\n\nbody[data-sidebar=\"dark\"] {\n    .navbar-brand-box {\n        background: $sidebar-dark-bg;\n\n        .logo-dark {\n            display: none;\n        }\n\n        .logo-light {\n            display: block;\n        }\n    }\n}\n\n@media (max-width: 600px) {\n    .navbar-header {\n        .dropdown {\n            position: static;\n\n            .dropdown-menu {\n                left: 10px !important;\n                right: 10px !important;\n                transform: translate3d(0px, $header-height, 0px) !important;\n            }\n        }\n    }\n}\n\n@media (max-width: 380px) {\n    .navbar-brand-box {\n        display: none;\n    }\n}\n\n@media (max-width: 374.99px) {\n    .navbar-brand-box {\n        padding: 0 1rem;\n    }\n\n    .language-switch {\n        display: none !important;\n    }\n}\n\nbody[data-bs-theme=\"dark\"] {\n    // .ishorizontal-topbar, .isvertical-topbar {\n    //     background-color: darken($gray--200, 5%);\n    // }\n\n    .navbar-brand-box {\n        .logo-dark {\n            display: none;\n        }\n        .logo-light {\n            display: block;\n        }\n    }\n\n    .header-item {\n        fill: $header-dark-item-color;\n\n        i {\n            color: $header-dark-item-color;\n        }\n\n        span {\n            color: $header-dark-item-color;\n        }\n\n        &:hover {\n            fill: $header-dark-item-color;\n        }\n    }\n\n    .dropdown-icon-item {\n        color: $gray-500;\n\n        &:hover {\n            border-color: $gray-300;\n        }\n    }\n\n    .noti-icon {\n        .noti-dot {\n            box-shadow: 0 0 0 3px $topnav-dark-bg;\n        }\n    }\n\n    .notification-item {\n        .d-flex {\n            border-color: var(--#{$prefix}border-color);\n        }\n    }\n\n    &[data-topbar=\"light\"] {\n        .page-content {\n            padding: calc(#{$header-height} + 24px) calc(#{$grid-gutter-width} / 2) $footer-height\n                calc(#{$grid-gutter-width} / 2);\n        }\n\n        .page-title {\n            color: #555b6d;\n        }\n\n        .ishorizontal-topbar,\n        .isvertical-topbar {\n            background-color: var(--#{$prefix}header-bg) !important;\n        }\n\n        .app-search {\n            padding: calc(#{$header-height - 44px} / 2) 0;\n\n            .form-control {\n                border: 2px solid $topbar-search-border;\n                background-color: $topbar-search-bg;\n            }\n            span {\n                color: $gray-500;\n            }\n        }\n\n        .noti-icon {\n            i {\n                color: $header-item-color;\n            }\n\n            .noti-dot {\n                color: $white;\n                box-shadow: 0 0 0 3px $header-bg !important;\n            }\n\n            .badge {\n                border: 2px solid $body-bg;\n            }\n        }\n\n        .header-item {\n            fill: $header-item-color;\n            span {\n                color: $header-item-color;\n            }\n        }\n    }\n\n    &[data-topbar=\"dark\"] {\n        .page-content {\n            padding: $header-height calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\n        }\n    }\n}\n\n// topbar hidden\n\nbody[data-topbar=\"hidden\"] {\n    .isvertical-topbar {\n        display: none !important;\n    }\n    .page-content {\n        transition: all 0.3s;\n        padding: $grid-gutter-width calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\n    }\n}\n","/*\nTemplate Name: webadmin - Admin & Dashboard Template\nAuthor: Themesdesign\nVersion: 2.2.0\nWebsite: https://Themesdesign.com/\nContact: Themesdesign@gmail.com\nFile: Main Css File\n*/\n@import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Montserrat:wght@400;500;600&display=swap\");\n.mt-n5 {\n  margin-top: -3rem !important;\n}\n\n.ishorizontal-topbar,\n.isvertical-topbar {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 270px;\n  z-index: 1005;\n  background-color: var(--bs-body-bg);\n  transition: all 0.2s;\n}\n@media (max-width: 991.98px) {\n  .ishorizontal-topbar,\n  .isvertical-topbar {\n    background-color: var(--bs-header-bg);\n  }\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: 75px;\n  max-width: 98%;\n  padding: 0 calc(24px / 2) 0 calc(24px / 2);\n}\n.navbar-header .dropdown .header-item.show {\n  color: #1f58c7;\n}\n.navbar-header .navbar-brand-box {\n  display: none;\n}\n\nbody:not([data-sidebar-size=sm]) .navbar-header .vertical-menu-btn {\n  display: none;\n}\nbody:not([data-sidebar-size=sm]) .app-search {\n  margin-left: 10px;\n}\n\n.navbar-brand-box {\n  padding: 0 1.5rem;\n  width: calc(270px - 2px);\n  position: fixed;\n  z-index: 1;\n  background-color: var(--bs-navbar-brand-box-bg);\n  transition: all 0.2s;\n}\n\n.logo {\n  line-height: 75px;\n}\n.logo .logo-sm {\n  display: none;\n}\n\n.logo-dark {\n  display: block;\n}\n\n.logo-light {\n  display: none;\n}\n\n/* Search */\n.app-search {\n  padding: calc(31px / 2) 0;\n}\n.app-search .form-control {\n  border: 1px solid #eff0f2;\n  height: 44px;\n  padding-left: 40px;\n  padding-right: 20px;\n  background-color: #fff;\n  box-shadow: 0 0px 6px #ebeef4;\n  border-radius: 0.6rem;\n  width: 320px;\n}\n.app-search span {\n  position: absolute;\n  z-index: 10;\n  line-height: 40px;\n  left: 13px;\n  top: 50%;\n  font-size: 16px;\n  transform: translateY(-50%);\n  color: #7d8287;\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: 991.98px) {\n  .navbar-brand-box {\n    width: auto;\n  }\n  .ishorizontal-topbar,\n  .isvertical-topbar {\n    left: 0;\n  }\n  .ishorizontal-topbar .navbar-header .navbar-brand-box,\n  .isvertical-topbar .navbar-header .navbar-brand-box {\n    display: inline-block;\n    position: relative;\n    background-color: var(--bs-header-bg);\n  }\n  .ishorizontal-topbar .navbar-header .vertical-menu-btn,\n  .isvertical-topbar .navbar-header .vertical-menu-btn {\n    display: inline-block !important;\n  }\n  .logo span.logo-lg {\n    display: none;\n  }\n  .logo span.logo-sm {\n    display: inline-block;\n  }\n  [data-bs-theme=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box,\n  [data-bs-theme=dark] .isvertical-topbar .navbar-header .navbar-brand-box {\n    background-color: #131516;\n  }\n}\n[data-topbar=dark] .ishorizontal-topbar .navbar-header .page-title,\n[data-topbar=dark] .isvertical-topbar .navbar-header .page-title {\n  color: #eeeff1 !important;\n}\n\n.page-content {\n  padding: 75px calc(24px / 2) 60px calc(24px / 2);\n}\n.page-content .container-fluid {\n  max-width: 98%;\n}\n\n.header-item {\n  height: 75px;\n  box-shadow: none !important;\n  fill: #555b6d;\n  border: 0;\n  border-radius: 0px;\n}\n.header-item:hover {\n  fill: #555b6d;\n}\n\n.header-profile-user {\n  height: 42px;\n  width: 42px;\n  border: 1px solid var(--bs-border-color);\n  padding: 3px;\n}\n\n.user .user-item-desc {\n  line-height: 1.2;\n}\n.user .user-name {\n  font-size: 14.4px;\n  font-weight: 600;\n  display: block;\n  color: #282c2f;\n}\n.user .user-sub-title {\n  color: var(--bs-secondary-color);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.noti-icon {\n  position: relative;\n}\n.noti-icon i {\n  font-size: 24px;\n  color: #555b6d;\n}\n.noti-icon .noti-dot {\n  position: absolute;\n  top: 20px;\n  right: 10px;\n  height: 14px;\n  width: 14px;\n  color: #fff;\n  line-height: 14px;\n  font-weight: 500;\n  font-size: 10px;\n}\n.noti-icon .badge {\n  position: absolute;\n  top: 12px;\n  right: 6px;\n  border: 2px solid var(--bs-border-color);\n}\n\n.notification-item .d-flex {\n  padding: 1rem;\n  border-bottom: 1px solid var(--bs-border-color);\n}\n.notification-item .d-flex:hover {\n  background-color: var(--bs-tertiary-bg);\n}\n\n.dropdown-icon-item {\n  display: block;\n  border-radius: 3px;\n  line-height: 34px;\n  text-align: center;\n  padding: 15px 0 9px;\n  display: block;\n  border: 1px solid transparent;\n  color: #a4a9b4;\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-toggle=fullscreen] .uil-minus-path::before {\n  content: \"\\eb8d\";\n}\n\nbody[data-topbar=dark] .ishorizontal-topbar,\nbody[data-topbar=dark] .isvertical-topbar {\n  background-color: #131516;\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] .header-item {\n  fill: #c0c5cb;\n}\nbody[data-topbar=dark] .header-item i {\n  color: #c0c5cb;\n}\nbody[data-topbar=dark] .header-item span {\n  color: #c0c5cb;\n}\nbody[data-topbar=dark] .header-item:hover {\n  fill: #c0c5cb;\n}\nbody[data-topbar=dark] .header-profile-user {\n  border-color: rgba(255, 255, 255, 0.25);\n}\nbody[data-topbar=dark] .user-name {\n  color: #c0c5cb;\n}\nbody[data-topbar=dark] .user-sub-title {\n  color: rgba(255, 255, 255, 0.5);\n}\nbody[data-topbar=dark] .noti-icon i {\n  color: #c0c5cb;\n}\nbody[data-topbar=dark] .noti-icon .noti-dot {\n  box-shadow: 0 0 0 3px #131516;\n}\nbody[data-topbar=dark] .app-search .form-control {\n  background-color: #f5f6f8;\n  color: #fff;\n  border: 1px solid #eff0f2;\n  box-shadow: var(--bs-box-shadow);\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}\nbody[data-topbar=dark] .page-content {\n  padding: calc(75px + 24px) calc(24px / 2) 60px calc(24px / 2);\n}\n@media (max-width: 991.98px) {\n  body[data-topbar=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box,\n  body[data-topbar=dark] .isvertical-topbar .navbar-header .navbar-brand-box {\n    background-color: #131516;\n  }\n  body[data-topbar=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box .logo-dark,\n  body[data-topbar=dark] .isvertical-topbar .navbar-header .navbar-brand-box .logo-dark {\n    display: none;\n  }\n  body[data-topbar=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box .logo-light,\n  body[data-topbar=dark] .isvertical-topbar .navbar-header .navbar-brand-box .logo-light {\n    display: block;\n  }\n  body[data-topbar=dark] .logo span.logo-lg {\n    display: none;\n  }\n  body[data-topbar=dark] .logo span.logo-sm {\n    display: inline-block;\n  }\n  body[data-topbar=dark] .noti-icon .noti-dot {\n    box-shadow: 0 0 0 3px #131516;\n  }\n}\n\nbody[data-sidebar=dark] .navbar-brand-box {\n  background: var(--bs-sidebar-dark-bg);\n}\nbody[data-sidebar=dark] .navbar-brand-box .logo-dark {\n  display: none;\n}\nbody[data-sidebar=dark] .navbar-brand-box .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    transform: translate3d(0px, 75px, 0px) !important;\n  }\n}\n@media (max-width: 380px) {\n  .navbar-brand-box {\n    display: none;\n  }\n}\n@media (max-width: 374.99px) {\n  .navbar-brand-box {\n    padding: 0 1rem;\n  }\n  .language-switch {\n    display: none !important;\n  }\n}\nbody[data-bs-theme=dark] .navbar-brand-box .logo-dark {\n  display: none;\n}\nbody[data-bs-theme=dark] .navbar-brand-box .logo-light {\n  display: block;\n}\nbody[data-bs-theme=dark] .header-item {\n  fill: #c0c5cb;\n}\nbody[data-bs-theme=dark] .header-item i {\n  color: #c0c5cb;\n}\nbody[data-bs-theme=dark] .header-item span {\n  color: #c0c5cb;\n}\nbody[data-bs-theme=dark] .header-item:hover {\n  fill: #c0c5cb;\n}\nbody[data-bs-theme=dark] .dropdown-icon-item {\n  color: #7d8287;\n}\nbody[data-bs-theme=dark] .dropdown-icon-item:hover {\n  border-color: #eff0f2;\n}\nbody[data-bs-theme=dark] .noti-icon .noti-dot {\n  box-shadow: 0 0 0 3px #131516;\n}\nbody[data-bs-theme=dark] .notification-item .d-flex {\n  border-color: var(--bs-border-color);\n}\nbody[data-bs-theme=dark][data-topbar=light] .page-content {\n  padding: calc(75px + 24px) calc(24px / 2) 60px calc(24px / 2);\n}\nbody[data-bs-theme=dark][data-topbar=light] .page-title {\n  color: #555b6d;\n}\nbody[data-bs-theme=dark][data-topbar=light] .ishorizontal-topbar,\nbody[data-bs-theme=dark][data-topbar=light] .isvertical-topbar {\n  background-color: var(--bs-header-bg) !important;\n}\nbody[data-bs-theme=dark][data-topbar=light] .app-search {\n  padding: calc(31px / 2) 0;\n}\nbody[data-bs-theme=dark][data-topbar=light] .app-search .form-control {\n  border: 2px solid #eff0f2;\n  background-color: #fff;\n}\nbody[data-bs-theme=dark][data-topbar=light] .app-search span {\n  color: #7d8287;\n}\nbody[data-bs-theme=dark][data-topbar=light] .noti-icon i {\n  color: #555b6d;\n}\nbody[data-bs-theme=dark][data-topbar=light] .noti-icon .noti-dot {\n  color: #fff;\n  box-shadow: 0 0 0 3px var(--bs-header-bg) !important;\n}\nbody[data-bs-theme=dark][data-topbar=light] .noti-icon .badge {\n  border: 2px solid #f8f9fb;\n}\nbody[data-bs-theme=dark][data-topbar=light] .header-item {\n  fill: #555b6d;\n}\nbody[data-bs-theme=dark][data-topbar=light] .header-item span {\n  color: #555b6d;\n}\nbody[data-bs-theme=dark][data-topbar=dark] .page-content {\n  padding: 75px calc(24px / 2) 60px calc(24px / 2);\n}\n\nbody[data-topbar=hidden] .isvertical-topbar {\n  display: none !important;\n}\nbody[data-topbar=hidden] .page-content {\n  transition: all 0.3s;\n  padding: 24px calc(24px / 2) 60px calc(24px / 2);\n}\n\n.page-title-box {\n  padding: 0 0.75rem;\n}\n.page-title-box .breadcrumb {\n  background-color: transparent;\n  padding: 0;\n}\n.page-title-box h4 {\n  font-size: 21px !important;\n}\n@media (max-width: 575.98px) {\n  .page-title-box .page-title-right {\n    display: none;\n  }\n}\n\n.page-title {\n  font-size: 20px;\n  margin: 0;\n}\n\n.footer {\n  bottom: 0;\n  padding: 20px calc(24px / 2);\n  position: absolute;\n  right: 0;\n  color: var(--bs-body-color);\n  left: 270px;\n  height: 60px;\n  background-color: var(--bs-secondary-bg);\n  border-top: var(--bs-border-width) solid var(--bs-border-color-translucent);\n  box-shadow: var(--bs-box-shadow);\n}\n.footer .container-fluid {\n  width: 98%;\n}\n\n@media (max-width: 992px) {\n  .footer {\n    left: 0;\n  }\n}\nbody[data-sidebar-size=sm] .footer {\n  left: 70px;\n}\n\nbody[data-layout=horizontal] .footer {\n  left: 0 !important;\n}\n\n.right-bar {\n  background-color: var(--bs-secondary-bg);\n  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\n  display: block;\n  position: fixed;\n  transition: all 200ms ease-out;\n  width: 320px;\n  z-index: 9999;\n  float: right !important;\n  right: -330px;\n  top: 0;\n  bottom: 0;\n}\n.right-bar .right-bar-toggle-close {\n  background-color: #242729;\n  height: 24px;\n  width: 24px;\n  line-height: 24px;\n  color: #f5f6f8;\n  text-align: center;\n  border-radius: 50%;\n}\n.right-bar .right-bar-toggle-close:hover {\n  background-color: #2b2f31;\n}\n\n.rightbar-overlay {\n  background-color: rgba(19, 21, 22, 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: 575.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 .disabled a {\n  filter: grayscale(80%);\n  opacity: 0.8;\n  cursor: not-allowed;\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: 270px;\n  z-index: 1005;\n  background: var(--bs-sidebar-bg);\n  bottom: 0;\n  margin-top: 0;\n  position: fixed;\n  box-shadow: 0 -2px 5px rgba(52, 58, 64, 0.06);\n  top: 0;\n  border-right: 1px solid var(--bs-sidebar-border-color);\n  transition: all 0.2s;\n}\n.vertical-menu .vertical-menu-btn {\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 2;\n}\n\n.main-content {\n  margin-left: 270px;\n}\n.main-content .content {\n  padding: 0 15px 10px 15px;\n  margin-top: 75px;\n}\n\n.sidebar-menu-scroll {\n  height: calc(100% - (75px + 26px));\n  margin-top: 75px;\n}\n\n#sidebar-menu {\n  padding: 0px 0 30px 0;\n}\n#sidebar-menu .mm-active > .has-arrow:after {\n  transform: rotate(-180deg);\n  content: \"\\f0374\";\n}\n#sidebar-menu .has-arrow:after {\n  content: \"\\f0415\";\n  font-family: \"Material Design Icons\";\n  display: block;\n  transition: transform 0.2s;\n  font-size: 1rem;\n  position: absolute;\n  right: 15px;\n  top: 12px;\n}\n#sidebar-menu .has-arrow + ul .has-arrow:after {\n  right: 20px;\n  top: 10px;\n}\n#sidebar-menu .metismenu .menu-title::after {\n  display: none;\n}\n#sidebar-menu .metismenu .menu-item {\n  margin-left: 15px;\n}\n#sidebar-menu ul li a {\n  display: flex;\n  padding: 0.8rem 1rem;\n  border-radius: 12px;\n  color: var(--bs-sidebar-menu-item-color);\n  position: relative;\n  font-weight: 500;\n  transition: all 0.4s;\n  font-size: 14px;\n  margin: 0 15px;\n  font-family: \"Montserrat\", sans-serif;\n  align-items: center;\n}\n#sidebar-menu ul li a .nav-icon {\n  width: 18px;\n  height: 18px;\n  display: inline-block;\n  min-width: 1.5rem;\n  vertical-align: middle;\n  fill: var(--bs-sidebar-menu-item-icon-color);\n  transition: all 0.3s;\n  top: -1px;\n  font-size: 1.3rem;\n  line-height: 1.40625rem;\n}\n#sidebar-menu ul li a:hover {\n  color: var(--bs-sidebar-menu-item-hover-color);\n  margin-left: 20px;\n}\n#sidebar-menu ul li a:hover .nav-icon {\n  fill: var(--bs-sidebar-menu-item-hover-color);\n}\n#sidebar-menu ul li .badge {\n  margin-left: auto;\n}\n#sidebar-menu ul li ul.sub-menu {\n  position: relative;\n}\n#sidebar-menu ul li ul.sub-menu:before {\n  content: \"\";\n  position: absolute;\n  left: 40px;\n  top: 10px;\n  bottom: 10px;\n  width: 2px;\n  background: var(--bs-sidebar-menu-sub-item-line-color);\n}\n#sidebar-menu ul li ul.sub-menu li a {\n  padding: 0.8rem 1.5rem 0.5rem 1.5rem;\n}\n#sidebar-menu ul li ul.sub-menu li a:before {\n  content: \"\";\n  width: 12px;\n  height: 10px;\n  border-radius: 50%;\n  background: 0 0;\n  border: 2px solid;\n  position: absolute;\n  left: -7px;\n  border-color: transparent transparent var(--bs-sidebar-menu-sub-item-line-color) transparent;\n  top: 14px;\n  transition: all 0.4s ease-in-out;\n}\n#sidebar-menu ul li ul.sub-menu li a:hover {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\n#sidebar-menu ul li ul.sub-menu li a:hover:before {\n  border-color: transparent transparent var(--bs-sidebar-menu-sub-item-active-color) transparent;\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 3.5rem;\n}\n#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a:before {\n  left: 25px;\n  top: 8px;\n}\n#sidebar-menu ul li.mm-active {\n  color: var(--bs-sidebar-menu-item-active-color);\n}\n#sidebar-menu ul li.mm-active > a {\n  background-color: var(--bs-sidebar-menu-item-active-bg-color);\n  color: var(--bs-sidebar-menu-item-active-color);\n}\n#sidebar-menu ul li.mm-active > a .nav-icon {\n  fill: var(--bs-sidebar-menu-item-active-color) !important;\n}\n#sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n  background: transparent;\n}\n#sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n  border-color: transparent transparent var(--bs-sidebar-menu-sub-item-active-color) transparent;\n}\n\n.menu-title {\n  padding: 12px 25px !important;\n  letter-spacing: 0.08em;\n  pointer-events: none;\n  cursor: default;\n  font-size: 10px;\n  text-transform: uppercase;\n  color: var(--bs-sidebar-menu-item-color);\n  font-weight: 600;\n  opacity: 0.6;\n}\n\n@media (max-width: 991.98px) {\n  .vertical-menu {\n    display: none;\n    top: 75px;\n  }\n  .vertical-menu .sidebar-menu-scroll {\n    height: 100%;\n    margin-top: 0;\n  }\n  .vertical-menu .navbar-brand-box,\n  .vertical-menu .vertical-menu-btn {\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@media (min-width: 769px) {\n  body[data-sidebar-size=sm] {\n    min-height: 1200px;\n  }\n}\nbody[data-sidebar-size=sm] .main-content {\n  margin-left: 70px;\n}\nbody[data-sidebar-size=sm] .navbar-brand-box {\n  width: 70px !important;\n  text-align: center;\n}\nbody[data-sidebar-size=sm] .logo span.logo-lg {\n  display: none;\n}\nbody[data-sidebar-size=sm] .logo span.logo-sm {\n  display: block;\n}\nbody[data-sidebar-size=sm] #page-topbar {\n  left: 70px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=sm] #page-topbar {\n    left: 0;\n  }\n}\nbody[data-sidebar-size=sm] .vertical-menu {\n  position: absolute;\n  width: 70px !important;\n  z-index: 1005;\n}\nbody[data-sidebar-size=sm] .vertical-menu::before {\n  position: fixed;\n  left: 70px;\n  top: 0;\n}\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-mask,\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-content-wrapper {\n  overflow: visible !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-scrollbar,\nbody[data-sidebar-size=sm] .vertical-menu .vertical-menu-btn {\n  display: none !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-offset {\n  bottom: 0 !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .menu-title,\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .badge {\n  display: none !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .nav.collapse {\n  height: inherit !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .has-arrow:after {\n  transform: rotate(-90deg);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li {\n  position: relative;\n  white-space: nowrap;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a {\n  padding: 15px 0px;\n  transition: none;\n  display: block;\n  margin: 0 15px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:hover, body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:active, body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:focus {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a i {\n  font-size: 1.3rem;\n  text-align: center;\n  min-width: 50px;\n  padding-bottom: 0;\n  margin-left: -6px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a span {\n  display: none;\n  padding-left: 25px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a.has-arrow:after {\n  display: none;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a .nav-icon {\n  top: -2px;\n  width: 20px;\n  height: 20px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  position: relative;\n  width: calc(180px + 70px);\n  color: #1f58c7;\n  background-color: var(--bs-sidebar-menu-item-active-bg-color);\n  transition: none;\n  box-shadow: inset 0 3px 10px 0 rgba(154, 161, 171, 0.1);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n  fill: #1f58c7;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a span {\n  display: inline;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul {\n  display: block;\n  left: 70px;\n  position: absolute;\n  width: 190px;\n  height: auto !important;\n  box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul ul {\n  box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);\n  border: 1px solid var(--bs-sidebar-border-color);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  box-shadow: none;\n  padding: 8px 20px;\n  position: relative;\n  width: 180px;\n  z-index: 6;\n  color: var(--bs-sidebar-menu-sub-item-color);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {\n  padding: 5px 0;\n  z-index: 9999;\n  display: none;\n  background-color: var(--bs-sidebar-bg);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul li:hover > ul {\n  display: block;\n  left: 180px;\n  height: auto !important;\n  margin-top: -36px;\n  position: absolute;\n  width: 180px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul li > a span.pull-right {\n  position: absolute;\n  right: 20px;\n  top: 12px;\n  transform: rotate(270deg);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul li.active a {\n  color: #f8f9fa;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu:before {\n  display: none;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:before {\n  display: none;\n}\nbody[data-sidebar-size=sm] .vertical-menu .sidebar-footer {\n  display: none;\n}\n\n.main-content {\n  min-height: 100vh;\n}\n\nbody[data-bs-theme=dark] #page-topbar {\n  background-color: #131516;\n  box-shadow: none;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li a {\n  color: #7e8388;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li a .nav-icon {\n  fill: #7e8388;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li a:hover {\n  color: #eeeff1;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li a:hover .nav-icon {\n  fill: #eeeff1;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu:before {\n  background: var(--bs-sidebar-dark-menu-sub-item-line-color);\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {\n  color: #7e8388;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:before {\n  border-color: transparent transparent var(--bs-sidebar-dark-menu-sub-item-line-color) transparent;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #eeeff1;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover:before {\n  border-color: transparent transparent #eeeff1 transparent;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active {\n  color: #eeeff1 !important;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active > a {\n  background-color: var(--bs-sidebar-dark-menu-item-active-bg-color);\n  color: #eeeff1 !important;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active > a::before {\n  background-color: #eeeff1;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active > a .nav-icon {\n  fill: #eeeff1 !important;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n  color: #eeeff1 !important;\n  background: transparent;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n  border-color: transparent transparent #eeeff1 transparent;\n}\nbody[data-bs-theme=dark][data-sidebar=dark] .sidebar-footer {\n  color: var(--bs-sidebar-dark-menu-item-color);\n}\nbody[data-bs-theme=dark][data-sidebar=dark] .sidebar-footer .main-title {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-bs-theme=dark][data-sidebar=dark][data-sidebar-size=md][data-sidebar=dark] #sidebar-menu ul li.menu-title {\n  background-color: #2d3234 !important;\n}\nbody[data-bs-theme=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n  fill: #eeeff1;\n}\nbody[data-bs-theme=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  color: #7e8388;\n}\nbody[data-bs-theme=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n  color: #eeeff1;\n}\nbody[data-bs-theme=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {\n  background-color: var(--bs-sidebar-dark-bg);\n}\nbody[data-bs-theme=dark][data-sidebar=dark] .menu-title {\n  color: var(--bs-sidebar-dark-menu-item-color);\n}\n\nbody[data-sidebar=dark] .vertical-menu {\n  background: var(--bs-sidebar-dark-bg);\n  border-color: var(--bs-sidebar-dark-bg);\n}\nbody[data-sidebar=dark] .vertical-menu .vertical-menu-btn {\n  fill: #c0c5cb;\n  color: #c0c5cb;\n}\nbody[data-sidebar=dark] .vertical-menu::before {\n  background-color: var(--bs-sidebar-dark-bg);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a {\n  color: var(--bs-sidebar-dark-menu-item-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a .nav-icon {\n  fill: var(--bs-sidebar-dark-menu-item-icon-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a:hover {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a:hover .nav-icon {\n  fill: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu:before {\n  background: var(--bs-sidebar-dark-menu-sub-item-line-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {\n  color: var(--bs-sidebar-dark-menu-sub-item-color);\n  background-color: transparent;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:before {\n  border-color: transparent transparent var(--bs-sidebar-dark-menu-sub-item-line-color) transparent;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #eeeff1;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover:before {\n  border-color: transparent transparent #eeeff1 transparent;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li.mm-active {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li.mm-active > a {\n  background-color: var(--bs-sidebar-dark-menu-item-active-bg-color);\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li.mm-active > a::before {\n  background-color: var(--bs-sidebar-dark-menu-item-active-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li.mm-active > a .nav-icon {\n  fill: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n  border-color: transparent transparent #eeeff1 transparent;\n  background-color: transparent !important;\n}\nbody[data-sidebar=dark] .sidebar-footer {\n  color: var(--bs-sidebar-dark-menu-item-color);\n}\nbody[data-sidebar=dark] .sidebar-footer .main-title {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] {\n  min-height: 1570px;\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .main-content {\n  min-height: 1570px;\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background-color: var(--bs-sidebar-dark-menu-item-active-bg-color) !important;\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n  fill: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  color: var(--bs-sidebar-dark-menu-sub-item-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {\n  background-color: var(--bs-sidebar-dark-bg);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu .sidebar-footer {\n  display: none;\n}\nbody[data-sidebar=dark] .menu-title {\n  color: var(--bs-sidebar-dark-menu-item-color);\n}\n\nbody[data-bs-theme=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background: var(--bs-sidebar-bg);\n  color: #eeeff1;\n}\nbody[data-bs-theme=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {\n  background-color: var(--bs-sidebar-bg);\n}\nbody[data-bs-theme=dark] .navbar-brand-box {\n  background: var(--bs-navbar-brand-box-bg);\n}\nbody[data-bs-theme=dark] .vertical-menu {\n  background: var(--bs-sidebar-bg);\n  border-color: var(--bs-border-color);\n}\nbody[data-bs-theme=dark] .vertical-menu::before {\n  background-color: var(--bs-sidebar-bg);\n}\n\nbody[data-layout=horizontal] .main-content {\n  margin-left: 0 !important;\n}\n\nbody[data-sidebar-size=md] .logo span.logo-lg {\n  display: none;\n}\nbody[data-sidebar-size=md] .logo span.logo-sm {\n  display: block;\n}\nbody[data-sidebar-size=md] .navbar-brand-box {\n  width: 160px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=md] .navbar-brand-box {\n    width: auto;\n  }\n}\nbody[data-sidebar-size=md] .vertical-menu {\n  width: 160px;\n  text-align: center;\n}\nbody[data-sidebar-size=md] .vertical-menu .has-arrow:after,\nbody[data-sidebar-size=md] .vertical-menu .badge {\n  display: none !important;\n}\nbody[data-sidebar-size=md] .vertical-menu .vertical-menu-btn {\n  display: none;\n}\nbody[data-sidebar-size=md] .main-content {\n  margin-left: 160px;\n}\nbody[data-sidebar-size=md] #page-topbar, body[data-sidebar-size=md] .footer {\n  left: 160px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=md] #page-topbar, body[data-sidebar-size=md] .footer {\n    left: 0;\n  }\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li .menu-item {\n  margin-left: 0px;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li a {\n  padding: 0.75rem 1.1rem;\n  display: block;\n  margin: 0 10px;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li a .nav-icon {\n  width: 20px;\n  height: 20px;\n  display: block;\n  margin: 0 auto;\n  padding-bottom: 0.2em;\n  top: -2px;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu {\n  padding: 0;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu:before {\n  display: none;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu li a {\n  padding-left: 1.5rem;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu li a:before {\n  display: none;\n}\nbody[data-sidebar-size=md]:not(.vertical-collpsed) .navbar-header .vertical-menu-btn {\n  display: block;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] .main-content {\n  margin-left: 70px;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] .vertical-menu #sidebar-menu {\n  text-align: left;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a .nav-icon {\n  display: inline-block;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] #page-topbar, body[data-sidebar-size=md][data-sidebar-size=sm] .footer {\n  left: 70px;\n}\n\nbody[data-sidebar=light] .vertical-menu {\n  background: var(--bs-sidebar-bg);\n  border-right: 1px solid var(--bs-sidebar-border-color);\n}\nbody[data-sidebar=light] .navbar-brand-box {\n  background-color: var(--bs-sidebar-bg);\n}\nbody[data-sidebar=light] .logo {\n  line-height: 75px;\n}\nbody[data-sidebar=light] .logo .logo-sm {\n  display: none;\n}\nbody[data-sidebar=light] .logo-dark {\n  display: block;\n}\nbody[data-sidebar=light] .logo-light {\n  display: none;\n}\nbody[data-sidebar=light] .logo-txt {\n  color: #131516 !important;\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .logo span.logo-lg {\n  display: none;\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .logo span.logo-sm {\n  display: block;\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:hover, body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:active, body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:focus {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  color: #1f58c7;\n  background-color: var(--bs-sidebar-menu-item-active-bg-color);\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n  color: #1f58c7;\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  color: var(--bs-sidebar-menu-sub-item-color);\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {\n  background-color: var(--bs-sidebar-bg);\n}\nbody[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul li.active a {\n  color: #f8f9fa;\n}\n\nbody[data-sidebar=brand] .vertical-menu {\n  background-color: #1f58c7;\n  border-color: #1f58c7;\n}\nbody[data-sidebar=brand] .vertical-menu .vertical-menu-btn {\n  color: rgba(255, 255, 255, 0.8);\n}\nbody[data-sidebar=brand][data-sidebar-size=md] #sidebar-menu ul li.menu-title {\n  background-color: rgba(255, 255, 255, 0.1);\n}\nbody[data-sidebar=brand] .navbar-brand-box {\n  background-color: #1f58c7;\n}\nbody[data-sidebar=brand] .navbar-brand-box .logo-dark {\n  display: none;\n}\nbody[data-sidebar=brand] .navbar-brand-box .logo-light {\n  display: block;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.menu-title {\n  color: rgba(255, 255, 255, 0.7);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a {\n  color: rgba(255, 255, 255, 0.7);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a .nav-icon {\n  fill: rgba(255, 255, 255, 0.7);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a:hover {\n  color: #fff;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a:hover .nav-icon {\n  fill: #fff;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu:before {\n  background: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:before {\n  border-color: transparent transparent rgba(255, 255, 255, 0.6) transparent;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #eeeff1;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover:before {\n  border-color: transparent transparent #fff transparent;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li .badge {\n  background-color: #fff;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active > a {\n  background: rgba(255, 255, 255, 0.2);\n  color: #fff !important;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active > a::before {\n  background-color: var(--bs-sidebar-dark-menu-item-active-color);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active > a .nav-icon {\n  fill: #fff !important;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n  border-color: transparent transparent #fff transparent;\n  background-color: transparent !important;\n}\nbody[data-sidebar=brand] .sidebar-footer .main-title {\n  color: rgba(255, 255, 255, 0.8);\n}\nbody[data-sidebar=brand] .sidebar-footer p {\n  color: rgba(255, 255, 255, 0.5);\n}\nbody[data-sidebar=brand][data-topbar=light] .navbar-brand-box {\n  background-color: #1f58c7;\n}\nbody[data-sidebar=brand][data-topbar=light] .navbar-brand-box .logo-dark {\n  display: none;\n}\nbody[data-sidebar=brand][data-topbar=light] .navbar-brand-box .logo-light {\n  display: block;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background-color: #205cd0;\n  color: #fff;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n  fill: #fff;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li.mm-active .active {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: var(--bs-sidebar-menu-item-active-color);\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a i {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu .sidebar-footer {\n  display: none;\n}\n\nbody[data-bs-theme=bordered] .app-search .form-control {\n  box-shadow: none;\n}\nbody[data-bs-theme=bordered] .vertical-menu {\n  box-shadow: none;\n}\nbody[data-bs-theme=bordered] .footer {\n  box-shadow: none;\n}\n\n[data-bs-theme=dark][data-sidebar=light] .navbar-brand-box .logo-dark {\n  display: block;\n}\n[data-bs-theme=dark][data-sidebar=light] .navbar-brand-box .logo-light {\n  display: none;\n}\n\n.ishorizontal-topbar {\n  display: none;\n}\n\nbody[data-layout=horizontal] .ishorizontal-topbar {\n  display: block;\n}\nbody[data-layout=horizontal] .vertical-menu {\n  display: none;\n}\nbody[data-layout=horizontal] .ishorizontal-topbar {\n  left: 0;\n  box-shadow: none;\n  border: 0;\n  border-radius: 0;\n  background-color: var(--bs-body-bg);\n}\nbody[data-layout=horizontal] .noti-dot {\n  box-shadow: 0 0 0 3px var(--bs-header-bg);\n}\nbody[data-layout=horizontal] .navbar-brand-box {\n  display: block;\n  width: auto;\n  border: 0;\n  background-color: transparent;\n  box-shadow: none;\n  position: relative;\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .navbar-brand-box {\n    padding-left: 0;\n    margin-right: 10px;\n  }\n}\nbody[data-layout=horizontal] .page-content {\n  margin-top: 75px;\n  padding: calc(60px + 24px) calc(24px / 2) 60px calc(24px / 2);\n}\n@media (max-width: 991.98px) {\n  body[data-layout=horizontal] .page-content {\n    padding: 75px calc(24px / 2) 60px calc(24px / 2);\n    margin-top: 24px;\n  }\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .navbar-header {\n    padding-left: 24px;\n    padding-right: 24px;\n  }\n}\nbody[data-layout=horizontal] .logo {\n  margin-top: 0;\n}\nbody[data-layout=horizontal][data-sidebar-size=sm] .navbar-brand-box {\n  width: auto !important;\n}\n\n.topnav {\n  background: var(--bs-header-bg);\n  padding: 0 calc(24px / 2);\n  z-index: 100;\n  border-top: 1px solid var(--bs-border-color-translucent);\n  border-bottom: 1px solid var(--bs-border-color-translucent);\n  box-shadow: 0 0px 6px #ebeef4;\n}\n@media (min-width: 992px) {\n  .topnav {\n    background: #fff;\n  }\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: 1.2rem 1.3rem;\n  color: #7b8190;\n  font-weight: 500;\n  font-family: \"Montserrat\", sans-serif;\n}\n.topnav .navbar-nav .nav-link i {\n  font-size: 1.2rem;\n  margin-right: 5px;\n  vertical-align: middle;\n}\n.topnav .navbar-nav .nav-link svg {\n  height: 18px;\n  width: 18px;\n  fill: #7b8190;\n  margin-right: 5px;\n  margin-top: 1px;\n}\n.topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n  color: #1f58c7;\n  background-color: transparent;\n}\n.topnav .navbar-nav .nav-link:focus svg, .topnav .navbar-nav .nav-link:hover svg {\n  fill: #1f58c7;\n}\n.topnav .navbar-nav .dropdown-item {\n  color: #7b8190;\n  background: transparent;\n  font-weight: 500;\n  font-size: 14px;\n  transition: all 0.4s;\n  font-family: \"Montserrat\", sans-serif;\n}\n.topnav .navbar-nav .dropdown-item:hover {\n  color: #1f58c7;\n  margin-left: 5px;\n}\n.topnav .navbar-nav .dropdown-item.active {\n  color: #1f58c7;\n}\n.topnav .navbar-nav .nav-item .nav-link.active {\n  color: #1f58c7;\n}\n.topnav .navbar-nav .nav-item .nav-link.active svg {\n  color: #1f58c7;\n}\n.topnav .navbar-nav .dropdown.active > a {\n  color: #1f58c7;\n  background-color: transparent;\n}\n.topnav .navbar-nav .dropdown.active > a svg {\n  fill: #1f58c7;\n}\n.topnav .navbar-nav .dropdown .dropdown.active > a {\n  color: #1f58c7;\n}\n.topnav .menu-title {\n  padding: 12px 24px !important;\n}\n@media (max-width: 991.98px) {\n  .topnav .menu-title {\n    padding: 12px 16px !important;\n  }\n}\n\n@media (min-width: 1200px) {\n  body[data-layout=horizontal] .container-fluid,\n  body[data-layout=horizontal] .navbar-header {\n    max-width: 85%;\n  }\n}\n@media (min-width: 992px) {\n  .topnav .navbar-nav .nav-item:first-of-type .nav-link {\n    padding-left: 0;\n  }\n  .topnav .dropdown-item {\n    padding: 0.5rem 1.5rem;\n    min-width: 180px;\n  }\n  .topnav .dropdown.mega-dropdown .mega-dropdown-menu {\n    left: 0px;\n    right: auto;\n  }\n  .topnav .dropdown .dropdown-menu {\n    margin-top: 0;\n    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);\n  }\n  .topnav .dropdown .dropdown-menu .arrow-down::after {\n    right: 15px;\n    transform: rotate(-135deg) translateY(-50%);\n    position: absolute;\n  }\n  .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {\n    position: absolute;\n    top: 0 !important;\n    left: 100%;\n    display: none;\n  }\n  .topnav .dropdown:hover > .dropdown-menu {\n    display: block;\n  }\n  .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {\n    display: block;\n  }\n  .navbar-toggle {\n    display: none;\n  }\n}\n.arrow-down {\n  display: inline-block;\n}\n.arrow-down:after {\n  border-color: initial;\n  border-style: solid;\n  border-width: 0 0 1px 1px;\n  content: \"\";\n  height: 0.4em;\n  display: inline-block;\n  right: 5px;\n  top: 50%;\n  margin-left: 10px;\n  transform: rotate(-45deg) translateY(-50%);\n  transform-origin: top;\n  transition: all 0.3s ease-out;\n  width: 0.4em;\n}\n\n@media (max-width: 1199.98px) {\n  .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu {\n    right: 100%;\n    left: auto;\n  }\n}\n@media (max-width: 991.98px) {\n  .navbar-brand-box .logo-dark {\n    display: block;\n  }\n  .navbar-brand-box .logo-dark span.logo-sm {\n    display: block;\n  }\n  .navbar-brand-box .logo-light {\n    display: none;\n  }\n  .topnav {\n    max-height: 360px;\n    overflow-y: auto;\n    padding: 0;\n  }\n  .topnav .navbar-nav .nav-link {\n    padding: 0.75rem 1.1rem;\n  }\n  .topnav .dropdown .dropdown-menu {\n    background-color: transparent;\n    border: none;\n    box-shadow: none;\n    padding-left: 20px;\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:hover {\n    margin-left: 0;\n  }\n  .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {\n    color: #1f58c7;\n    margin-left: 0;\n  }\n  .topnav .arrow-down::after {\n    right: 15px;\n    position: absolute;\n  }\n}\nbody[data-layout=horizontal][data-topbar=dark] .ishorizontal-topbar {\n  background-color: #131516;\n}\nbody[data-layout=horizontal][data-topbar=dark] .navbar-brand-box .logo-dark {\n  display: none;\n}\nbody[data-layout=horizontal][data-topbar=dark] .navbar-brand-box .logo-light {\n  display: block;\n}\nbody[data-layout=horizontal][data-topbar=dark] .page-content {\n  padding: calc(60px + 24px) calc(24px / 2) 60px calc(24px / 2);\n}\n@media (max-width: 991.98px) {\n  body[data-layout=horizontal][data-topbar=dark] .page-content {\n    margin-top: 24px;\n  }\n}\n\nbody[data-layout=horizontal][data-topbar=colored] .ishorizontal-topbar {\n  background-color: #1f58c7;\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(255, 255, 255, 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: #c0c5cb;\n}\nbody[data-layout=horizontal][data-topbar=colored] .header-item:hover {\n  color: #c0c5cb;\n}\nbody[data-layout=horizontal][data-topbar=colored] .navbar-header .dropdown .show.header-item {\n  background-color: var(--bs-border-color);\n}\nbody[data-layout=horizontal][data-topbar=colored] .noti-icon i {\n  color: #c0c5cb;\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal][data-topbar=colored] .topnav {\n    background-color: #1f58c7;\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-bs-theme=dark][data-layout=horizontal] .ishorizontal-topbar {\n  background-color: #131516;\n}\nbody[data-bs-theme=dark][data-layout=horizontal] .noti-icon .noti-dot {\n  box-shadow: var(--bs-box-shadow);\n}\nbody[data-bs-theme=dark][data-layout=horizontal][data-topbar=light] .page-content {\n  padding: calc(60px + 24px) calc(24px / 2) 60px calc(24px / 2);\n}\nbody[data-bs-theme=dark][data-layout=horizontal][data-topbar=light] .logo-dark {\n  display: block;\n}\nbody[data-bs-theme=dark][data-layout=horizontal][data-topbar=light] .logo-light {\n  display: none;\n}\nbody[data-bs-theme=dark] .topnav {\n  background-color: #1a1d1e;\n  border-color: var(--bs-border-color);\n  box-shadow: var(--bs-box-shadow);\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .nav-link {\n  color: #7e8388;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .nav-link svg {\n  fill: #7e8388;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .nav-link:focus, body[data-bs-theme=dark] .topnav .navbar-nav .nav-link:hover {\n  color: #eeeff1;\n  background-color: transparent;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .nav-link:focus svg, body[data-bs-theme=dark] .topnav .navbar-nav .nav-link:hover svg {\n  fill: #eeeff1;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .dropdown-item {\n  color: #7e8388;\n  background-color: transparent;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .dropdown-item.active, body[data-bs-theme=dark] .topnav .navbar-nav .dropdown-item:hover {\n  color: #eeeff1;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .nav-item .nav-link.active {\n  color: #eeeff1;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .nav-item .nav-link.active svg {\n  color: #eeeff1;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .dropdown.active > a {\n  color: #eeeff1;\n  background-color: transparent;\n}\nbody[data-bs-theme=dark] .topnav .navbar-nav .dropdown.active > a svg {\n  fill: #eeeff1;\n}\nbody[data-bs-theme=dark] .topnav .menu-title {\n  color: rgba(126, 131, 136, 0.6);\n}\n\nbody[data-bs-theme=bordered] .topnav {\n  box-shadow: none;\n}\n\nbody[data-topbar=hidden][data-layout=horizontal] .ishorizontal-topbar .navbar-header {\n  display: none !important;\n}\nbody[data-topbar=hidden][data-layout=horizontal] .page-content {\n  transition: all 0.3s;\n  margin-top: calc(75px - 15px);\n  padding: 24px calc(24px / 2) 60px calc(24px / 2);\n}\n@media (max-width: 991.98px) {\n  body[data-topbar=hidden][data-layout=horizontal] .page-content {\n    margin-top: 0;\n    padding: 24px calc(24px / 2) 60px calc(24px / 2);\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: 1500px;\n  margin: 0 auto;\n  box-shadow: var(--bs-box-shadow);\n}\nbody[data-layout-size=boxed] #page-topbar {\n  max-width: calc(1500px - 270px);\n  margin: 0 auto;\n}\nbody[data-layout-size=boxed] .footer {\n  margin: 0 auto;\n  max-width: calc(1500px - 270px);\n}\nbody[data-layout-size=boxed][data-sidebar-size=sm] #page-topbar {\n  max-width: calc(1500px - 70px);\n}\nbody[data-layout-size=boxed][data-sidebar-size=sm] .footer {\n  max-width: calc(1500px - 70px);\n}\n@media (min-width: 769px) {\n  body[data-layout-size=boxed][data-sidebar-size=sm] .main-content {\n    min-height: 1850px;\n  }\n}\nbody[data-layout-size=boxed][data-sidebar-size=md] #page-topbar {\n  max-width: calc(1500px - 160px);\n}\nbody[data-layout-size=boxed][data-sidebar-size=md] .footer {\n  max-width: calc(1500px - 160px);\n}\n\nbody[data-layout=horizontal][data-layout-size=boxed] #page-topbar, body[data-layout=horizontal][data-layout-size=boxed] #layout-wrapper, body[data-layout=horizontal][data-layout-size=boxed] .footer {\n  max-width: 100%;\n}\nbody[data-layout=horizontal][data-layout-size=boxed] .container-fluid, body[data-layout=horizontal][data-layout-size=boxed] .navbar-header {\n  max-width: 1500px;\n}\n\n@media (min-width: 992px) {\n  body[data-layout-scrollable=true] .isvertical-topbar, body[data-layout-scrollable=true] .ishorizontal-topbar, body[data-layout-scrollable=true] .vertical-menu {\n    position: absolute;\n  }\n  body[data-layout-scrollable=true] .navbar-brand-box {\n    position: absolute;\n  }\n}\n@media (min-width: 992px) {\n  body[data-layout-scrollable=true][data-layout=horizontal] .isvertical-topbar, body[data-layout-scrollable=true][data-layout=horizontal] .ishorizontal-topbar {\n    position: absolute;\n  }\n  body[data-layout-scrollable=true][data-layout=horizontal] .navbar-brand-box {\n    position: relative;\n  }\n}\n\n.layout-setting-btn {\n  position: fixed;\n  top: 47.5%;\n  right: 0;\n  writing-mode: vertical-rl;\n  font-weight: 600;\n  background-color: #1f58c7;\n  color: #fff !important;\n  line-height: 32px;\n  padding: 15px 3px;\n  font-size: 16px;\n  border-radius: 6px 0 0 6px;\n  transform: translateY(-50%);\n  z-index: 1999;\n}\n\n:root,\n[data-bs-theme=light] {\n  --bs-header-bg: #ffffff;\n  --bs-header-item-color: #555b6d;\n  --bs-header-item-sub-color: var(--bs-secondary-color);\n  --bs-header-height: 70px;\n  --bs-rightbar-width: 280px;\n  --bs-boxed-layout-width: 1300px;\n  --bs-navbar-brand-box-bg: #ffffff;\n  --bs-footer-height: 60px;\n  --bs-footer-bg: #ffffff;\n  --bs-header-dark-bg: #252b3b;\n  --bs-menu-item-color: #74788d;\n  --bs-menu-item-active-color: #5664d2;\n  --bs-topbar-search-bg: #f1f5f712;\n  --bs-topnav-bg: #fff;\n  --bs-topnav-item-color: #888f9d;\n  --bs-topnav-item-color-active: var(--bs-primary);\n  --bs-twocolumn-menu-iconview-bg: #fff;\n  --bs-twocolumn-menu-bg: #fff;\n  --bs-header-item-color: #636e75;\n  --bs-boxed-body-bg: #f4f4f7;\n  --bs-sidebar-bg: #ffffff;\n  --bs-sidebar-border-color: #eff0f2;\n  --bs-sidebar-menu-item-color: #7b8190;\n  --bs-sidebar-menu-sub-item-color: #7b8190;\n  --bs-sidebar-menu-item-icon-color: #7b8190;\n  --bs-sidebar-menu-item-hover-color: #383c40;\n  --bs-sidebar-menu-item-active-color: #2e3032;\n  --bs-sidebar-menu-sub-item-active-color: #2e3032;\n  --bs-sidebar-menu-item-active-bg-color: #f3f5f9;\n  --bs-sidebar-menu-sub-item-line-color: #eaecf1;\n  --bs-sidebar-width: 240px;\n  --bs-sidebar-collapsed-width: 70px;\n  --bs-sidebar-width-sm: 160px;\n}\n:root [data-topbar=light],\n[data-bs-theme=light] [data-topbar=light] {\n  --bs-topbar-search-bg: #f1f5f7;\n}\n:root [data-topbar=dark],\n[data-bs-theme=light] [data-topbar=dark] {\n  --bs-header-bg: #1f2224;\n  --bs-header-item-color: #f8f9fa;\n  --bs-header-dark-item-color: #e9ecef;\n}\n:root [data-topbar=colored],\n[data-bs-theme=light] [data-topbar=colored] {\n  --bs-header-colored-bg: #556ee6;\n  --bs-topbar-search-bg: rgba(241, 245, 247, 0.071);\n  --bs-header-dark-item-color: #e9ecef;\n}\n:root [data-sidebar=colored],\n[data-bs-theme=light] [data-sidebar=colored] {\n  --bs-topbar-search-bg: #f1f5f7;\n}\n:root [data-sidebar=light],\n[data-bs-theme=light] [data-sidebar=light] {\n  --bs-sidebar-bg: #ffffff;\n  --bs-sidebar-border-color: #eff0f2;\n  --bs-sidebar-menu-item-color: #7b8190;\n  --bs-sidebar-menu-sub-item-color: #7b8190;\n  --bs-sidebar-menu-item-icon-color: #7b8190;\n  --bs-sidebar-menu-item-hover-color: #383c40;\n  --bs-sidebar-menu-item-active-color: #2e3032;\n  --bs-sidebar-menu-sub-item-active-color: #2e3032;\n  --bs-sidebar-menu-item-active-bg-color: #f3f5f9;\n  --bs-sidebar-menu-sub-item-line-color: #eaecf1;\n}\n:root [data-sidebar=dark],\n[data-bs-theme=light] [data-sidebar=dark] {\n  --bs-sidebar-dark-bg: #1f2224;\n  --bs-sidebar-dark-menu-item-color: #7e8388;\n  --bs-sidebar-dark-menu-sub-item-color: #7e8388;\n  --bs-sidebar-dark-menu-item-icon-color: #525363;\n  --bs-sidebar-dark-menu-item-hover-color: #ffffff;\n  --bs-sidebar-dark-menu-item-active-color: #ffffff;\n  --bs-sidebar-dark-menu-item-active-bg-color: #30343a;\n  --bs-sidebar-dark-menu-sub-item-line-color: #505356;\n}\n\n[data-bs-theme=dark] {\n  --bs-light: #282c2f;\n  --bs-light-rgb: 40, 44, 47;\n  --bs-dark: #282c2f;\n  --bs-dark-rgb: 40, 44, 47;\n  --bs-navbar-brand-box-bg: #1f2224;\n  --bs-box-shadow: 0 2px 3px #161819;\n  --bs-header-bg: #131516;\n  --bs-header-dark-bg: #131516;\n  --bs-header-item-color: #919bae;\n  --bs-topbar-search-bg: #2b324412;\n  --bs-topnav-bg: #282e3f;\n  --bs-header-item-sub-color: var(--bs-secondary-color);\n  --bs-footer-bg: #1f2224;\n  --bs-boxed-body-bg: #1f2224;\n  --bs-sidebar-bg: #1f2224;\n  --bs-sidebar-border-color: #282c2f;\n  --bs-sidebar-menu-item-color: #7e8388;\n  --bs-sidebar-menu-sub-item-color: #7e8388;\n  --bs-sidebar-menu-item-icon-color: #525363;\n  --bs-sidebar-menu-item-hover-color: #ffffff;\n  --bs-sidebar-menu-item-active-color: #ffffff;\n  --bs-sidebar-menu-item-active-bg-color: #30343a;\n  --bs-sidebar-menu-sub-item-line-color: #505356;\n}\n[data-bs-theme=dark] .table-light {\n  --bs-table-color: #f7f8f8;\n  --bs-table-bg: var(--bs-tertiary-bg);\n  --bs-table-border-color: var(--bs-border-color);\n  --bs-table-striped-bg: var(--bs-tertiary-bg);\n  --bs-table-striped-color: white;\n  --bs-table-active-bg: var(--bs-tertiary-bg);\n  --bs-table-active-color: white;\n  --bs-table-hover-bg: var(--bs-tertiary-bg);\n  --bs-table-hover-color: white;\n}\n[data-bs-theme=dark][data-topbar=colored] {\n  --bs-header-colored-bg: #556ee6;\n  --bs-topbar-search-bg: #2b324412;\n}\n[data-bs-theme=dark][data-topbar=light] {\n  --bs-header-bg: #f8f9fb;\n  --bs-topbar-search-bg: #2b3244;\n}\n[data-bs-theme=dark][data-sidebar=colored] {\n  --bs-topbar-search-bg: #2b3244;\n}\n[data-bs-theme=dark][data-sidebar=dark] {\n  --bs-sidebar-dark-bg: #1f2224;\n  --bs-sidebar-dark-menu-item-color: #7e8388;\n  --bs-sidebar-dark-menu-sub-item-color: #7e8388;\n  --bs-sidebar-dark-menu-item-icon-color: #525363;\n  --bs-sidebar-dark-menu-item-hover-color: #ffffff;\n  --bs-sidebar-dark-menu-item-active-color: #ffffff;\n  --bs-sidebar-dark-menu-item-active-bg-color: #30343a;\n  --bs-sidebar-dark-menu-sub-item-line-color: #505356;\n}\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem;\n}\n\n.avatar-sm {\n  height: 2.2rem;\n  width: 2.2rem;\n}\n\n.avatar {\n  height: 3rem;\n  width: 3rem;\n}\n\n.avatar-md {\n  height: 3.6rem;\n  width: 3.6rem;\n}\n\n.avatar-lg {\n  height: 5rem;\n  width: 5rem;\n}\n\n.avatar-xl {\n  height: 6rem;\n  width: 6rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: #1f58c7;\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  display: flex;\n  flex-wrap: wrap;\n  padding-left: 8px;\n}\n.avatar-group .avatar-group-item {\n  margin-left: -8px;\n  border: 2px solid var(--bs-secondary-bg);\n  border-radius: 50%;\n  transition: all 0.2s;\n}\n.avatar-group .avatar-group-item:hover {\n  position: relative;\n  transform: translateY(-2px);\n}\n\n.alert-top-border {\n  background-color: var(--bs-secondary-bg);\n  border-color: var(--bs-border-color);\n  border-top: 2px solid var(--bs-border-color);\n}\n\n.alert-label-icon {\n  position: relative;\n  padding-left: 60px;\n  border: 0;\n}\n.alert-label-icon .label-icon {\n  position: absolute;\n  width: 45px;\n  height: 100%;\n  left: 0;\n  top: 0;\n  background-color: rgba(255, 255, 255, 0.1);\n  border-right: 1px solid rgba(255, 255, 255, 0.1);\n  font-size: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.alert-label-icon.label-arrow {\n  overflow: hidden;\n}\n.alert-label-icon.label-arrow .label-icon {\n  color: #fff;\n}\n.alert-label-icon.label-arrow .label-icon:after {\n  content: \"\";\n  position: absolute;\n  border: 6px solid transparent;\n  right: -12px;\n}\n\n.alert-light {\n  color: var(--bs-secondary-color);\n}\n\n.alert-top-border.alert-primary {\n  border-top-color: #1f58c7;\n  color: #1f58c7;\n}\n\n.alert-outline.alert-primary {\n  border: 1px solid rgba(31, 88, 199, 0.8);\n  color: #1f58c7;\n}\n\n.alert-border-left.alert-primary {\n  border-left-color: #1f58c7;\n}\n\n.label-arrow.alert-primary .label-icon {\n  background-color: #1f58c7;\n}\n.label-arrow.alert-primary .label-icon:after {\n  border-left-color: #1f58c7 !important;\n}\n\n.alert-top-border.alert-secondary {\n  border-top-color: #a4a9b4;\n  color: #a4a9b4;\n}\n\n.alert-outline.alert-secondary {\n  border: 1px solid rgba(164, 169, 180, 0.8);\n  color: #a4a9b4;\n}\n\n.alert-border-left.alert-secondary {\n  border-left-color: #a4a9b4;\n}\n\n.label-arrow.alert-secondary .label-icon {\n  background-color: #a4a9b4;\n}\n.label-arrow.alert-secondary .label-icon:after {\n  border-left-color: #a4a9b4 !important;\n}\n\n.alert-top-border.alert-success {\n  border-top-color: #28b765;\n  color: #28b765;\n}\n\n.alert-outline.alert-success {\n  border: 1px solid rgba(40, 183, 101, 0.8);\n  color: #28b765;\n}\n\n.alert-border-left.alert-success {\n  border-left-color: #28b765;\n}\n\n.label-arrow.alert-success .label-icon {\n  background-color: #28b765;\n}\n.label-arrow.alert-success .label-icon:after {\n  border-left-color: #28b765 !important;\n}\n\n.alert-top-border.alert-info {\n  border-top-color: #52c6ea;\n  color: #52c6ea;\n}\n\n.alert-outline.alert-info {\n  border: 1px solid rgba(82, 198, 234, 0.8);\n  color: #52c6ea;\n}\n\n.alert-border-left.alert-info {\n  border-left-color: #52c6ea;\n}\n\n.label-arrow.alert-info .label-icon {\n  background-color: #52c6ea;\n}\n.label-arrow.alert-info .label-icon:after {\n  border-left-color: #52c6ea !important;\n}\n\n.alert-top-border.alert-warning {\n  border-top-color: #f4c238;\n  color: #f4c238;\n}\n\n.alert-outline.alert-warning {\n  border: 1px solid rgba(244, 194, 56, 0.8);\n  color: #f4c238;\n}\n\n.alert-border-left.alert-warning {\n  border-left-color: #f4c238;\n}\n\n.label-arrow.alert-warning .label-icon {\n  background-color: #f4c238;\n}\n.label-arrow.alert-warning .label-icon:after {\n  border-left-color: #f4c238 !important;\n}\n\n.alert-top-border.alert-danger {\n  border-top-color: #ed5555;\n  color: #ed5555;\n}\n\n.alert-outline.alert-danger {\n  border: 1px solid rgba(237, 85, 85, 0.8);\n  color: #ed5555;\n}\n\n.alert-border-left.alert-danger {\n  border-left-color: #ed5555;\n}\n\n.label-arrow.alert-danger .label-icon {\n  background-color: #ed5555;\n}\n.label-arrow.alert-danger .label-icon:after {\n  border-left-color: #ed5555 !important;\n}\n\n.alert-top-border.alert-pink {\n  border-top-color: #e83e8c;\n  color: #e83e8c;\n}\n\n.alert-outline.alert-pink {\n  border: 1px solid rgba(232, 62, 140, 0.8);\n  color: #e83e8c;\n}\n\n.alert-border-left.alert-pink {\n  border-left-color: #e83e8c;\n}\n\n.label-arrow.alert-pink .label-icon {\n  background-color: #e83e8c;\n}\n.label-arrow.alert-pink .label-icon:after {\n  border-left-color: #e83e8c !important;\n}\n\n.alert-top-border.alert-light {\n  border-top-color: #f5f6f8;\n  color: #f5f6f8;\n}\n\n.alert-outline.alert-light {\n  border: 1px solid rgba(245, 246, 248, 0.8);\n  color: #f5f6f8;\n}\n\n.alert-border-left.alert-light {\n  border-left-color: #f5f6f8;\n}\n\n.label-arrow.alert-light .label-icon {\n  background-color: #f5f6f8;\n}\n.label-arrow.alert-light .label-icon:after {\n  border-left-color: #f5f6f8 !important;\n}\n\n.alert-top-border.alert-dark {\n  border-top-color: #131516;\n  color: #131516;\n}\n\n.alert-outline.alert-dark {\n  border: 1px solid rgba(19, 21, 22, 0.8);\n  color: #131516;\n}\n\n.alert-border-left.alert-dark {\n  border-left-color: #131516;\n}\n\n.label-arrow.alert-dark .label-icon {\n  background-color: #131516;\n}\n.label-arrow.alert-dark .label-icon:after {\n  border-left-color: #131516 !important;\n}\n\n.alert-top-border.alert-white {\n  border-top-color: #fff;\n  color: #fff;\n}\n\n.alert-outline.alert-white {\n  border: 1px solid rgba(255, 255, 255, 0.8);\n  color: #fff;\n}\n\n.alert-border-left.alert-white {\n  border-left-color: #fff;\n}\n\n.label-arrow.alert-white .label-icon {\n  background-color: #fff;\n}\n.label-arrow.alert-white .label-icon:after {\n  border-left-color: #fff !important;\n}\n\n.alert-top-border.alert-purple {\n  border-top-color: #1f58c7;\n  color: #1f58c7;\n}\n\n.alert-outline.alert-purple {\n  border: 1px solid rgba(31, 88, 199, 0.8);\n  color: #1f58c7;\n}\n\n.alert-border-left.alert-purple {\n  border-left-color: #1f58c7;\n}\n\n.label-arrow.alert-purple .label-icon {\n  background-color: #1f58c7;\n}\n.label-arrow.alert-purple .label-icon:after {\n  border-left-color: #1f58c7 !important;\n}\n\n.alert-border-left {\n  border-left: 3px solid;\n}\n\n.alert-top-border.alert-light, .alert-outline.alert-light {\n  color: var(--bs-secondary-color);\n}\n\n.custom-accordion .accordion-list {\n  display: flex;\n  border-radius: 7px;\n  background-color: #eff0f2;\n  padding: 12px 20px;\n  color: #282c2f;\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-secondary-bg);\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-secondary-color);\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-size-26 {\n  font-size: 26px !important;\n}\n\n.fw-medium {\n  font-weight: 500;\n}\n\n.fw-semibold {\n  font-weight: 600;\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.bg-pattern {\n  background: url(\"../images/pattern-bg.jpg\");\n  background-size: cover;\n  background-position: center;\n}\n\n.list-group-item {\n  color: var(--bs-body-color);\n}\n\n.social-list-item {\n  height: 2.4rem;\n  width: 2.4rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: calc(2.4rem - 2px);\n  border: 1px solid var(--bs-secondary-bg);\n  border-radius: 50%;\n  color: var(--bs-secondary-color);\n  fill: var(--bs-secondary-color);\n  text-align: center;\n  transition: all 0.4s;\n}\n.social-list-item svg {\n  width: 16px;\n  height: 16px;\n}\n.social-list-item:hover {\n  color: #131516;\n  fill: #131516;\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}\n\n#preloader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--bs-secondary-bg);\n  z-index: 9999;\n}\n\n#status {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateY(-50%);\n  margin: -20px 0 0 -20px;\n}\n\n.spinner .spin-icon {\n  font-size: 48px;\n  color: #1f58c7;\n  position: relative;\n  display: inline-block;\n  animation: spin 1.6s infinite linear;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n}\n[type=tel]::placeholder,\n[type=url]::placeholder,\n[type=email]::placeholder,\n[type=number]::placeholder {\n  text-align: left;\n}\n\n.form-check {\n  position: relative;\n  text-align: left;\n}\n\n.form-check-right {\n  padding-left: 0;\n  display: inline-block;\n  padding-right: 1.5em;\n}\n.form-check-right .form-check-input {\n  float: right;\n  margin-left: 0;\n  margin-right: -1.5em;\n}\n.form-check-right .form-check-label {\n  display: block;\n}\n\n.form-checkbox-outline .form-check-input {\n  border-width: 2px;\n  background-color: var(--bs-secondary-bg);\n}\n.form-checkbox-outline .form-check-input:active {\n  filter: none;\n}\n.form-checkbox-outline .form-check-input:checked {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.form-checkbox-outline .form-check-input:checked[type=checkbox] {\n  background-image: none;\n}\n.form-checkbox-outline .form-check-input:checked:after {\n  position: absolute;\n  content: \"\\f012c\";\n  font-family: \"Material Design Icons\";\n  top: -4px !important;\n  left: 1px; /*rtl: -4px */\n  font-size: 16px;\n  color: var(--bs-body-color);\n}\n\n.form-radio-outline .form-check-input {\n  border-width: 2px;\n  background-color: var(--bs-secondary-bg);\n}\n.form-radio-outline .form-check-input:active {\n  filter: none;\n}\n.form-radio-outline .form-check-input:checked {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.form-radio-outline .form-check-input:checked[type=checkbox] {\n  background-image: none;\n}\n.form-radio-outline .form-check-input:checked:after {\n  position: absolute;\n  content: \"\\f0765\";\n  font-family: \"Material Design Icons\";\n  top: 6px !important;\n  left: 4px;\n  font-size: 6px;\n}\n\n.form-check-primary .form-check-input:checked {\n  background-color: #1f58c7;\n  border-color: #1f58c7;\n}\n\n.form-radio-primary .form-check-input:checked {\n  border-color: #1f58c7;\n  background-color: #1f58c7;\n}\n.form-radio-primary .form-check-input:checked:after {\n  color: #1f58c7;\n}\n\n.form-check-secondary .form-check-input:checked {\n  background-color: #a4a9b4;\n  border-color: #a4a9b4;\n}\n\n.form-radio-secondary .form-check-input:checked {\n  border-color: #a4a9b4;\n  background-color: #a4a9b4;\n}\n.form-radio-secondary .form-check-input:checked:after {\n  color: #a4a9b4;\n}\n\n.form-check-success .form-check-input:checked {\n  background-color: #28b765;\n  border-color: #28b765;\n}\n\n.form-radio-success .form-check-input:checked {\n  border-color: #28b765;\n  background-color: #28b765;\n}\n.form-radio-success .form-check-input:checked:after {\n  color: #28b765;\n}\n\n.form-check-info .form-check-input:checked {\n  background-color: #52c6ea;\n  border-color: #52c6ea;\n}\n\n.form-radio-info .form-check-input:checked {\n  border-color: #52c6ea;\n  background-color: #52c6ea;\n}\n.form-radio-info .form-check-input:checked:after {\n  color: #52c6ea;\n}\n\n.form-check-warning .form-check-input:checked {\n  background-color: #f4c238;\n  border-color: #f4c238;\n}\n\n.form-radio-warning .form-check-input:checked {\n  border-color: #f4c238;\n  background-color: #f4c238;\n}\n.form-radio-warning .form-check-input:checked:after {\n  color: #f4c238;\n}\n\n.form-check-danger .form-check-input:checked {\n  background-color: #ed5555;\n  border-color: #ed5555;\n}\n\n.form-radio-danger .form-check-input:checked {\n  border-color: #ed5555;\n  background-color: #ed5555;\n}\n.form-radio-danger .form-check-input:checked:after {\n  color: #ed5555;\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  color: #e83e8c;\n}\n\n.form-check-light .form-check-input:checked {\n  background-color: #f5f6f8;\n  border-color: #f5f6f8;\n}\n\n.form-radio-light .form-check-input:checked {\n  border-color: #f5f6f8;\n  background-color: #f5f6f8;\n}\n.form-radio-light .form-check-input:checked:after {\n  color: #f5f6f8;\n}\n\n.form-check-dark .form-check-input:checked {\n  background-color: #131516;\n  border-color: #131516;\n}\n\n.form-radio-dark .form-check-input:checked {\n  border-color: #131516;\n  background-color: #131516;\n}\n.form-radio-dark .form-check-input:checked:after {\n  color: #131516;\n}\n\n.form-check-white .form-check-input:checked {\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.form-radio-white .form-check-input:checked {\n  border-color: #fff;\n  background-color: #fff;\n}\n.form-radio-white .form-check-input:checked:after {\n  color: #fff;\n}\n\n.form-check-purple .form-check-input:checked {\n  background-color: #1f58c7;\n  border-color: #1f58c7;\n}\n\n.form-radio-purple .form-check-input:checked {\n  border-color: #1f58c7;\n  background-color: #1f58c7;\n}\n.form-radio-purple .form-check-input:checked:after {\n  color: #1f58c7;\n}\n\n.form-check,\n.form-check-input,\n.form-check-label {\n  cursor: pointer;\n  margin-bottom: 0;\n}\n\n.form-switch-md {\n  font-size: 20px;\n  min-height: 26px;\n  line-height: 26px;\n}\n.form-switch-md .form-check-label {\n  font-size: 0.925rem;\n  vertical-align: middle;\n}\n\n.form-switch-lg {\n  font-size: 26px;\n  min-height: 36px;\n  line-height: 36px;\n}\n.form-switch-lg .form-check-label {\n  font-size: 0.925rem;\n  vertical-align: middle;\n}\n\n.input-group-text {\n  margin-bottom: 0px;\n}\n\n.card-radio {\n  background-color: var(--bs-secondary-bg);\n  border: 2px solid var(--bs-border-color-translucent);\n  border-radius: 0.75rem;\n  padding: 4px;\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: #1f58c7 !important;\n}\n\n.popular-product-box {\n  padding: 12px 15px;\n  background-color: var(--bs-tertiary-bg);\n}\n\n.loyal-customers-box {\n  padding: 11px 0px;\n}\n\n.sale-social-box {\n  padding: 15px 0px;\n}\n\n.sales-history {\n  padding: 12px 0px;\n}\n\n.popular-product-img img {\n  height: 200px;\n}\n@media (min-width: 1440px) and (max-width: 1550px) {\n  .popular-product-img img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n\n.main-chart .chart-border-left {\n  border-left: 1.4px solid var(--bs-border-color);\n  padding: 0px 20px;\n}\n@media (max-width: 575.98px) {\n  .main-chart .chart-border-left {\n    padding: 0px 0px;\n    border: 0;\n  }\n  .main-chart .chart-border-left:last-child {\n    padding-left: 15px;\n  }\n}\n.main-chart .chart-border-left:last-child {\n  margin-right: 0px;\n}\n\n.widget-chat {\n  height: 331px !important;\n}\n\n.widget-chat-list {\n  height: 400px !important;\n}\n\n.transactions-contain {\n  padding: 14px 16px;\n}\n\n.swiper-location-widget {\n  height: 276px;\n}\n.swiper-location-widget .swiper-slide .card {\n  margin: 0;\n  box-shadow: none;\n  height: 100%;\n}\n.swiper-location-widget .swiper-slide .card .card-body {\n  padding: 0.5rem 1rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n@media (min-width: 992px) {\n  .map-widget {\n    border-right: 1px solid var(--bs-border-color);\n  }\n}\n\n.grid-example {\n  background-color: var(--bs-tertiary-bg);\n  border-radius: 5px;\n  font-weight: 500;\n  padding: 10px 20px;\n  font-size: 0.8rem;\n}\n\n.button-items {\n  margin-left: -8px;\n  margin-bottom: -12px;\n}\n.button-items .btn {\n  margin-bottom: 12px;\n  margin-left: 8px;\n}\n\n.search-box .form-control {\n  border-radius: 10px;\n  padding-left: 40px;\n}\n.search-box .search-icon {\n  position: absolute;\n  left: 13px;\n  top: 50%;\n  transform: translateY(-50%);\n  fill: var(--bs-body-color);\n  width: 16px;\n  height: 16px;\n}\n\n.user-profile-img {\n  position: relative;\n}\n.user-profile-img .overlay-content {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  background: rgba(31, 88, 199, 0.8);\n  display: flex;\n  height: 100%;\n  color: rgba(255, 255, 255, 0.6);\n  flex-direction: column;\n}\n.user-profile-img .profile-img {\n  width: 100%;\n  height: 250px;\n  object-fit: cover;\n}\n@media (max-width: 991px) {\n  .user-profile-img .profile-img {\n    height: 160px;\n  }\n}\n\n.user-profile-image {\n  object-fit: cover;\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.icon-demo-content {\n  text-align: center;\n  color: var(--bs-body-color);\n}\n.icon-demo-content i, .icon-demo-content svg {\n  display: block;\n  width: 50px;\n  height: 50px;\n  line-height: 46px;\n  font-size: 24px;\n  margin: 0px auto 16px;\n  border: 2px solid var(--bs-border-color);\n  color: var(--bs-body-color);\n  fill: #a4a9b4;\n  border-radius: 1rem;\n  transition: all 0.4s;\n}\n.icon-demo-content svg {\n  padding: 10px;\n}\n.icon-demo-content .col-lg-4 {\n  margin-top: 24px;\n}\n.icon-demo-content .col-lg-4:hover i, .icon-demo-content .col-lg-4:hover svg {\n  color: #fff;\n  fill: #fff;\n  background-color: #1f58c7;\n  border-color: #1f58c7;\n}\n\n.grid-structure .grid-container {\n  background-color: var(--bs-tertiary-bg);\n  margin-top: 10px;\n  font-size: 0.8rem;\n  font-weight: 500;\n  padding: 10px 20px;\n}\n\n.toast:not(:last-child) {\n  margin-bottom: 0.75rem;\n}\n\n.ribbon {\n  position: absolute;\n  right: -26px;\n  top: 20px;\n  transform: rotate(45deg);\n  color: #fff;\n  font-size: 13px;\n  font-weight: 500;\n  padding: 1px 22px;\n  font-size: 13px;\n  font-weight: 500;\n}\n\n.card-radio {\n  background-color: var(--bs-secondary-bg);\n  border: 2px solid var(--bs-border-color-translucent);\n  border-radius: 0.75rem;\n  padding: 0.5rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n}\n.card-radio:hover {\n  cursor: pointer;\n}\n\n.card-radio-label {\n  display: block;\n}\n\n.edit-btn {\n  width: 35px;\n  height: 35px;\n  line-height: 40px;\n  text-align: center;\n  position: absolute;\n  right: 25px;\n  margin-top: -50px;\n}\n\n.card-radio-input {\n  display: none;\n}\n.card-radio-input:checked + .card-radio {\n  border-color: #1f58c7 !important;\n}\n.card-radio-input:checked + .card-radio:before {\n  content: \"\\e9da\";\n  font-family: \"boxicons\";\n  position: absolute;\n  top: 10px;\n  right: 25px;\n  font-size: 22px;\n  color: #1f58c7;\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(31, 88, 199, 0.25) !important;\n  color: #1f58c7 !important;\n  margin: 4px 8px !important;\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: 40px;\n    height: 40px;\n    line-height: 40px;\n    border-radius: 50%;\n    text-align: center;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    background-color: #1f58c7;\n    color: #fff;\n    z-index: 9;\n    right: -30px;\n  }\n}\n.crypto-buy-sell-nav-content {\n  border: 2px solid var(--bs-border-color);\n  border-top: 0;\n}\n\n@media print {\n  .vertical-menu,\n  .right-bar,\n  .page-title-box,\n  .navbar-header,\n  .footer {\n    display: none !important;\n  }\n  .card-body,\n  .main-content,\n  .right-bar,\n  .page-content,\n  body {\n    padding: 0;\n    margin: 0;\n  }\n  .card {\n    border: 0;\n  }\n}\n.carousel-control-prev,\n.carousel-control-next {\n  height: 30px;\n  width: 30px;\n  margin: auto 0;\n  background-color: #1f58c7;\n}\n\n.carousel-dark .carousel-caption {\n  color: rgba(0, 0, 0, 0.8);\n}\n.carousel-dark .carousel-caption .h1, .carousel-dark .carousel-caption .h2, .carousel-dark .carousel-caption .h3, .carousel-dark .carousel-caption .h4, .carousel-dark .carousel-caption .h5, .carousel-dark .carousel-caption .h6,\n.carousel-dark .carousel-caption h1, .carousel-dark .carousel-caption h2, .carousel-dark .carousel-caption h3, .carousel-dark .carousel-caption h4, .carousel-dark .carousel-caption h5, .carousel-dark .carousel-caption h6 {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.auth-carousel .carousel-indicators {\n  bottom: -50px;\n}\n.auth-carousel [data-bs-target] {\n  background-color: #1f58c7;\n}\n\n[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%; /* Not required for horizontal scroll to trigger */\n  max-height: 100%; /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: \" \";\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 6px;\n  min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: \"\";\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n}\n\n.custom-scroll {\n  height: 100%;\n}\n\n/* ==============\n  Calendar\n===================*/\n.fc td, .fc th {\n  border: var(--bs-border-width) solid var(--bs-border-color);\n}\n\n.fc .fc-toolbar h2 {\n  font-size: 16px;\n  line-height: 30px;\n  text-transform: uppercase;\n}\n@media (max-width: 767.98px) {\n  .fc .fc-toolbar .fc-left,\n  .fc .fc-toolbar .fc-right,\n  .fc .fc-toolbar .fc-center {\n    float: none;\n    display: block;\n    text-align: center;\n    clear: both;\n    margin: 10px 0;\n  }\n  .fc .fc-toolbar > * > * {\n    float: none;\n  }\n  .fc .fc-toolbar .fc-today-button {\n    display: none;\n  }\n}\n.fc .fc-toolbar .btn {\n  text-transform: capitalize;\n}\n.fc .fc-col-header-cell {\n  background-color: #f5f6f8;\n}\n.fc .fc-col-header-cell-cushion {\n  display: block;\n  padding: 8px 4px;\n}\n.fc .fc-daygrid-day-number {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 500;\n  margin: 2px;\n}\n.fc .fc-daygrid-day.fc-day-today {\n  background-color: rgba(31, 88, 199, 0.1);\n}\n.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {\n  background-color: #1f58c7;\n  color: #fff;\n}\n.fc .fc-list-event:hover td {\n  background: transparent;\n}\n.fc .fc-list-event-dot {\n  border-color: #fff;\n}\n.fc .fc-list-event-title a {\n  color: #fff !important;\n}\n.fc .fc-col-header, .fc .fc-daygrid-body, .fc .fc-scrollgrid-sync-table {\n  width: 100% !important;\n}\n\n.fc-theme-bootstrap a:not([href]) {\n  color: var(--bs-body-color);\n}\n\n.fc-event {\n  color: #fff;\n}\n\n.fc th.fc-widget-header {\n  background: var(--bs-tertiary-bg);\n  color: var(--bs-body-color);\n  line-height: 20px;\n  padding: 10px 0;\n  text-transform: uppercase;\n  font-weight: 700;\n}\n\n.fc-unthemed .fc-content,\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-list-heading td,\n.fc-unthemed .fc-list-view,\n.fc-unthemed .fc-popover,\n.fc-unthemed .fc-row,\n.fc-unthemed tbody,\n.fc-unthemed td,\n.fc-unthemed th,\n.fc-unthemed thead {\n  border-color: #eff0f2;\n}\n.fc-unthemed td.fc-today {\n  background: #fbfbfc;\n}\n\n.fc-button {\n  background: var(--bs-secondary-bg);\n  border-color: #eff0f2;\n  color: #282c2f;\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: #1f58c7;\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: #1f58c7;\n}\n\n.fc-daygrid-dot-event.fc-event-mirror,\n.fc-daygrid-dot-event:hover {\n  background-color: #1f58c7;\n}\n\n.fc-daygrid-dot-event {\n  color: #fff !important;\n}\n.fc-daygrid-dot-event .fc-event-title {\n  font-weight: 600;\n}\n\n.fc-daygrid-event-dot {\n  border-color: #fff !important;\n  color: #fff !important;\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  margin: 6px 0;\n}\n\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content {\n  color: #f5f6f8;\n}\n\n.fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {\n  background-color: var(--bs-tertiary-bg) !important;\n}\n\n.fc-theme-standard .fc-scrollgrid {\n  border: 1px solid var(--bs-border-color) !important;\n}\n\n[dir=rtl] .fc-header-toolbar {\n  direction: ltr !important;\n}\n[dir=rtl] .fc-toolbar > * > :not(:first-child) {\n  margin-left: 0.75em;\n}\n\n@media (max-width: 575.98px) {\n  .fc-toolbar {\n    flex-direction: column;\n    gap: 16px;\n  }\n}\n\n.noUi-connect {\n  background: #1f58c7;\n}\n\n.noUi-handle {\n  background: var(--bs-secondary-bg);\n}\n\n.noUi-horizontal {\n  height: 8px;\n}\n.noUi-horizontal .noUi-handle {\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  right: -10px;\n  top: -7px;\n}\n.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {\n  display: none;\n}\n.noUi-horizontal .noUi-handle:focus {\n  outline: 0;\n}\n\n.noUi-pips-horizontal {\n  height: 50px;\n}\n\n.noUi-vertical {\n  width: 8px;\n}\n.noUi-vertical .noUi-handle {\n  height: 20px;\n  width: 20px;\n  right: -7px;\n  top: -12px;\n  border-radius: 50%;\n}\n.noUi-vertical .noUi-handle::before, .noUi-vertical .noUi-handle::after {\n  display: none;\n}\n.noUi-vertical .noUi-handle:focus {\n  outline: 0;\n}\n.noUi-vertical .noUi-origin {\n  top: 0;\n}\n\n.noUi-value {\n  font-size: 12px;\n}\n\n.noUi-marker-horizontal.noUi-marker-large {\n  height: 6px;\n}\n.noUi-marker-horizontal.noUi-marker {\n  display: none;\n}\n\n.noUi-target {\n  background-color: var(--bs-tertiary-bg);\n  border-color: var(--bs-border-color);\n}\n\n.noUi-touch-area:focus {\n  outline: 0;\n}\n\n#red, #green, #blue {\n  margin: 10px;\n  display: inline-block;\n  height: 200px;\n}\n\n#colorpicker {\n  height: 240px;\n  width: 310px;\n  margin: 0 auto;\n  padding: 10px;\n  border: 1px solid var(--bs-border-color) s;\n}\n\n#result {\n  margin: 60px 26px;\n  height: 100px;\n  width: 100px;\n  display: inline-block;\n  vertical-align: top;\n  border: 1px solid var(--bs-border-color);\n  box-shadow: 0 0 3px;\n  border-radius: 7px;\n}\n\n#red .noUi-connect {\n  background: #ed5555;\n}\n\n#green .noUi-connect {\n  background: #28b765;\n}\n\n#blue .noUi-connect {\n  background: #1f58c7;\n}\n\n.form-control.keyboard {\n  max-width: 340px !important;\n}\n\n#input-select,\n#input-number {\n  padding: 7px;\n  margin: 15px 5px 5px;\n  width: 70px;\n}\n\n.example-val {\n  font-size: 12px;\n  color: var(--bs-secondary-color);\n  display: block;\n  margin: 15px 0;\n}\n.example-val:before {\n  content: \"Value: \";\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.noUi-tooltip {\n  display: none;\n}\n\n.noUi-active .noUi-tooltip {\n  display: block;\n}\n\n.c-1-color {\n  background: #ed5555;\n}\n\n.c-2-color {\n  background: #f4c238;\n}\n\n.c-3-color {\n  background: #28b765;\n}\n\n.c-4-color {\n  background: #1f58c7;\n}\n\n.c-5-color {\n  background: #1f58c7;\n}\n\n#slider-toggle {\n  height: 50px;\n}\n#slider-toggle.off .noUi-handle {\n  border-color: #ed5555;\n}\n\n.noUi-target {\n  box-shadow: inset 0 1px 1px var(--bs-border-color), 0 3px 6px -5px var(--bs-border-color);\n}\n\n.noUi-handle {\n  box-shadow: inset 0 0 1px var(--bs-tertiary-bg), inset 0 1px 7px var(--bs-tertiary-bg), 0 3px 6px -3px var(--bs-tertiary-bg);\n  border-color: var(--bs-border-color);\n}\n\n.swal2-container .swal2-title {\n  font-size: 24px;\n  font-weight: 500;\n}\n\n.swal2-content {\n  font-size: 16px;\n}\n\n.swal2-icon.swal2-question {\n  border-color: #52c6ea;\n  color: #52c6ea;\n}\n.swal2-icon.swal2-success [class^=swal2-success-line] {\n  background-color: #28b765;\n}\n.swal2-icon.swal2-success .swal2-success-ring {\n  border-color: rgba(40, 183, 101, 0.3);\n}\n.swal2-icon.swal2-warning {\n  border-color: #f4c238;\n  color: #f4c238;\n}\n\n.swal2-styled:focus {\n  box-shadow: none;\n}\n\n.swal2-progress-steps .swal2-progress-step {\n  background: #1f58c7;\n}\n.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n  background: #1f58c7;\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(31, 88, 199, 0.3);\n}\n.swal2-progress-steps .swal2-progress-step-line {\n  background: #1f58c7;\n}\n\n.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {\n  border-left-color: #1f58c7 !important;\n  border-right-color: #1f58c7 !important;\n}\n\n.swal2-file, .swal2-input, .swal2-textarea {\n  border: 1px solid var(--bs-border-color);\n}\n.swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {\n  box-shadow: none;\n  border-color: #8face3;\n}\n\n.swal2-modal {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.swal2-modal .swal2-title {\n  color: var(--bs-heading-color) !important;\n}\n.swal2-modal .swal2-html-container {\n  color: var(--bs-body-color) !important;\n}\n\n.alertify .ajs-header {\n  font-weight: 500;\n  font-size: 16px;\n  position: relative;\n  color: var(--bs-body-color);\n  border-color: var(--bs-border-color);\n}\n.alertify .ajs-dialog {\n  box-shadow: var(--bs-box-shadow);\n  background-color: var(--bs-secondary-bg);\n  border-radius: var(--bs-border-radius-lg);\n  overflow: hidden;\n}\n.alertify .ajs-dialog .ajs-header, .alertify .ajs-dialog .ajs-footer {\n  background-color: var(--bs-secondary-bg);\n}\n.alertify .ajs-body {\n  color: var(--bs-body-color);\n}\n.alertify .ajs-footer {\n  border-top-color: var(--bs-border-color);\n}\n.alertify .ajs-footer .ajs-buttons .ajs-button {\n  font-size: 13px;\n  color: var(--bs-body-color);\n  font-weight: 500;\n}\n.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {\n  color: #1f58c7;\n}\n.alertify .ajs-footer .ajs-buttons.ajs-primary {\n  text-align: right;\n}\n.alertify .ajs-body .ajs-content {\n  padding: 16px 0px;\n}\n.alertify .ajs-body .ajs-content .ajs-input:focus-visible {\n  outline: none;\n}\n.alertify .ajs-body .ajs-content .ajs-input {\n  display: block;\n  width: 100%;\n  padding: 0.47rem 0.75rem;\n  line-height: 1.5;\n  color: var(--bs-body-color);\n  background-color: var(--bs-secondary-bg);\n  border: var(--bs-border-width) solid var(--bs-border-color);\n  border-radius: var(--bs-border-radius);\n}\n.alertify .ajs-commands {\n  top: 16px;\n  right: 16px;\n  left: auto;\n  margin: 0;\n}\n.alertify .ajs-commands button {\n  width: 1em;\n  height: 1em;\n  padding: 0.25em 0.25em;\n  background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat !important;\n  opacity: 0.5;\n}\n\n.alertify-notifier .ajs-message {\n  background-color: #1f58c7;\n  border-color: #1f58c7;\n  color: #fff;\n  text-shadow: none !important;\n  border-radius: 4px;\n}\n.alertify-notifier .ajs-message.ajs-success {\n  background-color: #28b765;\n  border-color: #28b765;\n}\n.alertify-notifier .ajs-message.ajs-error {\n  background-color: #ed5555;\n  border-color: #ed5555;\n}\n.alertify-notifier .ajs-message.ajs-warning {\n  background-color: #f4c238;\n  border-color: #f4c238;\n}\n.alertify-notifier.ajs-right {\n  right: 10px;\n  left: auto;\n}\n.alertify-notifier.ajs-right .ajs-message {\n  right: -320px;\n  left: auto;\n}\n.alertify-notifier.ajs-right .ajs-message.ajs-visible {\n  right: 290px;\n  left: auto;\n}\n.alertify-notifier.ajs-left {\n  left: 10px;\n  right: auto;\n}\n.alertify-notifier.ajs-left .ajs-message {\n  left: -300px;\n  right: auto;\n}\n.alertify-notifier.ajs-left .ajs-message.ajs-visible {\n  left: 0;\n  right: auto;\n}\n\n.swiper-arrow .swiper-button-next, .swiper-arrow .swiper-button-prev {\n  height: 30px;\n  width: 30px;\n  margin: auto 0;\n  color: #fff !important;\n  background-color: #2362dd;\n}\n.swiper-arrow .swiper-button-next::after, .swiper-arrow .swiper-button-prev::after {\n  font-size: 18px;\n}\n.swiper-arrow .swiper-button-prev {\n  position: absolute;\n  left: 0;\n}\n.swiper-arrow .swiper-button-next {\n  position: absolute;\n  right: 0;\n}\n.swiper-arrow.arrow-sm .swiper-button-prev, .swiper-arrow.arrow-sm .swiper-button-next {\n  height: 24px;\n  width: 24px;\n}\n.swiper-arrow.arrow-sm .swiper-button-prev::after, .swiper-arrow.arrow-sm .swiper-button-next::after {\n  font-size: 12px;\n}\n\n.swiper-pagination {\n  transform: translate3d(0, 0, 0) translateX(-50%);\n  display: inline-flex;\n  width: auto !important;\n  padding: 4px 4px;\n  left: 50% !important;\n  background-color: var(--bs-secondary-bg);\n  border-radius: 10px;\n  right: auto !important;\n}\n\n.swiper-pagination-bullet {\n  background-color: var(--bs-secondary-bg);\n  opacity: 1;\n  border: 1px solid #1f58c7;\n}\n\n.swiper-pagination-bullet-active {\n  background-color: #1f58c7;\n  opacity: 1;\n  border: 1px solid #1f58c7;\n}\n\n.swiper-button-prev, .swiper-container-rtl .swiper-button-next {\n  left: 25px;\n  right: auto;\n}\n\n.swiper-button-next, .swiper-container-rtl .swiper-button-prev {\n  right: 25px;\n  left: auto;\n}\n\n.progress-swiper .swiper-pagination-progressbar {\n  width: 100%;\n  height: 4px;\n  left: 0;\n  top: 0;\n  background-color: var(--bs-tertiary-bg);\n}\n.progress-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  background-color: #1f58c7;\n}\n\n.choices__inner {\n  padding: 0.25rem 2.5rem 0.25rem 0.5rem;\n  background-color: var(--bs-secondary-bg);\n  vertical-align: middle;\n  border-radius: var(--bs-border-radius);\n  border: var(--bs-border-width) solid var(--bs-border-color);\n  min-height: 38px;\n}\n\n.choices__heading {\n  border-bottom-color: var(--bs-border-color) !important;\n}\n\n.choices[data-type*=select-one] .choices__inner {\n  padding-bottom: 0.25rem;\n}\n.choices[data-type*=select-one]:after {\n  border: 0;\n  border-color: var(--bs-border-color) transparent transparent;\n  right: 11.5px;\n  left: auto;\n  content: \"\\f0140\";\n  font-family: \"Material Design Icons\";\n  width: auto;\n  height: auto;\n  margin-top: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.choices[data-type*=select-one].is-open:after {\n  margin-top: 0;\n  transform: translateY(-50%) rotate(-180deg);\n}\n.choices[data-type*=select-one] .choices__button {\n  right: 0;\n  left: auto;\n  margin-right: 25px;\n  margin-left: 0;\n}\n\n.choices__input {\n  background-color: var(--bs-secondary-bg);\n  margin-bottom: 0;\n}\n\n.choices__list--multiple {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n.choices__list--multiple .choices__item {\n  background-color: #1f58c7;\n  border-color: #1f58c7;\n  margin-bottom: 0;\n  margin-right: 0;\n  font-weight: 400;\n}\n.choices__list--multiple .choices__item.is-highlighted {\n  background-color: #1f58c7;\n  border: 1px solid #1f58c7;\n}\n\n.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {\n  background-color: var(--bs-secondary-bg);\n}\n\n.is-open .choices__inner, .is-focused .choices__inner {\n  border-color: #8face3;\n}\n\n.is-disabled .choices__list--multiple .choices__item {\n  background-color: #a4a9b4;\n  border-color: #a4a9b4;\n}\n\n.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {\n  border-left: 1px solid rgba(255, 255, 255, 0.5);\n  margin: 0 -4px 0 8px;\n  border-right: 0;\n}\n\n.choices__list--dropdown {\n  background-color: var(--bs-secondary-bg) !important;\n  border-color: var(--bs-border-color-translucent) !important;\n  box-shadow: var(--bs-box-shadow) !important;\n}\n.choices__list--dropdown .choices__item--selectable.is-highlighted {\n  background-color: var(--bs-tertiary-bg) !important;\n}\n\n.is-open .choices__list--dropdown {\n  border-color: var(--bs-border-color-translucent) !important;\n}\n\n.choices[data-type*=select-one] .choices__input {\n  background-color: var(--bs-secondary-bg) !important;\n  border-bottom-color: var(--bs-border-color) !important;\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: #e2e5e8;\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: #131516;\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: #f5f6f8;\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: #1f58c7;\n}\n\ninput[switch]:checked + label {\n  background-color: #1f58c7;\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: #f5f6f8;\n}\n\ninput[switch=bool] + label {\n  background-color: #ed5555;\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: #28b765;\n}\n\ninput[switch=default]:checked + label {\n  background-color: #a2a2a2;\n}\n\ninput[switch=primary]:checked + label {\n  background-color: #1f58c7;\n}\n\ninput[switch=success]:checked + label {\n  background-color: #28b765;\n}\n\ninput[switch=info]:checked + label {\n  background-color: #52c6ea;\n}\n\ninput[switch=warning]:checked + label {\n  background-color: #f4c238;\n}\n\ninput[switch=danger]:checked + label {\n  background-color: #ed5555;\n}\n\ninput[switch=dark]:checked + label {\n  background-color: #131516;\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.table-bordered {\n  border: var(--bs-border-width) solid var(--bs-border-color);\n}\n\n.gridjs-container {\n  color: var(--bs-body-color);\n}\n\n.gridjs-head {\n  margin-bottom: 15px;\n  position: relative;\n  z-index: 1;\n}\n\n.gridjs-wrapper {\n  box-shadow: none;\n  border: none;\n}\n.gridjs-wrapper::-webkit-scrollbar {\n  -webkit-appearance: none;\n}\n.gridjs-wrapper::-webkit-scrollbar:vertical {\n  width: 12px;\n}\n.gridjs-wrapper::-webkit-scrollbar:horizontal {\n  height: 12px;\n}\n.gridjs-wrapper::-webkit-scrollbar-thumb {\n  background-color: rgba(19, 21, 22, 0.075);\n  border-radius: 10px;\n  border: 2px solid var(--bs-border-color);\n}\n.gridjs-wrapper::-webkit-scrollbar-track {\n  border-radius: 10px;\n  background-color: var(--bs-secondary-bg);\n}\n\n.gridjs-table {\n  width: 100%;\n}\n\nth.gridjs-th,\ntd.gridjs-td {\n  border: 0px solid var(--bs-border-color);\n  border-bottom-width: 1px;\n  padding: 0.75rem 0.75rem;\n}\n\nth.gridjs-th {\n  border-top: 0;\n  color: var(--bs-body-color);\n  background-color: var(--bs-table-bg);\n}\nth.gridjs-th-sort:focus, th.gridjs-th-sort:hover {\n  background-color: var(--bs-secondary-bg);\n}\n\n.gridjs-footer {\n  box-shadow: none;\n  border: none;\n  border-top: 0;\n}\n\n.gridjs-pagination {\n  color: var(--bs-body-color);\n}\n.gridjs-pagination .gridjs-pages button {\n  border: none !important;\n  border-radius: 30px !important;\n  margin: 0 5px;\n  border: none;\n  min-width: 32px;\n  height: 32px;\n  padding: 0;\n  text-align: center;\n  line-height: 32px;\n}\n.gridjs-pagination .gridjs-pages button:disabled, .gridjs-pagination .gridjs-pages button:hover:disabled, .gridjs-pagination .gridjs-pages button[disabled] {\n  color: var(--bs-secondary-color);\n}\n.gridjs-pagination .gridjs-pages button:hover {\n  background-color: var(--bs-tertiary-bg);\n  color: var(--bs-link-color);\n}\n.gridjs-pagination .gridjs-pages button:focus {\n  box-shadow: none;\n  margin: 0 5px !important;\n}\n.gridjs-pagination .gridjs-pages button:last-child:hover, .gridjs-pagination .gridjs-pages button:first-child:hover {\n  background-color: transparent;\n}\n.gridjs-pagination .gridjs-pages button.gridjs-currentPage {\n  background-color: #1f58c7;\n  color: #fff;\n  font-weight: 500;\n  border-color: #1f58c7;\n}\n\ninput.gridjs-input {\n  border-color: var(--bs-border-color);\n  background-color: var(--bs-secondary-bg);\n  color: var(--bs-body-color);\n  font-size: 13px;\n  border-radius: 30px;\n}\ninput.gridjs-input:focus {\n  box-shadow: none;\n  border-color: #8face3;\n  background-color: var(--bs-secondary-bg);\n}\n\n.gridjs-tbody, td.gridjs-td {\n  background-color: var(--bs-secondary-bg) !important;\n}\n\n.gridjs-footer {\n  background: var(--bs-secondary-bg);\n}\n\n.gridjs-pagination .gridjs-pages button {\n  background-color: var(--bs-pagination-bg);\n}\n\n.gridjs-pagination .gridjs-pages button[disabled] {\n  background-color: var(--bs-pagination-disabled-bg);\n}\n\n.pcr-app {\n  background: var(--bs-secondary-bg);\n}\n\n.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {\n  margin-right: 0.75em;\n  margin-left: 0;\n}\n.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity {\n  margin-left: 0.75em;\n  margin-right: 0;\n}\n\n.flatpickr-input[readonly] {\n  background-color: var(--bs-secondary-bg);\n}\n\n.input[readonly] {\n  background-color: var(--bs-secondary-bg);\n}\n\n.flatpickr-months, .flatpickr-weekdays {\n  background-color: #1f58c7;\n}\n\nspan.flatpickr-weekday {\n  color: #fff;\n  font-weight: 500;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n  background-color: transparent !important;\n}\n\n.flatpickr-am-pm:focus, .flatpickr-am-pm:hover, .numInput:focus, .numInput:hover, .numInputWrapper:focus, .numInputWrapper:hover {\n  background-color: transparent !important;\n}\n\n.flatpickr-weekdays {\n  height: 36px !important;\n  border-bottom: 1px solid var(--bs-border-color);\n}\n\n.flatpickr-day {\n  color: var(--bs-body-color) !important;\n}\n.flatpickr-day:hover, .flatpickr-day:focus {\n  background-color: var(--bs-tertiary-bg) !important;\n}\n.flatpickr-day.today {\n  border-color: #1f58c7 !important;\n  background-color: rgba(31, 88, 199, 0.1);\n}\n.flatpickr-day.today:hover, .flatpickr-day.today:focus {\n  color: var(--bs-body-color) !important;\n  background-color: rgba(31, 88, 199, 0.15) !important;\n}\n.flatpickr-day.selected {\n  background-color: #1f58c7 !important;\n  border-color: #1f58c7 !important;\n  color: #fff !important;\n}\n.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {\n  color: var(--bs-body-color) !important;\n}\n.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {\n  background-color: var(--bs-tertiary-bg);\n  border-color: var(--bs-border-color);\n}\n.flatpickr-day.inRange {\n  box-shadow: -5px 0 0 var(--bs-box-shadow), 5px 0 0 var(--bs-box-shadow);\n}\n.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {\n  background-color: #1f58c7 !important;\n  border-color: #1f58c7 !important;\n  color: #fff !important;\n}\n\n.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-month {\n  color: rgba(255, 255, 255, 0.9) !important;\n  fill: rgba(255, 255, 255, 0.9) !important;\n}\n\n.flatpickr-monthDropdown-month {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {\n  color: rgba(255, 255, 255, 0.9) !important;\n}\n\n.flatpickr-time input, .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {\n  color: var(--bs-body-color) !important;\n}\n\n.flatpickr-calendar {\n  background-color: var(--bs-secondary-bg) !important;\n  box-shadow: 1px 0 0 var(--bs-border-color), -1px 0 0 var(--bs-border-color), 0 1px 0 var(--bs-border-color), 0 -1px 0 var(--bs-border-color), 0 3px 13px rgba(0, 0, 0, 0.08) !important;\n}\n.flatpickr-calendar.hasTime .flatpickr-time {\n  border-top: 1px solid var(--bs-border-color) !important;\n}\n\n.flatpickr-months {\n  border-radius: 5px 5px 0px 0px;\n}\n.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {\n  fill: rgba(255, 255, 255, 0.9) !important;\n}\n\n.ck.ck-toolbar {\n  background-color: var(--bs-tertiary-bg) !important;\n  border: 1px solid var(--bs-border-color) !important;\n}\n.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {\n  flex-wrap: wrap !important;\n}\n.ck.ck-toolbar .ck.ck-toolbar__separator {\n  background: transparent !important;\n}\n.ck.ck-editor__main > .ck-editor__editable {\n  border-top: 0 !important;\n  background-color: var(--bs-secondary-bg) !important;\n  border-color: var(--bs-border-color) !important;\n  box-shadow: var(--bs-box-shadow) !important;\n}\n.ck.ck-dropdown__panel, .ck.ck-list {\n  background: var(--bs-secondary-bg) !important;\n  border: 1px solid var(--bs-border-color-translucent) !important;\n  box-shadow: var(--bs-box-shadow) !important;\n}\n.ck.ck-reset_all, .ck.ck-reset_all * {\n  color: var(--bs-body-color) !important;\n}\n.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {\n  left: 0;\n  right: auto !important;\n}\n.ck.ck-editor__editable_inline[dir=rtl] {\n  text-align: left !important;\n}\n\n.ck-editor__editable {\n  min-height: 245px !important;\n}\n\n.ck.ck-button.ck-on:not(.ck-disabled):hover, .ck.ck-button.ck-on:not(.ck-disabled):active,\na.ck.ck-button.ck-on:not(.ck-disabled):hover,\na.ck.ck-button.ck-on:not(.ck-disabled):active {\n  background: var(--bs-tertiary-bg) !important;\n  box-shadow: none !important;\n}\n.ck.ck-button:focus, .ck.ck-button:active,\na.ck.ck-button:focus,\na.ck.ck-button:active {\n  background: var(--bs-tertiary-bg) !important;\n  border-color: var(--bs-border-color) !important;\n}\n\n.ck.ck-tooltip .ck-tooltip__text {\n  background: #131516 !important;\n  color: var(--bs-body-color) !important;\n}\n\n.ck.ck-toolbar .ck.ck-button.ck-on,\na.ck.ck-button.ck-on,\n.ck.ck-button:not(.ck-disabled):hover,\na.ck.ck-button:not(.ck-disabled):hover {\n  background: var(--bs-tertiary-bg) !important;\n}\n\n.ck.ck-list__item .ck-button .ck-button__label {\n  font-family: \"Work Sans\", sans-serif;\n}\n\n[dir=rtl] .ck.ck-toolbar > .ck-toolbar__items {\n  flex-direction: row-reverse;\n}\n\n.ql-editor {\n  text-align: left;\n}\n.ql-editor ol, .ql-editor ul {\n  padding-left: 1.5em;\n  padding-right: 0;\n}\n.ql-editor li:not(.ql-direction-rtl)::before {\n  margin-left: -1.5em;\n  margin-right: 0.3em;\n  text-align: right;\n}\n\n.ql-container {\n  font-family: var(--bs-font-sans-serif);\n}\n.ql-container.ql-snow {\n  border-color: var(--bs-border-color);\n}\n\n.ql-bubble {\n  border: var(--bs-border-width) solid var(--bs-border-color);\n  border-radius: var(--bs-border-radius);\n}\n\n.ql-toolbar {\n  font-family: var(--bs-font-sans-serif) !important;\n}\n.ql-toolbar span {\n  outline: none !important;\n  color: var(--bs-body-color);\n}\n.ql-toolbar span:hover {\n  color: #1f58c7 !important;\n}\n.ql-toolbar.ql-snow {\n  border-color: var(--bs-border-color);\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n  border-color: transparent;\n}\n.ql-toolbar.ql-snow .ql-picker-options {\n  box-shadow: 0 0px 6px #ebeef4;\n  border-radius: var(--bs-border-radius);\n}\n\n.ql-snow .ql-stroke,\n.ql-snow .ql-script,\n.ql-snow .ql-strike svg {\n  stroke: var(--bs-body-color);\n}\n.ql-snow .ql-fill {\n  fill: var(--bs-body-color);\n}\n.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n  right: 0;\n  left: auto;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n  color: var(--bs-body-color);\n}\n\n.ql-snow .ql-picker-options {\n  background-color: var(--bs-secondary-bg);\n  border-color: var(--bs-border-color-translucent) !important;\n}\n\n/* Dropzone */\n.dropzone {\n  min-height: 230px;\n  border: 2px dashed var(--bs-border-color);\n  background: var(--bs-secondary-bg);\n  border-radius: 6px;\n}\n.dropzone .dz-message {\n  font-size: 24px;\n  width: 100%;\n}\n\n.wizard-nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n.wizard-nav .wizard-list-item {\n  flex-basis: 0;\n  flex-grow: 1;\n  text-align: center;\n}\n.wizard-nav .wizard-list-item .list-item {\n  width: 100%;\n  font-size: 14px;\n  position: relative;\n}\n.wizard-nav .step-icon {\n  display: inline-block;\n  width: 56px;\n  height: 56px;\n  line-height: 54px;\n  border: 1px solid rgba(31, 88, 199, 0.2);\n  color: #1f58c7;\n  text-align: center;\n  border-radius: 50%;\n  position: relative;\n  z-index: 1;\n  font-size: 20px;\n}\n@media (max-width: 575.98px) {\n  .wizard-nav .step-icon {\n    width: 40px;\n    height: 40px;\n    line-height: 38px;\n  }\n}\n.wizard-nav .step-title {\n  margin-left: 6px;\n}\n.wizard-nav .wizard-list-item:last-child .list-item::after {\n  display: none;\n}\n.wizard-nav .wizard-list-item .list-item.done .step-icon {\n  background-color: #1f58c7;\n  color: #fff;\n}\n.wizard-nav .wizard-list-item .list-item.done .uil:before {\n  content: \"\\e9c3\";\n}\n.wizard-nav .list-item {\n  font-size: 14px;\n  position: relative;\n}\n@media (max-width: 575.98px) {\n  .wizard-nav .list-item {\n    padding: 0.5rem;\n  }\n}\n.wizard-nav .list-item::after {\n  content: \"\";\n  position: absolute;\n  width: 75%;\n  height: 2px;\n  background-color: var(--bs-border-color) s;\n  left: 62%;\n  top: 50%;\n  transform: translateY(-50%);\n}\n@media (max-width: 575.98px) {\n  .wizard-nav .list-item::after {\n    display: none;\n  }\n}\n.wizard-nav .list-item.active {\n  color: #282c2f;\n  background-color: transparent;\n}\n.wizard-nav .list-item.active .step-icon {\n  background-color: rgba(31, 88, 199, 0.2);\n  color: #1f58c7;\n  border-color: rgba(31, 88, 199, 0.2);\n}\n\n.wizard-tab {\n  display: none;\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}\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-text tspan {\n  font-family: \"Montserrat\", sans-serif !important;\n  font-size: 11px;\n}\n\n.apexcharts-tooltip {\n  font-family: var(--bs-font-sans-serif) !important;\n  color: #a4a9b4 !important;\n  background: var(--bs-secondary-bg) !important;\n  border-color: var(--bs-border-color) !important;\n}\n.apexcharts-tooltip .apexcharts-tooltip-title {\n  background: var(--bs-body-bg) !important;\n  border-color: var(--bs-border-color) !important;\n}\n\n.apexcharts-tooltip.apexcharts-theme-dark * {\n  color: #fff !important;\n}\n\n.apexcharts-legend-series {\n  font-weight: 500;\n}\n\n.apexcharts-gridline {\n  pointer-events: none;\n  stroke: var(--bs-border-color) !important;\n}\n\n.apexcharts-grid-borders line {\n  stroke: var(--bs-border-color) !important;\n}\n\n.apexcharts-legend-text {\n  color: #a4a9b4 !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-title-text,\n.apexcharts-subtitle-text {\n  fill: #7d8287;\n}\n\n.apexcharts-yaxis text,\n.apexcharts-xaxis text {\n  font-family: var(--bs-font-sans-serif) !important;\n  fill: #7d8287;\n}\n\n.apexcharts-yaxis-title {\n  font-weight: 500;\n}\n\n#dynamicloadedchart-wrap {\n  margin: 0px auto;\n  max-width: 800px;\n  position: relative;\n}\n\n.chart-box {\n  padding-left: 0;\n}\n\n#chart-year,\n#chart-quarter {\n  width: 96%;\n  max-width: 48%;\n  box-shadow: none;\n  padding-left: 0;\n  padding-top: 20px;\n  background: var(--bs-secondary-bg);\n  border: 1px solid var(--bs-border-color);\n}\n\n#chart-year {\n  float: left;\n  position: relative;\n  transition: 1s ease transform;\n  z-index: 3;\n}\n#chart-year.chart-quarter-activated {\n  transform: translateX(0);\n  transition: 1s ease transform;\n}\n\n#chart-quarter {\n  float: left;\n  position: relative;\n  z-index: -2;\n  transition: 1s ease transform;\n}\n#chart-quarter.active {\n  transition: 1.1s ease-in-out transform;\n  transform: translateX(0);\n  z-index: 1;\n}\n\n@media screen and (min-width: 480px) {\n  #chart-year {\n    transform: translateX(50%);\n  }\n  #chart-quarter {\n    transform: translateX(-50%);\n  }\n}\n.e-charts {\n  height: 350px;\n}\n\n.chartjs-chart {\n  max-height: 350px;\n}\n\n.glightbox-clean .gslide-title {\n  font-family: \"Montserrat\", sans-serif;\n  margin-bottom: 5px;\n  font-weight: 500;\n  font-size: 18px;\n}\n.glightbox-clean .gslide-desc {\n  font-family: var(--bs-font-sans-serif);\n  font-size: 14px;\n}\n.glightbox-clean .gslide-description {\n  background: var(--bs-secondary-bg);\n}\n.glightbox-clean .gslide-description .gslide-title {\n  color: var(--bs-heading-color);\n}\n.glightbox-clean .gclose {\n  border: 2px solid var(--bs-border-color);\n  border-radius: 7px;\n  right: 10px;\n  left: auto;\n}\n@media (min-width: 992px) {\n  .glightbox-clean .gclose {\n    right: 20px;\n    left: auto;\n  }\n}\n.glightbox-clean .gclose svg {\n  width: 12px;\n}\n\n.gmaps, .gmaps-panaroma {\n  height: 300px;\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: #1f58c7;\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 #1f58c7;\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 #1f58c7;\n}\n\n.jvm-tooltip {\n  border-radius: 3px;\n  background-color: #1f58c7;\n  font-family: var(--bs-font-sans-serif);\n  box-shadow: 0 5px 6px rgba(19, 21, 22, 0.1);\n  padding: 3px 5px;\n}\n\n.leaflet-map {\n  height: 300px;\n}\n.leaflet-map.leaflet-container {\n  z-index: 99;\n}\n\n.auth-bg {\n  background-image: url(\"../images/bg-auth.png\");\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n}\n.auth-bg .bg-overlay {\n  opacity: 0.82;\n  border-top-left-radius: 40px;\n  border-bottom-left-radius: 40px;\n}\n@media (min-width: 768px) {\n  .auth-bg {\n    border-top-left-radius: 40px;\n    border-bottom-left-radius: 40px;\n    height: 100vh;\n  }\n}\n\n.input-custom-icon .form-control {\n  padding-left: 40px;\n  padding-right: 20px;\n}\n.input-custom-icon span {\n  position: absolute;\n  z-index: 10;\n  line-height: 40px;\n  left: 13px;\n  top: 50%;\n  font-size: 16px;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n  color: #7d8287;\n}\n\n.auth-pass-inputgroup input[type=text] + .btn .mdi-eye-outline:before {\n  content: \"\\f06d1\";\n}\n.auth-pass-inputgroup button {\n  line-height: 22px;\n}\n\n.form-floating-custom {\n  position: relative;\n}\n.form-floating-custom > label {\n  left: 48px;\n  margin-top: 2px;\n}\n.form-floating-custom > .form-control, .form-floating-custom > .form-select {\n  padding-left: 60px;\n}\n.form-floating-custom .form-floating-icon {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px;\n  fill: var(--bs-secondary-color);\n}\n.form-floating-custom .form-floating-icon svg {\n  width: 22px;\n  height: 22px;\n}\n\n.auth-full-page-content {\n  background-color: var(--bs-secondary-bg);\n}\n\n.home-btn {\n  position: fixed;\n  top: 30px;\n  right: 30px;\n  z-index: 1;\n}\n\n.auth-logo .auth-logo-dark {\n  display: block;\n  margin: 0px auto;\n}\n.auth-logo .auth-logo-light {\n  display: none;\n  margin: 0px auto;\n}\n\n.authentication-bg {\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-image: url(\"../images/login-img.png\");\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.authentication-bg .auth-logo .logo {\n  margin: 0px auto;\n}\n.authentication-bg .auth-logo .auth-logo-light {\n  display: none;\n  margin: 0px auto;\n}\n.authentication-bg .auth-logo .auth-logo-dark {\n  margin: 0px auto;\n}\n.authentication-bg .bg-overlay {\n  opacity: 0.85;\n}\n.authentication-bg .auth-cover-card .authentication-bg {\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.authentication-bg .auth-cover-card .bg-overlay {\n  opacity: 0.6;\n}\n.authentication-bg .auth-cover-card .form-floating label {\n  color: rgba(255, 255, 255, 0.5);\n}\n.authentication-bg .auth-cover-card .form-floating .form-control {\n  background-color: rgba(255, 255, 255, 0.1);\n  border-color: rgba(255, 255, 255, 0.1);\n  color: #fff;\n}\n.authentication-bg .auth-cover-card .form-floating .form-floating-icon {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.form-floating-custom {\n  position: relative;\n}\n.form-floating-custom > label {\n  left: 48px;\n}\n.form-floating-custom > .form-control, .form-floating-custom > .form-select {\n  padding-left: 60px;\n}\n.form-floating-custom .form-floating-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  width: 56px;\n  color: var(--bs-secondary-color);\n}\n\n.error-font {\n  font-size: 9rem;\n  text-shadow: 4px 4px 6px rgba(19, 21, 22, 0.26);\n}\n\n.mover-animation {\n  animation: mover 1s infinite alternate;\n}\n\n@keyframes mover {\n  0% {\n    transform: translateY(10px);\n  }\n  100% {\n    transform: translateY(-10px);\n  }\n}\n.signin-other-title {\n  position: relative;\n}\n.signin-other-title:after {\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: 18px;\n}\n.signin-other-title .title {\n  display: inline-block;\n  position: relative;\n  z-index: 9;\n  background-color: var(--bs-secondary-bg);\n  padding: 2px 16px;\n}\n\n.auth-img {\n  background-image: url(\"https://images.unsplash.com/photo-1593062096033-9a26b09da705?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80\");\n  background-size: cover;\n  background-position: center;\n  height: 100%;\n  width: 100%;\n}\n@media (max-width: 991.98px) {\n  .auth-img {\n    height: 250px;\n  }\n}\n\nbody[data-bs-theme=dark] .authentication-bg .auth-logo-light {\n  display: block;\n}\nbody[data-bs-theme=dark] .authentication-bg .auth-logo-dark {\n  display: none;\n}\n\n.product-box {\n  border: 2px solid var(--bs-border-color);\n  position: relative;\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  fill: #a4a9b4;\n}\n\n.product-list li a {\n  display: block;\n  padding: 4px 0px;\n  color: var(--bs-body-color);\n}\n\n.product-review-link .list-inline-item a {\n  color: var(--bs-body-color);\n  padding: 4px 8px;\n  font-size: 15px;\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-content {\n  position: relative;\n}\n.product-content .product-buy-icon {\n  width: 40px;\n  height: 40px;\n  line-height: 40px;\n  text-align: center;\n  border-radius: 50%;\n  position: absolute;\n  right: 0;\n}\n\n.product-detail .swiper-button-next,\n.product-detail .swiper-button-prev {\n  color: #1f58c7;\n  width: 35px;\n  height: 35px;\n  background: rgba(31, 88, 199, 0.3);\n  border-radius: 50%;\n}\n.product-detail .swiper-button-next:after,\n.product-detail .swiper-button-prev:after {\n  font-size: 20px;\n}\n.product-detail .swiper-button-next {\n  right: 20px;\n}\n.product-detail .swiper-button-prev {\n  left: 20px;\n}\n.product-detail .nav-slide-item {\n  padding: 0px 10px;\n}\n.product-detail .nav-slide-item img {\n  border: 2px solid transparent;\n}\n.product-detail .nav-slide-item:hover {\n  cursor: pointer;\n}\n.product-detail .swiper-slide-thumb-active .nav-slide-item img {\n  border: 2px solid #1f58c7;\n}\n\n.modal-button {\n  position: absolute;\n  right: 0;\n  z-index: 2;\n}\n@media (max-width: 576px) {\n  .modal-button {\n    position: inherit;\n  }\n}\n\n[dir=rtl] .modal-button {\n  left: 0;\n  right: auto;\n}\n\n.product-detail .nav .nav-link {\n  margin: 0px 13px;\n  padding: 2px;\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: #1f58c7;\n}\n.product-color a.active .product-color-item, .product-color a:hover .product-color-item {\n  border-color: #1f58c7 !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/* Activity */\n.activity-checkout {\n  list-style: none;\n}\n.activity-checkout .checkout-icon {\n  position: absolute;\n  top: -4px;\n  left: -24px;\n}\n.activity-checkout .checkout-item {\n  position: relative;\n  padding-bottom: 24px;\n  padding-left: 35px;\n  border-left: 2px solid var(--bs-body-color);\n}\n.activity-checkout .checkout-item:first-child {\n  border-color: #1f58c7;\n}\n.activity-checkout .checkout-item:first-child:after {\n  background-color: #1f58c7;\n}\n.activity-checkout .checkout-item:last-child {\n  border-color: transparent;\n}\n.activity-checkout .checkout-item.crypto-activity {\n  margin-left: 50px;\n}\n.activity-checkout .checkout-item .crypto-date {\n  position: absolute;\n  top: 3px;\n  left: -65px;\n}\n\n.shipping-address {\n  box-shadow: none;\n}\n.shipping-address.active {\n  border-color: #1f58c7 !important;\n}\n\n.product-tag {\n  position: absolute;\n  top: 0;\n  z-index: 9;\n  right: 0;\n  width: 100%;\n  display: block;\n  font-size: 15px;\n  padding: 0;\n  overflow: hidden;\n  height: 100px;\n}\n.product-tag .badge {\n  float: right;\n  transform: rotate(45deg);\n  right: -67px;\n  top: 17px;\n  position: relative;\n  text-align: center;\n  width: 200px;\n  font-size: 13px;\n  margin: 0;\n  padding: 7px 10px;\n  font-weight: 500;\n  color: #1f58c7;\n  background: #fff;\n}\n\n.checkout-tabs .nav-pills .nav-link {\n  margin-bottom: 24px;\n  text-align: center;\n  background-color: var(--bs-secondary-bg);\n  box-shadow: 0 0px 6px #ebeef4;\n}\n.checkout-tabs .nav-pills .nav-link.active {\n  background-color: #1f58c7;\n}\n.checkout-tabs .nav-pills .nav-link .check-nav-icon {\n  font-size: 36px;\n}\n\n.ecommerce-slied-bg {\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  height: auto;\n}\n\n.swiper-button-next {\n  width: 40px;\n  height: 40px;\n  margin-top: -22px;\n  line-height: 40px;\n  background-color: #1f58c7;\n  text-align: center;\n  font-size: 30px;\n  color: #fff;\n  border-radius: 50%;\n}\n\n.swiper-button-prev {\n  width: 40px;\n  height: 40px;\n  margin-top: -22px;\n  line-height: 40px;\n  background-color: #1f58c7;\n  text-align: center;\n  font-size: 30px;\n  color: #fff;\n  border-radius: 50%;\n}\n\n@media (min-width: 1200px) {\n  .filemanager-sidebar {\n    min-width: 270px;\n    max-width: 270px;\n  }\n}\n@media (min-width: 1366px) {\n  .filemanager-sidebar {\n    min-width: 300px;\n    max-width: 300px;\n  }\n}\n@media (width: 1440px) {\n  .filemanager-sidebar {\n    min-width: 240px;\n    max-width: 240px;\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: var(--bs-body-color);\n  font-weight: 500;\n}\n.categories-list li.active a {\n  color: #1f58c7;\n}\n.categories-list li ul {\n  padding-left: 20px;\n}\n.categories-list li ul li a {\n  padding: 4px 12px;\n  color: var(--bs-secondary-color);\n  font-size: 14px;\n}\n\n/* ==============\n  Email\n===================*/\n.email-leftbar {\n  width: 306px;\n  float: left;\n}\n\n.email-rightbar {\n  margin-left: 324px;\n}\n\n.chat-user-box p.user-title {\n  color: var(--bs-body-color);\n  font-weight: 500;\n}\n.chat-user-box p {\n  font-size: 14px;\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-body-color);\n  line-height: 24px;\n  padding: 10px 18px;\n}\n.mail-list a.active {\n  color: #1f58c7;\n  font-weight: 500;\n}\n.mail-list a.active h5 {\n  color: #1f58c7;\n}\n\n.unread {\n  background-color: var(--bs-tertiary-bg);\n}\n\n.message-list {\n  display: block;\n  padding-left: 0;\n}\n.message-list .list {\n  position: relative;\n  display: block;\n  height: 50px;\n  cursor: default;\n  transition-duration: 0.3s;\n}\n.message-list .list a {\n  color: #a4a9b4;\n}\n.message-list .list.selected {\n  background-color: rgba(239, 240, 242, 0.6);\n}\n.message-list .list .col-mail {\n  float: left;\n  position: relative;\n}\n.message-list .list .col-mail-1 {\n  width: 320px;\n}\n.message-list .list .col-mail-1 .star-toggle,\n.message-list .list .col-mail-1 .checkbox-wrapper-mail,\n.message-list .list .col-mail-1 .dot {\n  display: block;\n  float: left;\n}\n.message-list .list .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 .list .col-mail-1 .checkbox-wrapper-mail {\n  margin: 15px 10px 0 20px;\n}\n.message-list .list .col-mail-1 .star-toggle {\n  margin-top: 18px;\n  margin-left: 5px;\n}\n.message-list .list .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  margin-top: 6px;\n}\n.message-list .list .col-mail-2 {\n  position: absolute;\n  top: 14px;\n  left: 320px;\n  right: 0;\n  bottom: 0;\n}\n.message-list .list .col-mail-2 .subject,\n.message-list .list .col-mail-2 .date {\n  position: absolute;\n  top: 0;\n}\n.message-list .list .col-mail-2 .subject {\n  left: 0;\n  right: 200px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  font-size: 14px;\n  font-weight: 500;\n}\n.message-list .list .col-mail-2 .date {\n  right: 10px;\n  width: 170px;\n  padding-left: 80px;\n}\n.message-list .list.active, .message-list .list.active:hover {\n  box-shadow: inset 3px 0 0 #1f58c7;\n}\n.message-list .list.unread {\n  background-color: #eff0f2;\n  font-weight: 500;\n  color: var(--bs-body-color);\n}\n.message-list .list.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 #e2e5e8;\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: 17px;\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.message-list:hover {\n  background-color: var(--bs-tertiary-bg);\n}\n\n.email-search .form-control {\n  border: 0px;\n  padding: 0.6rem 0.75rem;\n}\n.email-search span {\n  position: absolute;\n  z-index: 10;\n  line-height: 38px;\n  right: 13px;\n  top: 2px;\n  color: #a4a9b4;\n}\n\n@media (max-width: 575.98px) {\n  .message-list .list .col-mail-1 {\n    width: 200px;\n  }\n}\n@media (min-width: 1200px) {\n  .chat-leftsidebar {\n    min-width: 380px;\n  }\n}\n@media (min-width: 992px) and (max-width: 1199.98px) {\n  .chat-leftsidebar {\n    min-width: 290px;\n  }\n}\n\n.chat-noti-dropdown {\n  position: relative;\n  z-index: 2;\n}\n.chat-noti-dropdown.active:before {\n  content: \"\";\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: #ed5555;\n  border-radius: 50%;\n  right: 0;\n}\n.chat-noti-dropdown .btn {\n  padding: 6px;\n  box-shadow: none;\n  font-size: 16px;\n}\n\n.chat-message-list {\n  height: calc(100vh - 346px);\n}\n@media (min-width: 992px) {\n  .chat-message-list {\n    height: calc(100vh - 505px);\n  }\n}\n\n.chat-search-box .form-control {\n  border: 0;\n}\n\n.chat-user-status {\n  position: relative;\n  margin-top: -25px;\n}\n.chat-user-status .status {\n  width: 12px;\n  height: 12px;\n  background-color: #28b765;\n  border-radius: 50%;\n  border: 2px solid #fff;\n  position: absolute;\n  left: 35px;\n  right: 0;\n  margin: 0 auto;\n  bottom: 0;\n}\n\n.chat-list {\n  margin: 0;\n}\n.chat-list .active {\n  background: #1f58c7;\n  border-radius: 0.75rem !important;\n}\n.chat-list .active h5 {\n  color: #fff;\n}\n.chat-list li a {\n  position: relative;\n  display: block;\n  padding: 12px 18px;\n  color: var(--bs-secondary-color);\n  transition: all 0.4s;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n}\n.chat-list li .user-img {\n  position: relative;\n}\n.chat-list li .user-img .user-status {\n  width: 10px;\n  height: 10px;\n  background-color: #7d8287;\n  border-radius: 50%;\n  border: 2px solid var(--bs-border-color);\n  position: absolute;\n  left: 0;\n  bottom: 0;\n}\n.chat-list li .user-img.online .user-status {\n  background-color: #28b765;\n}\n.chat-list li .user-img.away .user-status {\n  background-color: #f4c238;\n}\n.chat-list li.unread a {\n  font-weight: 600;\n  color: var(--bs-body-color);\n}\n.chat-list li .unread-message {\n  position: absolute;\n  display: inline-block;\n  right: 16px;\n  top: 33px;\n}\n\n.group-list li a {\n  border: 0;\n}\n\n.user-chat-nav .dropdown .nav-btn {\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  box-shadow: none;\n  padding: 0;\n  font-size: 16px;\n  border-radius: 50%;\n}\n\n.contact-list {\n  font-size: 12px;\n  text-transform: uppercase;\n  color: var(--bs-secondary-color);\n  font-weight: 600;\n}\n\n.chat-conversation {\n  height: calc(100vh - 300px);\n}\n@media (min-width: 992px) {\n  .chat-conversation {\n    height: calc(100vh - 315px);\n  }\n}\n.chat-conversation li {\n  clear: both;\n}\n.chat-conversation .chat-day-title {\n  position: relative;\n  text-align: center;\n  margin-bottom: 24px;\n  border: none;\n}\n.chat-conversation .chat-day-title .title {\n  display: inline-block;\n  background-color: var(--bs-secondary-bg);\n  position: relative;\n  z-index: 1;\n  padding: 4px 16px;\n  border-radius: 7px;\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: 16px;\n}\n.chat-conversation .chat-day-title .badge {\n  font-size: 12px;\n}\n.chat-conversation .chat-avatar {\n  text-align: center;\n}\n.chat-conversation .chat-avatar img {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n}\n.chat-conversation .chat-avatar .time {\n  font-size: 12px;\n  color: var(--bs-secondary-color);\n  font-weight: 500;\n  margin-top: 4px;\n}\n.chat-conversation .conversation-list {\n  margin-bottom: 24px;\n  position: relative;\n}\n@media (min-width: 992px) {\n  .chat-conversation .conversation-list {\n    max-width: 60%;\n  }\n}\n.chat-conversation .conversation-list .ctext-wrap {\n  display: flex;\n  margin-bottom: 20px;\n}\n.chat-conversation .conversation-list .ctext-wrap-content {\n  padding: 15px 20px;\n  background-color: var(--bs-tertiary-bg);\n  border-radius: 0px 8px 8px 8px;\n  color: var(--bs-secondary-color);\n  position: relative;\n  margin-left: 10px;\n}\n.chat-conversation .conversation-list .ctext-wrap-content:before {\n  content: \"\";\n  position: absolute;\n  border: 5px solid transparent;\n  border-right-color: var(--bs-tertiary-bg);\n  border-top-color: var(--bs-tertiary-bg);\n  left: -10px;\n  top: 0;\n}\n.chat-conversation .conversation-list .conversation-name {\n  display: flex;\n  font-size: 13px;\n}\n.chat-conversation .conversation-list .conversation-name .time {\n  font-size: 12px;\n  position: absolute;\n  left: -50px;\n  top: 54px;\n  bottom: 0;\n  color: var(--bs-secondary-color);\n  font-weight: 400;\n  transition: all 0.4s;\n}\n.chat-conversation .conversation-list .conversation-name .user-name {\n  color: rgba(255, 255, 255, 0.5);\n}\n.chat-conversation .conversation-list:hover .time {\n  opacity: 1;\n}\n.chat-conversation .conversation-list .dropdown .dropdown-toggle {\n  font-size: 18px;\n  padding: 4px;\n  color: var(--bs-body-color);\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 .chat-time {\n  font-size: 12px;\n  margin-top: 4px;\n  text-align: right;\n  color: rgba(255, 255, 255, 0.5);\n}\n.chat-conversation .conversation-list .message-img {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n.chat-conversation .conversation-list .message-img .message-img-list {\n  position: relative;\n}\n.chat-conversation .conversation-list .message-img img {\n  max-width: 80px;\n}\n.chat-conversation .right {\n  display: flex;\n  justify-content: flex-end;\n}\n.chat-conversation .right .conversation-list {\n  text-align: right;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {\n  order: 2;\n  background-color: #1f58c7;\n  text-align: right;\n  border-radius: 8px 0px 8px 8px;\n  color: #fff;\n  margin-left: 0;\n  margin-right: 10px;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {\n  border: 5px solid transparent;\n  border-top-color: #1f58c7;\n  border-left-color: #1f58c7;\n  left: auto;\n  right: -10px;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name {\n  justify-content: flex-end;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time {\n  order: 1;\n  margin-left: 0;\n  margin-right: 8px;\n  position: absolute;\n  right: -58px;\n  left: auto;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name {\n  color: var(--bs-body-color);\n  order: 2;\n}\n.chat-conversation .right .conversation-list .dropdown {\n  order: 1;\n}\n.chat-conversation .right .conversation-list .chat-avatar {\n  order: 3;\n}\n\n.chat-input-section {\n  border-top: 1px solid var(--bs-border-color);\n}\n\n.chat-input {\n  background-color: var(--bs-tertiary-bg) !important;\n  border-color: var(--bs-border-color) !important;\n}\n\n@media (max-width: 575.98px) {\n  .chat-send {\n    min-width: auto;\n  }\n}\n\nbody[data-layout=horizontal] .chat-message-list {\n  height: calc(100vh - 346px);\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .chat-message-list {\n    height: calc(100vh - 475px);\n  }\n}\nbody[data-layout=horizontal] .chat-conversation {\n  height: calc(100vh - 300px);\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .chat-conversation {\n    height: calc(100vh - 311px);\n  }\n}\n\n@media (min-width: 992px) {\n  .small-chat .conversation-list {\n    max-width: 90%;\n  }\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.project-list-table {\n  border-collapse: separate;\n  border-spacing: 0 12px;\n}\n.project-list-table tr {\n  background-color: var(--bs-secondary-bg);\n}\n\n.countdownlist {\n  text-align: center;\n  display: flex;\n  gap: 24px;\n}\n.countdownlist .countdownlist-item {\n  width: 25%;\n}\n.countdownlist .countdownlist-item:last-of-type .count-num::after {\n  display: none;\n}\n.countdownlist .count-title {\n  font-size: 13px;\n  font-weight: 500;\n  display: block;\n  margin-bottom: 8px;\n  color: rgba(19, 21, 22, 0.5);\n  text-transform: uppercase;\n}\n.countdownlist .count-num {\n  background-color: rgba(31, 88, 199, 0.1);\n  color: #1f58c7;\n  padding: 16px 8px;\n  position: relative;\n  border-radius: var(--bs-border-radius);\n  box-shadow: 0 0px 6px #ebeef4;\n  font-weight: 600;\n  font-size: 32px;\n}\n@media (max-width: 575.98px) {\n  .countdownlist .count-num {\n    font-size: 18px;\n  }\n}\n.countdownlist .count-num::after {\n  content: \":\";\n  font-size: 20px;\n  position: absolute;\n  right: -16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--bs-body-color);\n}\n\n.countdown-endtxt {\n  font-size: 24px;\n  font-weight: 600;\n}\n\n.countdown-input-group {\n  max-width: 350px;\n}\n\n/************** vertical timeline **************/\n.timeline {\n  position: relative;\n  width: 100%;\n  padding: 30px 0;\n}\n@media (max-width: 767.98px) {\n  .timeline {\n    padding: 0;\n  }\n}\n.timeline .timeline-end,\n.timeline .timeline-start,\n.timeline .timeline-year {\n  position: relative;\n  width: 100%;\n  text-align: center;\n  z-index: 1;\n}\n.timeline .timeline-end p,\n.timeline .timeline-start p,\n.timeline .timeline-year p {\n  display: inline-block;\n  width: 80px;\n  height: 80px;\n  margin: 0;\n  padding: 30px 0;\n  text-align: center;\n  background-color: #1f58c7;\n  border-radius: 100px;\n  color: #fff;\n  text-transform: uppercase;\n}\n.timeline .timeline-year {\n  margin: 30px 0;\n}\n.timeline .timeline-continue {\n  position: relative;\n  width: 100%;\n  padding: 60px 0;\n}\n.timeline .timeline-continue:after {\n  position: absolute;\n  content: \"\";\n  width: 1px;\n  height: 100%;\n  top: 0;\n  left: 50%;\n  margin-left: -1px;\n  background: #1f58c7;\n}\n.timeline .timeline-icon {\n  margin: 42px 10px 0 10px;\n}\n.timeline .timeline-left {\n  text-align: right;\n}\n.timeline .timeline-left .timeline-icon {\n  text-align: left;\n}\n.timeline .timeline-right {\n  text-align: left;\n}\n.timeline .timeline-right .timeline-icon {\n  text-align: right;\n}\n.timeline .timeline-icon::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  top: 45px;\n  background: #1f58c7;\n  border-radius: 15px;\n  z-index: 1;\n}\n@media (min-width: 768px) {\n  .timeline .event-content {\n    padding-right: 24px;\n  }\n  .timeline .timeline-text {\n    margin-right: 40px;\n  }\n}\n.timeline .timeline-left .timeline-icon::after {\n  left: -7px;\n}\n@media (min-width: 768px) {\n  .timeline .timeline-left .event-content {\n    padding-right: 0;\n    padding-left: 24px;\n  }\n  .timeline .timeline-left .timeline-text {\n    margin-right: 0px;\n    margin-left: 40px;\n  }\n  .timeline .timeline-left .event-img {\n    justify-content: flex-end;\n  }\n}\n.timeline .timeline-right .timeline-icon::after {\n  right: -7px;\n}\n.timeline .timeline-box {\n  position: relative;\n  display: inline-block;\n  margin: 15px;\n  padding: 20px;\n  background-color: var(--bs-light);\n  border-radius: 6px;\n}\n.timeline .timeline-box::after {\n  content: \"\";\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  top: 26px;\n  background-color: var(--bs-light);\n  border: 1px solid var(--bs-light);\n  transform: rotate(45deg);\n  margin: 0px auto;\n}\n.timeline .timeline-launch {\n  position: relative;\n  display: inline-block;\n  margin: 15px;\n  padding: 20px;\n  border: 1px solid var(--bs-light);\n  border-radius: 6px;\n  width: 100%;\n  margin: 15px 0;\n  padding: 0;\n  border: none;\n  text-align: center;\n  background: transparent;\n}\n\n.timeline-date {\n  right: 20px;\n}\n@media (max-width: 767.98px) {\n  .timeline-date {\n    left: -70px;\n    right: auto;\n  }\n}\n\n.timeline-left .timeline-date {\n  left: 20px;\n}\n@media (max-width: 767.98px) {\n  .timeline-left .timeline-date {\n    left: -70px;\n    right: auto;\n  }\n}\n\n.timeline .timeline-date {\n  width: 54px;\n  height: 80px;\n  display: inline-block;\n  padding: 8px;\n  clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);\n  top: -10px;\n  position: absolute;\n  z-index: 1;\n}\n@media (max-width: 767.98px) {\n  .timeline .timeline-date {\n    top: 0px;\n  }\n}\n.timeline .timeline-right .timeline-box::after {\n  border-color: transparent transparent var(--bs-light) var(--bs-light);\n  left: -8px;\n  right: 100%;\n}\n.timeline .timeline-left .timeline-box::after {\n  border-color: var(--bs-light) var(--bs-light) transparent transparent;\n  right: -8px;\n}\n.timeline .timeline-launch .timeline-box::after {\n  top: -8px;\n  left: 32px;\n  border-color: var(--bs-light) transparent transparent var(--bs-light);\n}\n@media (min-width: 768px) {\n  .timeline .timeline-launch .timeline-box::after {\n    left: 50%;\n    transform: rotate(45deg) translateX(-50%);\n    top: -2px;\n  }\n}\n.timeline .timeline-launch .timeline-text {\n  width: 100%;\n}\n\n@media (max-width: 767px) {\n  .timeline .timeline-continue::after {\n    left: 40px;\n  }\n  .timeline .timeline-end,\n  .timeline .timeline-start,\n  .timeline .timeline-year {\n    text-align: left;\n  }\n  .timeline .row.timeline-left {\n    text-align: left;\n  }\n  .timeline .row.timeline-left .timeline-icon {\n    text-align: left;\n  }\n  .timeline .row.timeline-right {\n    text-align: left;\n  }\n  .timeline .row.timeline-right .timeline-icon {\n    text-align: left;\n  }\n  .timeline .timeline-launch {\n    text-align: left;\n    margin-bottom: 0;\n  }\n  .timeline .row.timeline-left .timeline-icon::after {\n    left: 43px;\n  }\n  .timeline .row.timeline-right .timeline-icon::after {\n    left: 43px;\n  }\n  .timeline .timeline-box {\n    margin-left: 82px;\n    margin-right: 0;\n  }\n  .timeline .row.timeline-right .timeline-icon {\n    margin-left: 55px;\n  }\n  .timeline .row.timeline-left .timeline-icon {\n    margin-left: 55px;\n  }\n  .timeline .timeline-launch .timeline-box {\n    margin-left: 0;\n    margin-bottom: 0;\n  }\n  .timeline .row.timeline-left .timeline-box::after {\n    left: -8px;\n    border-color: transparent transparent var(--bs-light) var(--bs-light);\n    right: auto;\n  }\n}\n.categories-filter .list-inline-item {\n  position: relative;\n  margin-right: 0;\n}\n.categories-filter .list-inline-item a {\n  display: block;\n  color: #282c2f;\n  font-weight: 600;\n  padding: 8px 15px;\n  margin: 7px;\n  cursor: pointer;\n  border-radius: 4px;\n}\n.categories-filter .list-inline-item a.active {\n  color: #1f58c7;\n  font-weight: 700;\n}\n.categories-filter .list-inline-item:after {\n  content: \"\";\n  display: block;\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background-color: var(--bs-secondary-color);\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  right: -2px;\n}\n.categories-filter .list-inline-item:last-child:after {\n  display: none;\n}\n\n.gallery-box {\n  position: relative;\n  text-align: center;\n  overflow: hidden;\n  border: 1px solid #eff0f2;\n}\n.gallery-box .gallery-container {\n  position: relative;\n  overflow: hidden;\n  border-radius: 4px 4px 0px 0px;\n}\n.gallery-box .gallery-container a {\n  display: block;\n}\n.gallery-box .gallery-container .gallery-overlay {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  bottom: 0px;\n  right: 0px;\n  opacity: 0;\n  background: rgba(31, 88, 199, 0.2);\n  visibility: hidden;\n  overflow: hidden;\n  transition: all 0.4s ease-in-out 0s;\n}\n.gallery-box .gallery-container .gallery-overlay .overlay-caption {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n  right: 0;\n}\n.gallery-box .gallery-img {\n  transition: all 0.2s ease-in-out;\n}\n.gallery-box .box-content {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -28px;\n  background-color: var(--bs-secondary-bg);\n  transition: all 0.2s;\n}\n.gallery-box .box-content .title {\n  font-size: 14px;\n  margin-bottom: 4px;\n}\n.gallery-box .box-content .post {\n  margin: 0;\n  opacity: 0;\n  transition: all 0.2s;\n  color: var(--bs-secondary-color);\n}\n.gallery-box:hover .box-content {\n  bottom: 0;\n}\n.gallery-box:hover .box-content .post {\n  opacity: 1;\n}\n.gallery-box:hover .gallery-img {\n  transform: translateY(-28px);\n}\n.gallery-box:hover .gallery-overlay {\n  opacity: 1;\n  visibility: visible;\n}\n\n.pricing-badge {\n  position: absolute;\n  top: 0;\n  z-index: 9;\n  right: 0;\n  width: 100%;\n  display: block;\n  font-size: 15px;\n  padding: 0;\n  overflow: hidden;\n  height: 100px;\n}\n.pricing-badge .badge {\n  float: right;\n  transform: rotate(45deg);\n  right: -67px;\n  top: 17px;\n  position: relative;\n  text-align: center;\n  width: 200px;\n  font-size: 13px;\n  margin: 0;\n  padding: 7px 10px;\n  font-weight: 500;\n  color: #fff;\n  background: #1f58c7;\n}\n\n.faq-icon i {\n  font-size: 80px;\n  position: absolute;\n  margin-top: -30px;\n  right: -20px;\n  opacity: 0.2;\n}\n\n.profile-bg {\n  height: 210px;\n  background-image: url(\"../images/profile-bg.jpg\");\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n\n.pricing-box {\n  border-top: 2px solid #1f58c7;\n}\n.pricing-box .pricing-features {\n  color: var(--bs-secondary-color);\n}\n.pricing-box .pricing-features li {\n  padding: 4px 0;\n}\n\n.error-title {\n  font-size: 180px;\n  text-shadow: 9px 0px #1f58c7;\n}\n@media (max-width: 425px) {\n  .error-title {\n    font-size: 150px;\n  }\n}","// \n// Page-title\n// \n\n.page-title-box {\n     padding: 0 0.75rem;\n    .breadcrumb {\n        background-color: transparent;\n        padding: 0;\n    }\n\n    h4 {\n        font-size: 21px!important;\n    }\n\n    .page-title-right{\n        @media (max-width: 575.98px) {\n            display: none;\n        }\n    }\n}\n\n.page-title{\n    font-size: 20px;\n    margin: 0;\n}\n\n\n// body[data-topbar=\"dark\"] {\n\n//     .breadcrumb-item>a {\n//         color: $gray-dark-600;\n//     }\n\n//     .breadcrumb-item.active{\n//         color: $gray-dark-400;\n//     }\n//     .page-title {\n//         color:  $gray-dark-600;\n//     }\n// }\n\n// body[data-bs-theme=\"dark\"] {\n//     .page-title {\n//         color:  $gray-dark-600;\n//         }\n\n//         &[data-topbar=\"light\"] {\n\n//             .noti-icon {\n//                 .noti-dot{\n//                     box-shadow: 0 0 0 3px $header-bg;\n//                 }\n//             }\n//             .page-title{\n//                 color: $header-item-color;\n//             }\n//         }\n// }\n\n","// \n// _footer.scss\n// \n\n.footer {\n    bottom: 0;\n    padding: 20px calc(#{$grid-gutter-width} / 2);\n    position: absolute;\n    right: 0;\n    color: var(--#{$prefix}body-color);\n    left: $sidebar-width;\n    height: 60px;\n    background-color: $card-bg;\n    border-top: $card-border-width solid $card-border-color;\n    box-shadow: var(--#{$prefix}box-shadow);\n    .container-fluid{\n        width: 98%;\n    }\n}\n  \n@media (max-width: 992px) {\n    .footer {\n        left: 0;\n    }\n}\n\n// Enlarge menu\nbody[data-sidebar-size=\"sm\"] {\n    .footer {\n        left: $sidebar-collapsed-width;\n    }\n}\n\nbody[data-layout=\"horizontal\"] {\n    .footer {\n        left: 0 !important;\n    }  \n}\n","//\n// right-sidebar.scss\n//\n\n.right-bar {\n    background-color: var(--#{$prefix}secondary-bg);\n    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\n    display: block;\n    position: fixed;\n    transition: all 200ms ease-out;\n    width: $rightbar-width;\n    z-index: 9999;\n    float: right !important;\n    right: -($rightbar-width + 10px);\n    top: 0;\n    bottom: 0;\n\n    .right-bar-toggle-close {\n        background-color: lighten($dark, 7%);\n        height: 24px;\n        width: 24px;\n        line-height: 24px;\n        color: $gray-200;\n        text-align: center;\n        border-radius: 50%;\n\n        &:hover {\n            background-color: lighten($dark, 10%);\n        }\n    }\n}\n\n// Rightbar overlay\n.rightbar-overlay {\n    background-color: rgba($dark, 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 .2s ease-out;\n}\n\n.right-bar-enabled {\n    .right-bar {\n        right: 0;\n    }\n    .rightbar-overlay {\n        display: block;\n    }\n}\n\n@include media-breakpoint-down(sm) {\n    .right-bar {\n        overflow: auto;\n        .slimscroll-menu {\n            height: auto !important;\n        }\n    }\n}\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","//\n// _menu.scss\n// \n\n.metismenu {\n    margin: 0;\n    \n\n    li {\n        display: block;\n        width: 100%;\n    }\n\n    .disabled{\n        a{\n            filter: grayscale(80%);\n            opacity: .8;\n            cursor: not-allowed;\n        }\n    }\n\n    .mm-collapse {\n        display: none;\n\n        &:not(.mm-show) {\n            display: none;\n        }\n\n        &.mm-show {\n            display: block\n        }\n    }\n\n    .mm-collapsing {\n        position: relative;\n        height: 0;\n        overflow: hidden;\n        transition-timing-function: ease;\n        transition-duration: .35s;\n        transition-property: height, visibility;\n    }\n}\n\n\n.vertical-menu{\n    width: $sidebar-width;\n    z-index: 1005;\n    background: $sidebar-bg;\n    bottom: 0;\n    margin-top: 0;\n    position: fixed;\n    box-shadow: 0 -2px 5px rgba(52, 58, 64, 0.06);\n    top: 0;\n    border-right: 1px solid $sidebar-border-color;\n    transition: all 0.2s;\n    .vertical-menu-btn {\n        position: absolute;\n        right: 0;\n        top: 0;\n        z-index: 2;\n    }\n}\n\n\n.main-content {\n    margin-left: $sidebar-width;\n    // overflow: hidden;\n\n    .content {\n        padding: 0 15px 10px 15px;\n        margin-top: $header-height;\n    }\n}\n\n.sidebar-menu-scroll {\n    height: calc(100% - calc(#{$header-height} + 26px));\n    margin-top: $header-height;\n}\n\n\n#sidebar-menu {\n    padding: 0px 0 30px 0;\n\n    .mm-active {\n        >.has-arrow {\n            &:after {\n                transform: rotate(-180deg);\n                content: \"\\F0374\";\n            }\n        }\n    }\n\n    .has-arrow {\n        &:after {\n            content: \"\\F0415\";\n            font-family: 'Material Design Icons';\n            display: block;\n            transition: transform .2s;\n            font-size: 1rem;\n            position: absolute;\n            right: 15px;\n            top: 12px;\n        }\n\n        + ul .has-arrow {\n            &:after {\n                right: 20px;\n                top: 10px;\n            }\n        }\n    }\n\n    .metismenu {\n        .menu-title {\n            &::after {\n                display: none;\n            }\n        }\n        .menu-item {\n            margin-left: 15px;\n        }\n    }\n\n    ul {\n        li {\n            a {\n                display: flex;\n                padding: .8rem 1rem;\n                border-radius: 12px;\n                color: $sidebar-menu-item-color;\n                position: relative;\n                font-weight: $font-weight-medium;\n                transition: all .4s;\n                font-size: 14px;\n                margin: 0 15px;\n                font-family: $font-family-secondary;\n                align-items: center;\n\n                .nav-icon {\n                    width: 18px;\n                    height: 18px;\n                    display: inline-block;\n                    min-width: 1.5rem;\n                    vertical-align: middle;\n                    fill: $sidebar-menu-item-icon-color;\n                    transition: all 0.3s;\n                    top: -1px;\n                    font-size: 1.3rem;\n                    line-height: 1.40625rem;\n                }\n                \n\n                &:hover {\n                    color: $sidebar-menu-item-hover-color;\n                    margin-left: 20px;\n                    .nav-icon {\n                        fill: $sidebar-menu-item-hover-color;\n                    }\n                }\n            }\n\n            .badge {\n                margin-left: auto;\n            }\n\n            ul.sub-menu {\n                position: relative;\n                &:before{\n                    content: \"\";\n                    position: absolute;\n                    left: 40px;\n                    top: 10px;\n                    bottom: 10px;\n                    width: 2px;\n                    background: $sidebar-menu-sub-item-line-color;\n                }\n\n                li {\n\n                    a {\n                        padding: .8rem 1.5rem .5rem 1.5rem;\n                        &:before{\n                            content: '';\n                            width: 12px;\n                            height: 10px;\n                            border-radius: 50%;\n                            background: 0 0;\n                            border: 2px solid;\n                            position: absolute;\n                            left: -7px;\n                            border-color: transparent transparent $sidebar-menu-sub-item-line-color transparent;\n                            top: 14px;\n                            transition: all .4s ease-in-out;\n                        }\n\n                        &:hover {\n                            color: $sidebar-menu-item-hover-color;\n\n                            &:before{\n                                border-color: transparent transparent var(--#{$prefix}sidebar-menu-sub-item-active-color) transparent;\n                            }\n                        }\n                    }\n\n                    ul.sub-menu {\n                        padding: 0;\n\n                        li {\n                            a {\n                                padding: .4rem 1.5rem .4rem 3.5rem;\n\n                                &:before{\n                                    left: 25px;\n                                    top: 8px;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n\n            &.mm-active {\n                color: var(--#{$prefix}sidebar-menu-item-active-color);\n            \n                > a {\n                    background-color: var(--#{$prefix}sidebar-menu-item-active-bg-color);\n                    color: var(--#{$prefix}sidebar-menu-item-active-color);\n            \n                    .nav-icon {\n                        fill: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n                    }\n                }\n            \n                .mm-show {\n                    .mm-active {\n                        > a{\n                            background: transparent;\n                    \n                            &:before{\n                                border-color: transparent transparent var(--#{$prefix}sidebar-menu-sub-item-active-color) transparent;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.menu-title {\n    padding: 12px 25px !important;\n    letter-spacing: .08em;\n    pointer-events: none;\n    cursor: default;\n    font-size: 10px;\n    text-transform: uppercase;\n    color: $sidebar-menu-item-color;\n    font-weight: $font-weight-semibold;\n    opacity: 0.6;\n}\n\n@media (max-width: 991.98px) {\n    .vertical-menu {\n        display: none;\n        top: $header-height;\n\n        .sidebar-menu-scroll {\n            height: 100%;\n            margin-top: 0;\n        }\n\n        .navbar-brand-box,\n        .vertical-menu-btn {\n            display: none;\n        }\n\n    }\n\n    .main-content {\n        margin-left: 0 !important;\n    }\n\n    body.sidebar-enable {\n        .vertical-menu {\n            display: block;\n        }\n    }\n}\n\n// Enlarge menu\nbody[data-sidebar-size=\"sm\"] {\n    @media (min-width: 769px) {\n        min-height: 1200px;\n    }\n\n    .main-content {\n        margin-left: $sidebar-collapsed-width;\n    }\n\n    .navbar-brand-box {\n        width: $sidebar-collapsed-width !important;\n        text-align: center;\n    }\n\n    .logo {\n        span.logo-lg {\n            display: none;\n        }\n\n        span.logo-sm {\n            display: block;\n        }\n    }\n\n    // topbar\n    #page-topbar{\n        left: $sidebar-collapsed-width;\n        @media (max-width: 991.98px){\n            left: 0;\n        }\n    }\n\n    // Side menu\n    .vertical-menu {\n        position: absolute;\n        width: $sidebar-collapsed-width !important;\n        z-index: 1005;\n        &::before{\n            position: fixed;\n            left: $sidebar-collapsed-width;\n            top: 0;\n        }\n\n        .simplebar-mask,\n        .simplebar-content-wrapper {\n            overflow: visible !important;\n        }\n\n        .simplebar-scrollbar,\n        .vertical-menu-btn {\n            display: none !important;\n        }\n\n        .simplebar-offset {\n            bottom: 0 !important;\n        }\n\n        // Sidebar Menu\n        #sidebar-menu {\n\n            .menu-title,\n            .badge{\n                display: none !important;\n            }\n\n            .nav.collapse {\n                height: inherit !important;\n            }\n\n            .has-arrow:after{\n                transform: rotate(-90deg);\n            }\n\n            > ul {\n                > li {\n                    position: relative;\n                    white-space: nowrap;\n\n                    > a {\n                        padding: 15px 0px;\n                        transition: none;\n                        display: block;\n                        margin: 0 15px;\n                        \n                        &:hover,\n                        &:active,\n                        &:focus {\n                            color: $sidebar-menu-item-hover-color;\n                        }\n\n                        i {\n                            font-size: 1.3rem;\n                            text-align: center;\n                            min-width: 50px;\n                            padding-bottom: 0;\n                            margin-left: -6px;\n                        }\n\n                        span {\n                            display: none;\n                            padding-left: 25px;\n                        }\n\n                        \n                        &.has-arrow {\n                            &:after {\n                                display: none;\n                            }\n                        }\n\n                        .nav-icon {\n                            top: -2px;\n                            width: 20px;\n                            height: 20px;\n                        }\n                    }\n\n                    &:hover {\n                        > a {\n                            position: relative;\n                            width: calc(180px + #{$sidebar-collapsed-width});\n                            color: $primary;\n                            background-color: var(--#{$prefix}sidebar-menu-item-active-bg-color);\n                            transition: none;\n                            box-shadow: inset 0 3px 10px 0 rgba(154,161,171,.1);\n\n                            .nav-icon{\n                                fill: $primary;\n                            }\n\n                            span {\n                                display: inline;\n                            }\n                        }\n\n                        >ul {\n                            display: block;\n                            left: $sidebar-collapsed-width;\n                            position: absolute;\n                            width: 190px;\n                            height: auto !important;\n                            box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\n                            ul {\n                                box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\n                                border: 1px solid var(--#{$prefix}sidebar-border-color);\n                            }\n\n                            a {\n                                box-shadow: none;\n                                padding: 8px 20px;\n                                position: relative;\n                                width: 180px;\n                                z-index: 6;\n                                color: $sidebar-menu-sub-item-color;\n\n                                &:hover {\n                                    color: $sidebar-menu-item-hover-color;\n                                }\n                            }\n                        }\n                    }\n                }\n\n                ul {\n                    padding: 5px 0;\n                    z-index: 9999;\n                    display: none;\n                    background-color: $sidebar-bg;\n\n                    li {\n                        &:hover {\n                            >ul {\n                                display: block;\n                                left: 180px;\n                                height: auto !important;\n                                margin-top: -36px;\n                                position: absolute;\n                                width: 180px;\n                            }\n                        }\n\n                        >a {\n                            span.pull-right {\n                                position: absolute;\n                                right: 20px;\n                                top: 12px;\n                                transform: rotate(270deg);\n                            }\n                        }\n                    }\n\n                    li.active {\n                        a {\n                            color: $gray-100;\n                        }\n                    }\n                }\n            }\n\n            ul li{\n                ul.sub-menu {\n                    &:before{\n                        display: none;\n                    }\n                    li a{\n                        &:before{\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n\n        .sidebar-footer{\n            display: none;\n        }\n\n    }\n}\n\n.main-content{\n    min-height: 100vh;\n}\n\nbody[data-bs-theme=\"dark\"] {\n    \n    #page-topbar{\n        background-color: $topnav-dark-bg;\n        box-shadow: none;\n    }\n\n    &[data-sidebar=\"dark\"] {\n        #sidebar-menu {\n            ul {\n                li {\n                    a {\n                        color: $menu-dark-item-color;\n    \n                        .nav-icon {\n                            fill: $menu-dark-item-color;\n                        }\n        \n                        &:hover {\n                            color: $menu-dark-item-active-color;\n    \n                            .nav-icon {\n                                fill: $menu-dark-item-active-color;\n                            }\n                        }\n                    }\n    \n                    ul.sub-menu {\n                        &:before{\n                            background: $sidebar-dark-menu-sub-item-line-color;\n                        }\n                        li {\n                            a {\n                                color: $menu-dark-item-color;\n                                &:before{\n                                    border-color: transparent transparent $sidebar-dark-menu-sub-item-line-color transparent;\n                                }\n    \n                                &:hover {\n                                    color: $menu-dark-item-active-color;\n                                    &:before{\n                                        border-color: transparent transparent $menu-dark-item-active-color transparent;\n                                    }\n                                }\n    \n                            }\n                        }\n                    }\n    \n    \n                    &.mm-active {\n                        color: $menu-dark-item-active-color !important;\n                \n                        >a {\n                            background-color: $sidebar-dark-menu-item-active-bg-color;\n                            color: $menu-dark-item-active-color !important;\n    \n                            &::before{\n                                background-color: $menu-dark-item-active-color;\n                            }\n    \n                            .nav-icon {\n                                fill: $menu-dark-item-active-color !important;\n                            }\n                        }\n    \n                        .mm-show {\n                            .mm-active {\n                                > a{\n                                    color: $menu-dark-item-active-color !important;\n                                    background: transparent;\n                            \n                                    &:before{\n                                        border-color: transparent transparent $menu-dark-item-active-color transparent;\n                                    }\n                                }\n                            }\n                        }\n    \n                    }\n                }\n            }\n        }\n    \n        .sidebar-footer{\n            color: $sidebar-dark-menu-item-color;\n            .main-title{\n                color: rgba($white, 0.6);\n            }\n        }\n\n         // Compact\n        &[data-sidebar-size=\"md\"] {\n            &[data-sidebar=\"dark\"] {\n                #sidebar-menu {\n                    ul li {\n                        &.menu-title{\n                            background-color: #2d3234 !important;\n                        }\n                    }\n                }\n            } \n        }\n    \n        // Enlarge menu\n        &[data-sidebar-size=\"sm\"] {\n    \n            // Side menu\n            .vertical-menu {\n    \n                // Sidebar Menu\n                #sidebar-menu {\n    \n                    > ul {\n                        > li {\n                            \n                            &:hover {\n                                > a {\n                                    .nav-icon{\n                                        fill: $menu-dark-item-active-color;\n                                    }\n                                }\n    \n                                >ul {\n                                    a{\n                                        color: $menu-dark-item-color;\n                                        &:hover{\n                                            color: $menu-dark-item-active-color;\n                                        }\n                                    }\n                                }\n                            }\n                        }\n    \n                        ul{\n                            background-color:var(--#{$prefix}sidebar-dark-bg);\n                        }\n                        \n                    }\n                }\n            }\n        }\n    \n    \n        .menu-title {\n            color: $sidebar-dark-menu-item-color;\n        }\n    }\n\n}\n\nbody[data-sidebar=\"dark\"] {\n    .vertical-menu {\n        background: $sidebar-dark-bg;\n        border-color: $sidebar-dark-bg;\n\n        .vertical-menu-btn{\n            fill: $header-dark-mode-item-color;\n            color: $header-dark-mode-item-color;\n        }\n\n        &::before{\n            background-color: $sidebar-dark-bg;\n        }\n    }\n\n  \n\n    #sidebar-menu {\n    \n        ul {\n            li {\n                a {\n                    color: $sidebar-dark-menu-item-color;\n\n                    .nav-icon {\n                        fill: $sidebar-dark-menu-item-icon-color;\n                    }\n    \n                    &:hover {\n                        color: $sidebar-dark-menu-item-hover-color;\n\n                        .nav-icon {\n                            fill: $sidebar-dark-menu-item-hover-color;\n                        }\n                    }\n                }\n\n                ul.sub-menu {\n                    &:before{\n                        background: $sidebar-dark-menu-sub-item-line-color;\n                    }\n                    li {\n\n                        a {\n                            color: $sidebar-dark-menu-sub-item-color;\n                            background-color: transparent;\n\n                            &:before{\n                                border-color: transparent transparent $sidebar-dark-menu-sub-item-line-color transparent;\n                            }\n\n                            &:hover {\n                                color: $menu-dark-item-active-color;\n                                &:before{\n                                    border-color: transparent transparent $menu-dark-item-active-color transparent;\n                                }\n                            }\n\n                        }\n                    }\n                }\n\n\n                &.mm-active {\n                    color: $sidebar-dark-menu-item-active-color !important;\n            \n                    >a {\n                        background-color: $sidebar-dark-menu-item-active-bg-color;\n                        color: $sidebar-dark-menu-item-active-color !important;\n\n                        &::before{\n                            background-color: $sidebar-dark-menu-item-active-color;\n                        }\n\n                        .nav-icon {\n                            fill: $sidebar-dark-menu-item-active-color !important;\n                        }\n                    }\n\n                    .mm-show {\n                        .mm-active {\n                            > a{\n                                color: $sidebar-dark-menu-item-active-color !important;\n                        \n                                &:before{\n                                    border-color: transparent transparent $menu-dark-item-active-color transparent;\n                                    background-color: transparent!important;\n                                }\n                            }\n                        }\n                    }\n\n                }\n            }\n        }\n    }\n\n    .sidebar-footer{\n        color: $sidebar-dark-menu-item-color;\n        .main-title{\n            color: rgba($white, 0.6);\n        }\n    }\n\n    // Enlarge menu\n    &[data-sidebar-size=\"sm\"] {\n        min-height: 1570px;\n\n        .main-content{\n            min-height: 1570px;\n        }\n\n\n        // Side menu\n        .vertical-menu {\n\n            // Sidebar Menu\n            #sidebar-menu {\n\n                > ul {\n                    > li {\n                        \n                        &:hover {\n                            > a {\n                                background-color: $sidebar-dark-menu-item-active-bg-color !important;\n                                color: $sidebar-dark-menu-item-hover-color;\n                                .nav-icon{\n                                    fill: $sidebar-dark-menu-item-hover-color;\n                                }\n                            }\n\n                            >ul {\n                                a{\n                                    color: $sidebar-dark-menu-sub-item-color;\n                                    &:hover{\n                                        color: $sidebar-dark-menu-item-hover-color;\n                                    }\n                                }\n                            }\n                        }\n                    }\n\n                    ul{\n                        background-color: $sidebar-dark-bg;\n                    }\n                    \n                }\n            }\n\n            .sidebar-footer{\n                display: none;\n            }\n        }\n    }\n\n\n    .menu-title {\n        color: $sidebar-dark-menu-item-color;\n    }\n}\n\nbody[data-bs-theme=\"dark\"] {\n\n    // Enlarge menu\n    &[data-sidebar-size=\"sm\"] {\n\n        .vertical-menu {\n\n            // Sidebar Menu\n            #sidebar-menu {\n\n                > ul {\n                    > li {\n                        \n                        &:hover {\n                            > a {\n                                background: $sidebar-bg;\n                                color: $menu-dark-item-active-color;\n                            }\n                        }\n                    }\n\n                    ul{\n                        background-color: $sidebar-bg;\n                    }\n                    \n                }\n            }\n        }\n    }\n\n\n    .navbar-brand-box{\n        background: $navbar-brand-box-bg;\n    }\n    .vertical-menu {\n        background: $sidebar-bg;\n        border-color: var(--#{$prefix}border-color);\n        &::before{\n            background-color: $sidebar-bg;\n        }\n    }\n}\n\n\n\n\n\nbody[data-layout=\"horizontal\"] {\n    .main-content {\n        margin-left: 0 !important;\n    }\n}\n\n// Compact Sidebar\n\nbody[data-sidebar-size=\"md\"] {\n\n    .logo {\n        span.logo-lg {\n            display: none;\n        }\n\n        span.logo-sm {\n            display: block;\n        }\n    }\n\n    \n    .navbar-brand-box{\n        width: $sidebar-width-sm;\n        @media (max-width: 991.98px){\n            width: auto;\n        }\n    }\n    .vertical-menu{\n        width: $sidebar-width-sm;\n        text-align: center;\n\n        .has-arrow:after,\n        .badge {\n            display: none !important;\n        }\n\n        .vertical-menu-btn{\n            display: none;\n        }\n        \n    }\n    \n    .main-content {\n        margin-left: $sidebar-width-sm;\n    }\n    #page-topbar, .footer {\n        left: $sidebar-width-sm;\n        @media (max-width: 991.98px){\n            left: 0;\n        }\n    }\n\n    #sidebar-menu {\n        ul li {\n            // &.menu-title{\n            //     background-color: darken($sidebar-bg, 2%);\n            // }\n            .menu-item {\n                margin-left: 0px;\n            }\n            a{\n                padding: .75rem 1.1rem;\n                display: block;\n                margin: 0 10px;\n                .nav-icon{\n                    width: 20px;\n                    height: 20px;\n                    display: block;\n                    margin: 0 auto;\n                    padding-bottom: 0.2em;\n                    top: -2px\n                }\n            }\n            ul.sub-menu {\n                padding: 0;\n                &:before{\n                    display: none;\n                }\n                li a{\n                    padding-left: 1.5rem;\n                    &:before{\n                        display: none;\n                    }\n                }\n            }\n        }\n\n        \n    }\n\n    // &[data-sidebar=\"dark\"] {\n    //     #sidebar-menu {\n    //         ul li {\n    //             &.menu-title{\n    //                 background-color: lighten($sidebar-dark-bg, 6%);\n    //             }\n    //         }\n    //     }\n    // }\n\n    &:not(.vertical-collpsed) {\n        .navbar-header .vertical-menu-btn{\n            display: block;\n        }\n    }\n    &[data-sidebar-size=\"sm\"] {\n        .main-content {\n            margin-left: $sidebar-collapsed-width;\n        }\n        .vertical-menu {\n            #sidebar-menu{\n                text-align: left;\n                >ul{\n                    >li{\n                        >a {\n                            .nav-icon{\n                                display: inline-block;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n        #page-topbar, .footer {\n            left: $sidebar-collapsed-width;\n        }\n    }\n}\n\n\n\n// Light sidebar\n\nbody[data-sidebar=\"light\"] {\n    .vertical-menu {\n        background: $sidebar-bg;\n        border-right: 1px solid $sidebar-border-color;\n    }\n\n    .navbar-brand-box {\n        background-color: $sidebar-bg;\n    }\n\n    .logo {\n        line-height: $header-height;\n    \n        .logo-sm {\n            display: none;\n        }\n    }\n    \n    .logo-dark {\n        display: $display-block;\n    }\n    \n    .logo-light {\n        display: $display-none;\n    }\n    \n    .logo-txt {\n        color: $dark !important;\n    }\n\n    &[data-sidebar-size=\"sm\"] {\n    \n        .logo {\n            span.logo-lg {\n                display: none;\n            }\n    \n            span.logo-sm {\n                display: block;\n            }\n        }\n    \n        // Side menu\n        .vertical-menu {\n    \n    \n            // Sidebar Menu\n            #sidebar-menu {\n    \n                > ul {\n                    > li {\n                        > a {\n                            &:hover,\n                            &:active,\n                            &:focus {\n                                color: $sidebar-menu-item-hover-color;\n                            }\n                        }\n    \n                        &:hover {\n                            > a {\n                                color: $primary;\n                                background-color: var(--#{$prefix}sidebar-menu-item-active-bg-color);\n    \n                                .nav-icon{\n                                    color: $primary;\n                                }\n                            }\n    \n                            >ul {\n                                a {\n                                    color: $sidebar-menu-sub-item-color;\n    \n                                    &:hover {\n                                        color: $sidebar-menu-item-hover-color;\n                                    }\n                                }\n                            }\n                        }\n                    }\n    \n                    ul {\n                        background-color: $sidebar-bg;\n                        li.active {\n                            a {\n                                color: $gray-100;\n                            }\n                        }\n                    }\n                }\n            }\n    \n        }\n    }\n}\n\n// colored sidebar\n\nbody[data-sidebar=\"brand\"] {\n    .vertical-menu{\n        background-color: $primary;\n        border-color: $primary;\n\n        .vertical-menu-btn{\n            color: rgba($white, 0.8);\n        }\n    }\n\n    // Compact\n    &[data-sidebar-size=\"md\"] {\n          #sidebar-menu {\n                ul li {\n                    &.menu-title{\n                        background-color: rgba($white, 0.1);\n                    }\n                }\n            }\n    }\n    \n    .navbar-brand-box{\n        background-color: $primary;\n        .logo-dark{\n            display: none;\n        }\n        .logo-light{\n            display: block;\n        }\n    }\n\n    #sidebar-menu {\n        ul {\n            li {\n                &.menu-title{\n                    color: rgba($white, 0.7);\n                }\n\n                a{\n                    color: rgba($white, 0.7);\n                    .nav-icon{\n                        fill: rgba($white, 0.7);\n                    }\n\n                    &:hover {\n                        color: $white;\n\n                        .nav-icon {\n                            fill: $white;\n                        }\n                    }\n                }\n\n                ul.sub-menu {\n                    &:before{\n                        background: rgba($white, 0.6);\n                    }\n                    li {\n                        a{\n                            color: rgba($white, 0.6);\n\n\n                            &:before{\n                                border-color: transparent transparent rgba($white, 0.6) transparent;\n                            }\n\n                            &:hover {\n                                color: $menu-dark-item-active-color;\n                                &:before{\n                                    border-color: transparent transparent $white transparent;\n                                }\n                            }\n                        }\n                    }\n                }\n\n                .badge{\n                    background-color: $white;\n                }\n\n                &.mm-active {\n                    color: $white !important;\n            \n                    >a {\n                        background: rgba($white, 0.2);\n                        color: $white !important;\n\n                        &::before{\n                            background-color: $sidebar-dark-menu-item-active-color;\n                        }\n\n                        .nav-icon {\n                            fill: $white !important;\n                        }\n                    }\n\n                    .mm-show {\n                        .mm-active {\n                            > a{\n                                color: $white !important;\n                        \n                                &:before{\n                                    border-color: transparent transparent $white transparent;\n                                    background-color: transparent !important;\n                                }\n                            }\n                        }\n                    }\n\n                }\n            }\n        }\n    }\n\n    .sidebar-footer{\n        .main-title{\n            color: rgba($white, 0.8);\n        }\n        p{\n                color: rgba($white, 0.5);\n        }\n    }\n\n    &[data-topbar=\"light\"] {\n        .navbar-brand-box{\n            background-color: $primary;\n            .logo-dark{\n                display: none;\n            }\n            .logo-light{\n                display: block;\n            }\n        }\n    }\n\n    &[data-sidebar-size=\"sm\"] {\n        \n        .vertical-menu {\n            #sidebar-menu{\n                >ul{\n                    >li{\n                        &:hover>a{\n                            background-color: lighten($primary, 2%);\n                            color: $white;\n                            .nav-icon{\n                                fill: $white;\n                            }\n                        }\n                    }\n                }\n\n                ul{\n                    li{\n                        &.mm-active {\n                            .active{\n                                color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n                            }\n                        }\n\n                        ul.sub-menu {\n                            li {\n                                a{\n                                    &:hover {\n                                        color: var(--#{$prefix}sidebar-menu-item-active-color);\n                                    }\n                                }\n                                &.mm-active {\n                                    color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n                                    > a{\n                                        color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n                                        i {\n                                            color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n            .sidebar-footer{\n                display: none;\n            }\n        }\n    \n    }\n\n}\n\n// Layout bordered\n\nbody[data-bs-theme=\"bordered\"] {\n    .app-search {\n        .form-control {\n            box-shadow: none;\n        }\n    }\n    .vertical-menu{\n        box-shadow: none;\n    }\n\n    .footer{\n        box-shadow: none;\n    }\n\n}\n\n[data-bs-theme=\"dark\"][data-sidebar=\"light\"]{\n    .navbar-brand-box{\n        .logo-dark{\n            display: block;\n        }\n        .logo-light{\n            display: none;\n        }\n\n    }\n}","// \n// _horizontal.scss\n// \n\n.ishorizontal-topbar {\n    display: none;\n}\n\nbody[data-layout=\"horizontal\"] {\n\n    .ishorizontal-topbar {\n        display: block;\n    }\n\n    .vertical-menu{\n        display: none;\n    }\n\n    .ishorizontal-topbar{\n        left: 0;\n        box-shadow: none;\n        border: 0;\n        border-radius: 0;\n        background-color: var(--#{$prefix}body-bg);\n    }\n\n    .noti-dot {\n        box-shadow: 0 0 0 3px $header-bg;\n    }\n\n    .navbar-brand-box {\n        display: block;\n        width: auto;\n        border: 0;\n        background-color: transparent;\n        box-shadow: none;\n        position: relative;\n        @media  (min-width: 992px){\n            padding-left: 0;\n            margin-right: 10px;\n        }\n    }\n\n    .page-content {\n        margin-top: $header-height;\n        padding: calc(60px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\n        @media (max-width: 991.98px) { \n            padding: $header-height calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\n            margin-top: $grid-gutter-width;\n        }\n    }\n\n    .navbar-header{\n        @media (min-width: 992px){\n            padding-left: $grid-gutter-width;\n            padding-right: $grid-gutter-width;\n        }\n    }\n\n    .logo{\n        margin-top: 0;\n    }\n\n    &[data-sidebar-size=sm]{\n        .navbar-brand-box{\n            width: auto !important;\n        }\n    }\n}\n\n.topnav {\n    background: $header-bg;\n    padding: 0 calc(#{$grid-gutter-width} / 2);\n    z-index: 100;\n    border-top: 1px solid $card-border-color;\n    border-bottom: 1px solid $card-border-color;;\n    box-shadow: $box-shadow;\n\n    @media (min-width: 992px) {\n        background: $topnav-bg;\n    }\n    \n    \n    .topnav-menu {\n        margin: 0;\n        padding: 0;\n    }\n\n    .navbar-nav {\n        \n        .nav-link {\n            font-size: 14px;\n            position: relative;\n            padding: 1.2rem 1.3rem;\n            color: $menu-item-color;\n            font-weight: $font-weight-medium;\n            font-family: $font-family-secondary;\n            i{\n                font-size: 1.2rem;\n                margin-right: 5px;\n                vertical-align: middle;\n            }\n            svg {\n                height: 18px;\n                width: 18px;\n                fill: $menu-item-color;\n                margin-right: 5px;\n                margin-top: 1px;\n            }\n            &:focus, &:hover{\n                color: $menu-item-active-color;\n                background-color: transparent;\n                svg {\n                    fill: $menu-item-active-color;\n                }\n            }\n        }\n        \n        .dropdown-item{\n            color: $menu-item-color;\n            background: transparent;\n            font-weight: $font-weight-medium;\n            font-size: 14px;\n            transition: all .4s;\n            font-family: $font-family-secondary;\n            &:hover{\n                color: $menu-item-active-color;\n                margin-left: 5px;\n            }\n            &.active{\n                color: $menu-item-active-color;\n            }\n        }\n        \n        .nav-item{\n            .nav-link.active{\n                color: $menu-item-active-color;\n                svg {\n                    color: $menu-item-active-color;\n                }\n            }\n        }\n\n        .dropdown{\n            &.active{\n              >a {\n                    color: $menu-item-active-color;\n                    background-color: transparent;\n                    svg {\n                        fill: $menu-item-active-color;\n                    }\n                }\n            }\n            .dropdown{\n                &.active{\n                    >a {\n                          color: $menu-item-active-color;\n                      }\n                  }\n            }\n        }\n    }\n\n    .menu-title{\n        padding: 12px 24px !important;\n        @media (max-width: 991.98px) {\n            padding: 12px 16px !important;\n        }\n    }\n}\n\n@include media-breakpoint-up(xl) {\n\n    body[data-layout=\"horizontal\"] {\n        .container-fluid,\n        .navbar-header {\n            max-width: 85%;\n        }\n    }\n}\n\n@include media-breakpoint-up(lg) {\n    .topnav {\n        .navbar-nav {\n            .nav-item {\n                &:first-of-type {\n                    .nav-link {\n                        padding-left: 0;\n                    }\n                }\n            }\n        }\n\n        .dropdown-item {\n            padding: .5rem 1.5rem;\n            min-width: 180px;\n        }\n\n        .dropdown {\n            &.mega-dropdown{\n                // position: static;\n                .mega-dropdown-menu{\n                    left: 0px;\n                    right: auto;\n                }\n            }\n            .dropdown-menu {\n                margin-top: 0;\n                border-radius: 0 0 $dropdown-border-radius $dropdown-border-radius;\n\n                .arrow-down {\n                    &::after {\n                        right: 15px;\n                        transform: rotate(-135deg) translateY(-50%);\n                        position: absolute;\n                    }\n                }\n\n                .dropdown {\n                    .dropdown-menu {\n                        position: absolute;\n                        top: 0 !important;\n                        left: 100%;\n                        display: none;\n                    }\n                }\n            }\n\n            &:hover {\n                >.dropdown-menu {\n                    display: block;\n                }\n            }\n        }\n\n        .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {\n            display: block\n        }\n    }\n\n    .navbar-toggle {\n        display: none;\n    }\n}\n\n.arrow-down {\n    display: inline-block;\n\n    &:after {\n        border-color: initial;\n        border-style: solid;\n        border-width: 0 0 1px 1px;\n        content: \"\";\n        height: .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 .3s ease-out;\n        width: .4em;\n    }\n}\n\n\n@include media-breakpoint-down(xl) {\n    .topnav-menu {\n        .navbar-nav {\n            li {\n                &:last-of-type {\n                    .dropdown {\n                        .dropdown-menu {\n                            right: 100%;\n                            left: auto;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include media-breakpoint-down(lg) {\n\n    .navbar-brand-box{\n        .logo-dark {\n            display: $display-block;\n            span.logo-sm{\n                display: $display-block;\n            }\n        }\n    \n        .logo-light {\n            display: $display-none;\n        }\n    }\n    \n    .topnav {\n        max-height: 360px;\n        overflow-y: auto;\n        padding: 0;\n        .navbar-nav {\n            .nav-link {\n                padding: 0.75rem 1.1rem;\n            }\n        }\n\n        .dropdown {\n            .dropdown-menu {\n                background-color: transparent;\n                border: none;\n                box-shadow: none;\n                padding-left: 20px;\n                &.dropdown-mega-menu-xl{\n                    width: auto;\n    \n                    .row{\n                        margin: 0px;\n                    }\n                }\n            }\n\n            .dropdown-item {\n                position: relative;\n                background-color: transparent;\n\n                &:hover{\n                    margin-left: 0;\n                }\n\n                &.active,\n                &:active {\n                    color: $primary;\n                    margin-left: 0;\n                }\n            }\n        }\n\n        .arrow-down {\n            &::after {\n                right: 15px;\n                position: absolute;\n            }\n        }\n    }\n}\n\nbody[data-layout=\"horizontal\"][data-topbar=\"dark\"] {\n    .ishorizontal-topbar{\n        background-color: $header-dark-bg;\n    }\n\n    .navbar-brand-box {\n        .logo-dark {\n            display: none;\n        }\n    \n        .logo-light {\n            display: block;\n\n        }\n    }\n\n    .page-content {\n        padding: calc(60px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\n        @media (max-width: 991.98px) { \n            margin-top: $grid-gutter-width;\n        }\n\n    }\n}\n\n\n\n// Colored Topbar \n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] {\n    .ishorizontal-topbar{\n        background-color: $primary;\n        box-shadow: none;\n    }\n\n    .logo-dark {\n        display: none;\n    }\n\n    .logo-light {\n        display: block;\n    }\n\n    .app-search {\n    \n        .form-control {\n            background-color: rgba($topbar-search-bg,0.07);\n            color: $white;\n        }\n        span,\n        input.form-control::-webkit-input-placeholder {\n            color: rgba($white,0.5);\n        }\n    }\n    .header-item {\n        color: $header-dark-item-color;\n    \n        &:hover {\n            color: $header-dark-item-color;\n        }\n    }\n\n    .navbar-header {\n        .dropdown .show {\n            &.header-item{\n                background-color: var(--#{$prefix}border-color);\n            }\n        }\n    }\n\n    .noti-icon {\n        i {\n            color: $header-dark-item-color;\n        }\n    }\n\n    @include media-breakpoint-up(lg) {\n        .topnav{\n            background-color: $primary;\n            .navbar-nav {\n        \n                .nav-link {\n                    color: rgba($white, 0.6);\n                    \n                    &:focus, &:hover{\n                        color: rgba($white, 0.9);\n                    }\n                }\n        \n                > .dropdown{\n                    &.active{\n                      >a {\n                            color: rgba($white, 0.9) !important;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n\nbody[data-bs-theme=\"dark\"] {\n\n    &[data-layout=\"horizontal\"] {\n        .ishorizontal-topbar{\n            background-color: $header-dark-bg;\n\n        }\n        .noti-icon {\n            .noti-dot{\n                box-shadow: var(--#{$prefix}box-shadow);\n            }\n        }\n\n        &[data-topbar=\"light\"] {\n\n            .page-content {\n                padding: calc(60px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\n            }\n\n            .logo-dark {\n                display: block;\n            }\n        \n            .logo-light {\n                display: none;\n            }\n        }\n\n    }\n\n    .topnav {\n        background-color: lighten($header-dark-bg,3%);\n        border-color: var(--#{$prefix}border-color);\n        box-shadow: var(--#{$prefix}box-shadow);\n\n        .navbar-nav{\n            .nav-link{\n                color: $menu-dark-item-color;\n\n                svg {\n                    fill: $menu-dark-item-color;\n                }\n\n                &:focus, &:hover{\n                    color: $menu-dark-item-active-color;\n                    background-color: transparent;\n                    svg {\n                        fill: $menu-dark-item-active-color;\n                    }\n                }\n            }\n\n            .dropdown-item{\n                color: $menu-dark-item-color;\n                background-color: transparent;\n\n                &.active, &:hover{\n                    color: $menu-dark-item-active-color;\n                }\n            }\n\n            .nav-item{\n                .nav-link.active{\n                    color: $menu-dark-item-active-color;\n                    svg {\n                        color: $menu-dark-item-active-color;\n                    }\n                }\n            }\n\n            .dropdown{\n                &.active{\n                  >a {\n                        color: $menu-dark-item-active-color;\n                        background-color: transparent;\n                        svg {\n                            fill: $menu-dark-item-active-color;\n                        }\n                    }\n                }\n            }\n        }\n\n        .menu-title{\n            color: rgba($menu-dark-item-color,0.6);\n        }\n    }\n}\n\n// layout bordered\n\nbody[data-bs-theme=\"bordered\"] {\n    .topnav{\n        box-shadow: none;\n    }\n}\n\n// topbar hidden\n\nbody[data-topbar=\"hidden\"][data-layout=\"horizontal\"] {\n    .ishorizontal-topbar{\n        .navbar-header{\n            display: none !important;\n        }  \n   }\n   .page-content {\n    transition: all 0.3s;\n    margin-top: calc(#{$header-height} - 15px);\n    padding:  $grid-gutter-width calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\n    @media (max-width: 991.98px) { \n        margin-top: 0;\n        padding: $grid-gutter-width calc(#{$grid-gutter-width} / 2) 60px calc(#{$grid-gutter-width} / 2);\n    }\n\n   }\n   \n}\n\n\n","// \n// _layouts.scss\n// \n\nbody[data-layout-size=\"boxed\"] {\n    background-color: var(--#{$prefix}boxed-body-bg);\n    #layout-wrapper {\n        background-color: var(--#{$prefix}body-bg);\n        max-width: $boxed-layout-width;\n        margin: 0 auto;\n        box-shadow: var(--#{$prefix}box-shadow);\n    }\n\n    #page-topbar {\n        max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\n        margin: 0 auto;\n    }\n\n    .footer {\n        margin: 0 auto;\n        max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\n    }\n\n    &[data-sidebar-size=\"sm\"] {\n        #page-topbar {\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\n        }\n        .footer {\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\n        }\n\n        .main-content {\n            @media (min-width: 769px){\n                min-height: 1850px;\n            }\n        }\n    }\n\n    &[data-sidebar-size=\"md\"]{\n        #page-topbar {\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-width-sm});\n        }\n        .footer {\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-width-sm});\n        }\n    }\n}\n\n\n// Horizontal Boxed Layout\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"]{\n    #page-topbar, #layout-wrapper, .footer {\n        max-width: 100%;\n    }\n    .container-fluid, .navbar-header {\n        max-width: $boxed-layout-width;\n    }\n}\n\n// Scrollable layout\nbody[data-layout-scrollable=\"true\"] {\n    @media (min-width: 992px) {\n        .isvertical-topbar, .ishorizontal-topbar, .vertical-menu{\n            position: absolute;\n        }\n        .navbar-brand-box {\n            position: absolute;\n        }\n    }\n    &[data-layout=\"horizontal\"]{\n        @media (min-width: 992px) {\n            .isvertical-topbar, .ishorizontal-topbar{\n                position: absolute;\n            }\n\n            .navbar-brand-box {\n                position: relative;\n            }\n        }\n    }\n}\n\n\n// Layout Setting Button\n.layout-setting-btn {\n    position: fixed;\n    top: 47.5%;\n    right: 0;\n    writing-mode: vertical-rl;\n    font-weight: 600;\n    background-color: $primary;\n    color: $white !important;\n    line-height: 32px;\n    padding: 15px 3px;\n    font-size: 16px;\n    border-radius: 6px 0 0 6px;\n    transform: translateY(-50%);\n    z-index: 1999;\n}","// \n// root.scss\n//\n\n@mixin color-mode($mode: light, $root: false) {\n    @if $color-mode-type ==\"media-query\" {\n        @if $root ==true {\n            @media (prefers-color-scheme: $mode) {\n                :root {\n                    @content;\n                }\n            }\n        }\n\n        @else {\n            @media (prefers-color-scheme: $mode) {\n                @content;\n            }\n        }\n    }\n\n    @else {\n        [data-bs-theme=\"#{$mode}\"] {\n            @content;\n        }\n    }\n}\n\n//theme-light\n:root,\n[data-bs-theme=\"light\"] {\n    --#{$prefix}header-bg: #ffffff;\n    --#{$prefix}header-item-color: #{$header-item-color};\n    --#{$prefix}header-item-sub-color: #{$text-muted};\n    --#{$prefix}header-height: 70px;\n\n    --#{$prefix}rightbar-width: 280px;\n\n    --#{$prefix}boxed-layout-width: 1300px;\n\n    --#{$prefix}navbar-brand-box-bg: #ffffff;\n\n    --#{$prefix}footer-height: 60px;\n    --#{$prefix}footer-bg: #ffffff;\n\n    [data-topbar=\"light\"]{\n        --#{$prefix}topbar-search-bg: #f1f5f7;\n    }\n\n    --#{$prefix}header-dark-bg:    #252b3b;\n\n    --#{$prefix}menu-item-color: #74788d;\n    --#{$prefix}menu-item-active-color: #5664d2;\n\n    // Topbar User\n    --#{$prefix}topbar-search-bg:           #f1f5f712;\n\n    // Horizontal nav\n    --#{$prefix}topnav-bg:                  #{$white};\n    --#{$prefix}topnav-item-color:          #{darken($gray-600, 10%)};\n    --#{$prefix}topnav-item-color-active: var(--#{$prefix}primary);\n\n    // twocolumn menu\n    --#{$prefix}twocolumn-menu-iconview-bg: #{$white};\n    --#{$prefix}twocolumn-menu-bg: #{$white};\n\n    --#{$prefix}header-item-color: #636e75;\n\n    --#{$prefix}boxed-body-bg: #f4f4f7;\n\n\n    [data-topbar=\"dark\"] {\n        --#{$prefix}header-bg: #{$gray-800};\n        --#{$prefix}header-item-color: #{$gray-100};\n        --#{$prefix}header-dark-item-color: #e9ecef;\n    }\n\n    [data-topbar=\"colored\"] {\n         --#{$prefix}header-colored-bg: #556ee6;\n         --#{$prefix}topbar-search-bg:  rgba(241, 245, 247, 0.071);\n         --#{$prefix}header-dark-item-color: #e9ecef;\n    }\n\n    [data-sidebar=\"colored\"]{\n        --#{$prefix}topbar-search-bg: #f1f5f7;\n    }\n\n    //sidebar vertical light\n    --#{$prefix}sidebar-bg: #ffffff;\n    --#{$prefix}sidebar-border-color: #eff0f2;\n    --#{$prefix}sidebar-menu-item-color: #7b8190;\n    --#{$prefix}sidebar-menu-sub-item-color: #7b8190;\n    --#{$prefix}sidebar-menu-item-icon-color: #7b8190;\n    --#{$prefix}sidebar-menu-item-hover-color: #383c40;\n    --#{$prefix}sidebar-menu-item-active-color: #2e3032;\n    --#{$prefix}sidebar-menu-sub-item-active-color: #2e3032;\n    --#{$prefix}sidebar-menu-item-active-bg-color: #f3f5f9;\n    --#{$prefix}sidebar-menu-sub-item-line-color: #eaecf1;\n    --#{$prefix}sidebar-width: 240px;\n    --#{$prefix}sidebar-collapsed-width: 70px;\n    --#{$prefix}sidebar-width-sm: 160px;\n\n    [data-sidebar=\"light\"]{\n        --#{$prefix}sidebar-bg: #ffffff;\n        --#{$prefix}sidebar-border-color: #eff0f2;\n        --#{$prefix}sidebar-menu-item-color: #7b8190;\n        --#{$prefix}sidebar-menu-sub-item-color: #7b8190;\n        --#{$prefix}sidebar-menu-item-icon-color: #7b8190;\n        --#{$prefix}sidebar-menu-item-hover-color: #383c40;\n        --#{$prefix}sidebar-menu-item-active-color: #2e3032;\n        --#{$prefix}sidebar-menu-sub-item-active-color: #2e3032;\n        --#{$prefix}sidebar-menu-item-active-bg-color: #f3f5f9;\n        --#{$prefix}sidebar-menu-sub-item-line-color: #eaecf1;\n        \n    }\n\n    [data-sidebar=\"dark\"] {\n        --#{$prefix}sidebar-dark-bg: #1f2224; //2c313a\n        --#{$prefix}sidebar-dark-menu-item-color: #7e8388;\n        --#{$prefix}sidebar-dark-menu-sub-item-color: #7e8388;\n        --#{$prefix}sidebar-dark-menu-item-icon-color: #525363;\n        --#{$prefix}sidebar-dark-menu-item-hover-color: #ffffff;\n        --#{$prefix}sidebar-dark-menu-item-active-color: #ffffff;\n        --#{$prefix}sidebar-dark-menu-item-active-bg-color: #30343a;\n        --#{$prefix}sidebar-dark-menu-sub-item-line-color: #505356;\n    }\n\n}\n\n//theme dark\n@if $enable-dark-mode {\n    @include color-mode(dark, true) {\n        --#{$prefix}light: #{$light-dark};\n        --#{$prefix}light-rgb: #{to-rgb($light-dark)};\n        --#{$prefix}dark: #{$light-dark};\n        --#{$prefix}dark-rgb: #{to-rgb($light-dark)};\n\n        --#{$prefix}navbar-brand-box-bg: #1f2224;\n\n        --#{$prefix}box-shadow: 0 2px 3px #161819;\n\n        // header\n        --#{$prefix}header-bg:                      #131516;\n        --#{$prefix}header-dark-bg:                 #131516;\n        --#{$prefix}header-item-color:              #919bae;\n        --#{$prefix}topbar-search-bg:               #2b324412;\n\n        .table-light {\n             --#{$prefix}table-color: #{lighten($light-dark, 80%)};\n             --#{$prefix}table-bg: var(--#{$prefix}tertiary-bg);\n             --#{$prefix}table-border-color: var(--#{$prefix}border-color);\n             --#{$prefix}table-striped-bg: var(--#{$prefix}tertiary-bg);\n             --#{$prefix}table-striped-color: #{lighten($light-dark, 100%)};\n             --#{$prefix}table-active-bg: var(--#{$prefix}tertiary-bg);\n             --#{$prefix}table-active-color: #{lighten($light-dark, 100%)};\n             --#{$prefix}table-hover-bg: var(--#{$prefix}tertiary-bg);\n             --#{$prefix}table-hover-color: #{lighten($light-dark, 100%)};\n        }\n\n        &[data-topbar=\"colored\"]{\n            --#{$prefix}header-colored-bg:  #556ee6;\n            --#{$prefix}topbar-search-bg:   #2b324412;\n        }\n\n        &[data-topbar=\"light\"] {\n            --#{$prefix}header-bg:        #f8f9fb;\n            --#{$prefix}topbar-search-bg: #2b3244;\n        }\n\n        &[data-sidebar=\"colored\"] {\n            --#{$prefix}topbar-search-bg: #2b3244;\n        }\n\n        // horizontal nav\n        --#{$prefix}topnav-bg:              #282e3f;\n\n        --#{$prefix}header-item-sub-color: #{$text-muted};\n        // footer\n        --#{$prefix}footer-bg: #{$gray-800};\n\n        --#{$prefix}boxed-body-bg: #1f2224;\n\n        --#{$prefix}sidebar-bg: #1f2224; //2c313a\n        --#{$prefix}sidebar-border-color: #282c2f;\n        --#{$prefix}sidebar-menu-item-color: #7e8388;\n        --#{$prefix}sidebar-menu-sub-item-color: #7e8388;\n        --#{$prefix}sidebar-menu-item-icon-color: #525363;\n        --#{$prefix}sidebar-menu-item-hover-color: #ffffff;\n        --#{$prefix}sidebar-menu-item-active-color: #ffffff;\n        --#{$prefix}sidebar-menu-item-active-bg-color: #30343a;\n        --#{$prefix}sidebar-menu-sub-item-line-color: #505356;\n\n        &[data-sidebar=\"dark\"] {\n            --#{$prefix}sidebar-dark-bg: #1f2224; //2c313a\n            --#{$prefix}sidebar-dark-menu-item-color: #7e8388;\n            --#{$prefix}sidebar-dark-menu-sub-item-color: #7e8388;\n            --#{$prefix}sidebar-dark-menu-item-icon-color: #525363;\n            --#{$prefix}sidebar-dark-menu-item-hover-color: #ffffff;\n            --#{$prefix}sidebar-dark-menu-item-active-color: #ffffff;\n            --#{$prefix}sidebar-dark-menu-item-active-bg-color: #30343a;\n            --#{$prefix}sidebar-dark-menu-sub-item-line-color: #505356;\n        }\n\n    }\n}","//\n// avatar.scss\n//\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem;\n}\n\n.avatar-sm {\n  height: 2.2rem;\n  width: 2.2rem;\n}\n\n.avatar {\n  height: 3rem;\n  width: 3rem;\n}\n\n.avatar-md {\n  height: 3.6rem;\n  width: 3.6rem;\n}\n\n.avatar-lg {\n  height: 5rem;\n  width: 5rem;\n}\n\n.avatar-xl {\n  height: 6rem;\n  width: 6rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: $primary;\n  color: $white;\n  display: flex;\n  font-weight: $font-weight-medium;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n\n// avatar group\n.avatar-group {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 8px;\n  .avatar-group-item {\n    margin-left: -8px;\n    border: 2px solid $card-bg;\n    border-radius: 50%;\n    transition: all 0.2s;\n    &:hover{\n      position: relative;\n      transform: translateY(-2px);\n    }\n  }\n}\n\n// body[data-bs-theme=\"dark\"] {\n//   .avatar-group{\n//     .avatar-group-item{\n//       border-color: $gray-dark-200;\n//     }\n//   }\n// }","//\n// alerts.scss\n//\n\n.alert-top-border {\n    background-color: $card-bg;\n    border-color: var(--#{$prefix}border-color);\n    border-top: 2px solid var(--#{$prefix}border-color);\n}\n\n//  \n\n// alert-label-icon\n\n.alert-label-icon {\n    position: relative;\n    padding-left: 60px;\n    border: 0;\n  \n    .label-icon {\n      position: absolute;\n      width: 45px;\n      height: 100%;\n      left: 0;\n      top: 0;\n      background-color: rgba($white, 0.1);\n      border-right: 1px solid rgba($white, 0.1);\n      font-size: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  \n    // label arrow\n    &.label-arrow {\n      overflow: hidden;\n      .label-icon {\n        color: $white;\n        &:after {\n          content: \"\";\n          position: absolute;\n          border: 6px solid transparent;\n          right: -12px;\n        }\n      }\n    }\n  }\n\n.alert-light{\n    color: $text-muted;\n}\n\n@each $color,\n$value in $theme-colors {\n    .alert-top-border{\n        &.alert-#{$color} {\n            border-top-color: $value;\n            color: $value;\n        }\n    }\n\n    .alert-outline{\n        &.alert-#{$color} {\n            border: 1px solid rgba($value, .8);\n            color: $value;\n        }\n    }\n\n        // alert border left\n        .alert-border-left {\n            &.alert-#{$color} {\n            border-left-color: $value;\n            }\n        }\n\n        // label arrow\n        .label-arrow {\n            &.alert-#{$color} {\n            .label-icon {\n                background-color: $value;\n                &:after {\n                border-left-color: $value !important;\n                }\n            }\n            }\n        }\n}\n\n// Alert border left example\n\n.alert-border-left {\n    border-left: 3px solid;\n  }\n\n.alert-top-border, .alert-outline{\n    &.alert-light{\n        color: $text-muted;\n    }\n}","\n//\n// accordion.scss\n//\n\n.custom-accordion {\n    .accordion-list {\n        display: flex;\n        border-radius: 7px;\n        background-color: $gray-300;\n        padding: 12px 20px;\n        color: $body-color;\n        font-weight: $font-weight-semibold;\n        align-items: center;\n        justify-content: space-between;\n        &.collapsed {\n            i.accor-plus-icon {\n                &:before {\n                    content: \"\\F0415\";\n                }\n            }\n        }\n\n        .accor-plus-icon{\n            display: inline-block;\n            font-size: 16px;\n            height: 24px;\n            width: 24px;\n            line-height: 22px;\n            background-color: $card-bg;\n            text-align: center;\n            border-radius: 50%;\n        }\n    }\n\n    \n    a {\n\n        &.collapsed {\n            i.accor-down-icon {\n                &:before {\n                    content: \"\\F0140\";\n                }\n            }\n        }\n    }\n\n\n    .card-body {\n        color: $text-muted;\n    }\n}\n\n// body[data-bs-theme=\"dark\"] {\n\n//     // accordion\n\n//     .accordion-button{\n//       border-color: $gray-dark-300;\n//       color: $gray-dark-600;\n//       &:not(.collapsed){\n//           background-color: rgba($primary, 0.2);\n//           color: $primary;\n//           box-shadow: inset 0 -1px 0 $gray-dark-200;\n//       }\n//     }\n\n//     .accordion-item{\n//         border-color: $gray-dark-300;\n//     }\n    \n//     .accordion-collapse{\n//         border-color: $gray-dark-300;\n//     }\n// }","//\n// _helper.scss\n//\n\n.font-size-10 {\n  font-size: 10px !important;\n}\n\n.font-size-11 {\n  font-size: 11px !important;\n}\n\n.font-size-12 {\n  font-size: 12px !important;\n}\n\n.font-size-13 {\n  font-size: 13px !important;\n}\n\n.font-size-14 {\n  font-size: 14px !important;\n}\n\n.font-size-15 {\n  font-size: 15px !important;\n}\n\n.font-size-16 {\n  font-size: 16px !important;\n}\n\n.font-size-17 {\n  font-size: 17px !important;\n}\n\n.font-size-18 {\n  font-size: 18px !important;\n}\n\n.font-size-20 {\n  font-size: 20px !important;\n}\n\n.font-size-22 {\n  font-size: 22px !important;\n}\n\n.font-size-24 {\n  font-size: 24px !important;\n}\n\n.font-size-26 {\n  font-size: 26px !important;\n}\n\n\n// Font weight help class\n\n.fw-medium {\n  font-weight: $font-weight-medium;\n}\n\n.fw-semibold {\n  font-weight: $font-weight-semibold;\n}\n\n.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: .7;\n  background-color: $black;\n}\n\n.bg-pattern{\n  background: url('../images/pattern-bg.jpg');\n  background-size: cover;\n  background-position: center;\n}\n\n//list-group-item\n\n.list-group-item{\n  color: var(--#{$prefix}body-color);\n}\n\n// Social\n\n.social-list-item {\n  height: 2.4rem;\n  width: 2.4rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: calc(2.4rem - 2px);\n  border: 1px solid $card-bg;\n  border-radius: 50%;\n  color: $text-muted;\n  fill: $text-muted;\n  text-align: center;\n  transition: all 0.4s;\n  svg{\n    width: 16px;\n    height: 16px;\n  }\n  &:hover{\n    color: $dark;\n    fill: $dark;\n  }\n}\n\n\n.w-xs {\n  min-width: 80px;\n}\n.w-sm {\n  min-width: 95px;\n}\n.w-md {\n  min-width: 110px;\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  }\n}\n\n// body[data-bs-theme=\"dark\"] {\n//     .btn-close {\n//       background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\n//     }\n//     // border\n    \n\n//     .border-bottom{\n//         border-bottom: 1px solid $gray-dark-300 !important;\n//     }\n\n//     .border-top,\n//     .border-start,\n//     .border-end,\n//     .border,\n//     .list-group-item {\n//         border-color: $gray-dark-300 !important;\n//     }\n\n//     @each $color, $value in $theme-colors {\n//       .border-#{$color} {\n//           border-color: $value !important;\n//       }\n//     }\n\n//     .border-light{\n//         border-color: $gray-dark-300 !important;\n//     }\n\n//     // text colors\n//     .text-dark{\n//         color: $gray-dark-600 !important;\n//     }\n\n//     .text-muted{\n//         color: $gray-dark-400 !important;\n//     }\n\n//     .text-body{\n//         color: $gray-dark-500 !important;\n//     }\n\n//     // List item\n//     .list-group-item {\n//         background-color: $gray-dark-200;\n//         color: $gray-dark-400;\n//     }\n\n//     // img thumbnail\n\n//     .img-thumbnail{\n//         background-color: lighten($gray-dark-200,2.5%);\n//         border-color: $gray-dark-300;\n//     }\n  \n//     // popover-header\n//     .popover-header{\n//         color: $gray-dark-200;\n//     }\n\n//     .custom-blockpuote.blockquote.blockpuote-outline-dark{\n//       border-color: $gray-dark-300;\n//       .blockquote-footer{\n//         color: $gray-dark-300;\n//       }\n//     }\n\n//     .social-list-item{\n//       border: 1px solid $gray-dark-200;\n//       color: $gray-dark-400;\n//       &:hover{\n//         color: $gray-dark-500;\n//       }\n//     }\n\n// }\n","// \n// _preloader.scss\n//\n\n#preloader {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: $card-bg;\n    z-index: 9999;\n}\n\n#status {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translateY(-50%);\n    margin: -20px 0 0 -20px;\n}\n\n.spinner{\n    .spin-icon {\n        font-size: 48px;\n        color: $primary;\n        position: relative;\n        display: inline-block;\n        animation: spin 1.6s infinite linear;\n    }\n}\n\n@keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(359deg);\n    }\n}","//\n// forms.scss\n//\n\n[type=\"tel\"],\n[type=\"url\"],\n[type=\"email\"],\n[type=\"number\"] {\n &::placeholder{\n   text-align: left /*rtl: right*/;\n }\n}\n\n.form-check{\n  position: relative;\n  text-align: left /*rtl: right*/;\n}\n\n\n// checkbox input right\n\n.form-check-right{\n  padding-left: 0;\n  display: inline-block;\n  padding-right: $form-check-padding-start;\n  .form-check-input{\n    float: right;\n    margin-left: 0;\n    margin-right: $form-check-padding-start * -1;\n  }\n\n  .form-check-label{\n    display: block;\n  }\n}\n\n// checkbox\n\n.form-checkbox-outline{\n  \n  .form-check-input{\n    border-width: 2px;\n    background-color: var(--#{$prefix}secondary-bg);\n\n    &:active{\n      filter: none;\n    }\n\n    &:checked{\n      background-color: var(--#{$prefix}secondary-bg) !important;\n\n      &[type=checkbox]{\n        background-image: none;\n        \n      }\n\n      &:after{\n        position: absolute;\n        content: '\\F012C';\n        font-family: \"Material Design Icons\";\n        top: -4px !important;\n        left: 1px; /*rtl: -4px */\n        font-size: 16px;\n        color: var(--#{$prefix}body-color);  \n      }\n    }\n  }\n}\n\n// radio\n\n.form-radio-outline{\n  .form-check-input{\n    border-width: 2px;\n    background-color: $card-bg;\n\n    &:active{\n      filter: none;\n    }\n\n    &:checked{\n      background-color: $card-bg !important;\n  \n      &[type=checkbox]{\n        background-image: none;\n        \n      }\n  \n      &:after{\n        position: absolute;\n        content: '\\F0765';\n        font-family: \"Material Design Icons\";\n        top: 6px!important;\n        left: 4px;\n        font-size: 6px;    \n      }\n    }\n  }\n}\n\n\n\n// checkbox color\n\n@each $color,\n$value in $theme-colors {\n  .form-check-#{$color}{\n    .form-check-input{\n      &:checked{\n        background-color: $value;\n        border-color: $value;\n      }\n    }\n  }\n\n  .form-radio-#{$color}{\n    .form-check-input{\n      &:checked{\n        border-color: $value;\n        background-color: $value;\n        &:after{\n          color: $value;\n        }\n      }\n    }\n  }\n}\n\n.form-check,\n.form-check-input,\n.form-check-label {\n  cursor: pointer;\n  margin-bottom: 0;\n}\n\n\n// Switch sizes\n\n.form-switch-md{\n  font-size: 20px;\n  min-height: 26px;\n  line-height: 26px;\n\n  .form-check-label{\n    font-size: $font-size-base;\n    vertical-align: middle;\n  }\n}\n\n\n.form-switch-lg{\n  font-size: 26px;\n  min-height: 36px;\n  line-height: 36px;\n  .form-check-label{\n    font-size: $font-size-base;\n    vertical-align: middle;\n  }\n}\n\n.input-group-text{\n  margin-bottom: 0px;\n}\n\n// card radio\n\n.card-radio{\n  background-color: $card-bg;\n  border: 2px solid $card-border-color;\n  border-radius: $border-radius;\n  padding: 4px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover{\n    cursor: pointer;\n  }\n}\n\n.card-radio-label{\n  display: block;\n}\n\n\n.card-radio-input{\n  display: none;\n  &:checked + .card-radio {\n    border-color: $primary !important;\n  }\n}\n\n\n// body[data-bs-theme=\"dark\"]{\n\n//   // Form Control\n//   .form-control {\n//     color: $gray-dark-500;\n//     background-color: lighten($gray-dark-200,3%);\n//     border: 1px solid $gray-dark-300;\n//   }\n//   // form-select\n//   .form-select{\n//     color: $gray-dark-500;\n//     background-color: lighten($gray-dark-200,3%);\n//     border: 1px solid $gray-dark-300;\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-dark-800}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\"));\n// }\n\n// // form-check\n\n// .form-check-input{\n//   background-color: $gray-dark-300;\n//   border-color: rgba($white, 0.25);\n//   &:checked{\n//       background-color: $form-check-input-checked-bg-color;\n//       border-color: $form-check-input-checked-border-color;\n//     }\n// }\n\n// // form switch\n\n// .form-switch {\n//     .form-check-input {\n//         background-image: escape-svg($form-switch-checked-bg-image)\n//     }\n// }\n\n// // input group\n// .input-group-text{\n//     background-color: lighten($gray-dark-300,3%);\n//     border-color: $gray-dark-300;\n//     color: $gray-dark-600;\n// }\n\n// .form-control{\n//     &::-webkit-file-upload-button {\n//         background-color: $gray-dark-300;\n//         color: $gray-dark-600;\n//     }\n//     &:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {\n//         background-color: $gray-dark-300;\n//     }\n// }\n// }","// \n// _widgets.scss\n// \n\n// popular product\n\n.popular-product-box{\n    padding: 12px 15px;\n    background-color: var(--#{$prefix}tertiary-bg);\n}\n\n// Loyal Customers\n.loyal-customers-box{\n    padding: 11px 0px;\n}\n\n// Sale Social\n.sale-social-box{\n    padding: 15px 0px;\n}\n\n.sales-history{\n    padding: 12px 0px;\n}\n\n.popular-product-img{\n    img{\n        height: 200px;\n        @media (min-width: 1440px) and (max-width: 1550px) { \n            max-width: 100%;\n            height: auto;          \n        }\n    }\n  \n}\n\n\n.main-chart {\n    .chart-border-left {\n        border-left: 1.4px solid var(--#{$prefix}border-color);\n        padding: 0px 20px;\n\n        @media (max-width: 575.98px) {\n            padding: 0px 0px;\n            border: 0;\n            &:last-child{\n                padding-left: 15px;\n            }\n        }\n\n        &:last-child {\n            margin-right: 0px;\n        }\n    }\n}\n\n.widget-chat{\n    height: 331px !important;\n}\n\n.widget-chat-list{\n    height: 400px !important;\n}\n\n// Transactions\n\n.transactions-contain{\n    padding: 14px 16px;\n}\n\n\n.swiper-location-widget{\n    height: 276px;\n    .swiper-slide{\n        .card{\n            margin: 0;\n            box-shadow: none;\n            height: 100%;\n            \n            .card-body{\n                padding: 0.5rem 1rem;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n            }\n        }\n    }\n}\n\n// map widget\n.map-widget{\n    @media (min-width: 992px) {\n        border-right: 1px solid var(--#{$prefix}border-color);\n    }\n}\n\n// body[data-bs-theme=\"dark\"] {\n\n//     .popular-product-box{\n//         background-color: $gray-dark-300;\n    \n//     }\n\n//     .main-chart{\n//         .chart-border-left{\n//             border-left: 1.4px solid $gray-dark-300;\n//         }\n//     }\n\n//     // map widget\n//     .map-widget{\n//         @media (min-width: 992px) {\n//             border-right: 1px solid $gray-dark-300;\n//         }\n//     }\n// }","// \n// _demos.scss\n// \n\n// Grid \n.grid-example{\n  background-color:  var(--#{$prefix}tertiary-bg);\n  border-radius: 5px;\n  font-weight: $font-weight-medium;\n  padding: 10px 20px;\n  font-size: .8rem;\n}\n\n\n// Demo Only\n.button-items {\n    margin-left: -8px;\n    margin-bottom: -12px;\n    \n    .btn {\n        margin-bottom: 12px;\n        margin-left: 8px;\n    }\n}\n\n// search-box\n.search-box{\n  .form-control{\n      border-radius: 10px;\n      padding-left: 40px;\n  }\n  .search-icon{\n      position: absolute;\n      left: 13px;\n      top: 50%;\n      transform: translateY(-50%);\n      fill:  var(--#{$prefix}body-color);\n      width: 16px;\n      height: 16px;\n  }\n}\n\n\n.user-profile-img{\n  position: relative;\n  \n  .overlay-content{\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      background: rgba($primary, 0.8);\n      display: flex;\n      height: 100%;\n      color: rgba($white, 0.6);\n      flex-direction: column;\n  }\n  .profile-img{\n      width: 100%;\n      height: 250px;\n      object-fit: cover;\n\n      @media (max-width:991px) {\n          height: 160px;\n      }\n  }\n}\n\n.user-profile-image{\n  object-fit: cover;\n}\n\n// Modals\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\n// Icon demo ( Demo only )\n.icon-demo-content {\n    text-align: center;\n    color: var(--#{$prefix}body-color);\n  \n    i, svg{\n      display: block;\n      width: 50px;\n      height: 50px;\n      line-height: 46px;\n      font-size: 24px;\n      margin: 0px auto 16px;\n      border: 2px solid var(--#{$prefix}border-color);\n      color: var(--#{$prefix}body-color);\n      fill: $gray-600;\n      border-radius: 1rem;\n      transition: all 0.4s;\n    }\n    svg {\n      padding: 10px;\n    }\n  \n    .col-lg-4 {\n      margin-top: 24px;\n  \n      &:hover {\n        i, svg {\n          color: $white;\n          fill: $white;\n          background-color: $primary;\n          border-color: $primary;\n        }\n      }\n    }\n}\n\n// Grid\n\n.grid-structure {\n  .grid-container {\n      background-color: var(--#{$prefix}tertiary-bg);\n      margin-top: 10px;\n      font-size: .8rem;\n      font-weight: $font-weight-medium;\n      padding: 10px 20px;\n  }\n}\n\n// toast\n.toast:not(:last-child) {\n  margin-bottom: .75rem;\n}\n\n\n// ribbon\n\n.ribbon{\n  position: absolute;\n  right: -26px;\n  top: 20px;\n  transform: rotate(45deg);\n  color: $white;\n  font-size: 13px;\n  font-weight: $font-weight-medium;\n  padding: 1px 22px;\n  font-size: 13px;\n  font-weight: 500;\n}\n\n\n// card radio\n\n\n\n.card-radio{\n  background-color: var(--#{$prefix}secondary-bg);\n  border: 2px solid $card-border-color;\n  border-radius: $border-radius;\n  padding: 0.5rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n\n  &:hover{\n    cursor: pointer;\n  }\n}\n\n.card-radio-label{\n  display: block;\n}\n\n.edit-btn{\n  width: 35px;\n  height: 35px;\n  line-height: 40px;\n  text-align: center;\n  position: absolute;\n  right: 25px;\n  margin-top: -50px;\n}\n\n\n.card-radio-input{\n  display: none;\n  &:checked + .card-radio {\n    border-color: $primary !important;\n\n    &:before{\n      content: '\\e9da';\n      font-family: \"boxicons\";\n      position: absolute;\n      top: 10px;\n      right: 25px;\n      font-size: 22px;\n      color: $primary;\n    }\n  }\n}\n\n.navs-carousel{\n  .owl-nav{\n      margin-top: 16px;\n      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($primary, 0.25) !important;\n          color: $primary !important;\n          margin: 4px 8px !important;\n      }\n  }\n}\n\n@media (min-width: 576px){\n  .currency-value{\n      position: relative;\n      &:after{\n          content: \"\\F04E1\";\n          font-family: \"Material Design Icons\";\n          font-size: 24px;\n          position: absolute;\n          width: 40px;\n          height: 40px;\n          line-height: 40px;\n          border-radius: 50%;\n          text-align: center;\n          right: 0;\n          top: 50%;\n          transform: translateY(-50%);\n          background-color: $primary;\n          color: $white;\n          z-index: 9;\n          right: -30px;\n      }\n  }\n\n}\n\n.crypto-buy-sell-nav-content{\n  border: 2px solid var(--#{$prefix}border-color);\n  border-top: 0;\n}","// \n// _print.scss\n//\n\n// Used invoice page\n@media print {\n    .vertical-menu,\n    .right-bar,\n    .page-title-box,\n    .navbar-header,\n    .footer {\n        display: none !important;\n    }\n    .card-body,\n    .main-content,\n    .right-bar,\n    .page-content,\n    body {\n        padding: 0;\n        margin: 0;\n    }\n\n    .card{\n        border: 0;\n    }\n}","//\n// carousel.scss\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n    height: 30px;\n    width: 30px;\n    margin: auto 0;\n    background-color: $primary;\n}\n\n.carousel-dark .carousel-caption{\n    color: rgba($black, 0.8);\n    .h1, .h2, .h3, .h4, .h5, .h6, \n    h1, h2, h3, h4, h5, h6{\n        color: rgba($black, 0.8);\n    }\n}\n\n\n\n.auth-carousel{\n    .carousel-indicators {\n        bottom: -50px;\n    }\n    [data-bs-target]{\n        background-color: $primary;\n    }\n}","// \n// custom-scroll.scss\n\n[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%; /* Not required for horizontal scroll to trigger */\n  max-height: 100%; /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 6px;\n  min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: '';\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n}\n\n.custom-scroll {\n  height: 100%;\n}","/* ==============\n  Calendar\n===================*/\n\n\n.fc td, .fc th{\n    border: $table-border-width solid $table-border-color;\n}\n\n.fc {\n    .fc-toolbar {\n        h2 {\n            font-size: 16px;\n            line-height: 30px;\n            text-transform: uppercase;\n        }\n\n        @media (max-width: 767.98px) {\n\n            .fc-left,\n            .fc-right,\n            .fc-center {\n                float: none;\n                display: block;\n                text-align: center;\n                clear: both;\n                margin: 10px 0;\n            }\n\n            >*>* {\n                float: none;\n            }\n\n            .fc-today-button {\n                display: none;\n            }\n        }\n\n        .btn {\n            text-transform: capitalize;\n        }\n\n    }\n\n    .fc-col-header-cell{\n        background-color: $light;\n    }\n\n    .fc-col-header-cell-cushion {\n        display: block;\n        padding: 8px 4px;\n    }\n\n    .fc-daygrid-day-number{\n        width: 24px;\n        height: 24px;\n        border-radius: 50%;\n        padding: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 12px;\n        font-weight: $font-weight-medium;\n        margin: 2px;\n    }\n\n    .fc-daygrid-day.fc-day-today{\n        background-color: rgba($primary,0.1);\n        .fc-daygrid-day-number{\n            background-color: $primary;\n            color: $white;\n        }\n    }\n\n    .fc-list-event:hover td{\n        background: transparent;\n    }\n\n    .fc-list-event-dot{\n        border-color: $white;\n    }\n\n    .fc-list-event-title{\n        a{\n            color: $white !important;\n        }\n    }\n\n    .fc-col-header, .fc-daygrid-body, .fc-scrollgrid-sync-table{\n        width: 100% !important;\n    }\n}\n\n.fc-theme-bootstrap a:not([href]){\n    color: var(--#{$prefix}body-color);\n}\n.fc-event{\n    color: $white;\n}\n\n\n.fc {\n    th.fc-widget-header {\n        background: var(--#{$prefix}tertiary-bg);\n        color: var(--#{$prefix}body-color);\n        line-height: 20px;\n        padding: 10px 0;\n        text-transform: uppercase;\n        font-weight: $font-weight-bold;\n    }\n}\n\n.fc-unthemed {\n\n    .fc-content,\n    .fc-divider,\n    .fc-list-heading td,\n    .fc-list-view,\n    .fc-popover,\n    .fc-row,\n    tbody,\n    td,\n    th,\n    thead {\n        border-color: $gray-300;\n    }\n\n    td.fc-today {\n        background: lighten($gray-200, 2%);\n    }\n}\n\n.fc-button {\n    background: $card-bg;\n    border-color: $border-color;\n    color: $gray-700;\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: $primary;\n    color: $white;\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: $primary;\n}\n\n.fc-daygrid-dot-event.fc-event-mirror, \n.fc-daygrid-dot-event:hover{\n    background-color: $primary;\n}\n\n.fc-daygrid-dot-event{\n    color: $white !important;\n\n    .fc-event-title{\n        font-weight: $font-weight-semibold;\n    }\n}\n\n.fc-daygrid-event-dot{\n    border-color: $white !important;\n    color: $white !important;\n}\n\n.fc-event .fc-content {\n    color: $white;\n}\n\n#external-events {\n    .external-event {\n        text-align: left;\n        padding: 8px 16px;\n        margin: 6px 0;\n    }\n}\n\n\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark {\n    .fc-content{\n      color: $light;  \n    }\n  }\n\n.fc-scrollgrid-sync-inner{\n    .fc-col-header-cell-cushion{\n        background-color: var(--#{$prefix}tertiary-bg) !important;\n    }\n}\n  \n.fc-theme-standard .fc-scrollgrid {\n    border: 1px solid var(--#{$prefix}border-color) !important;\n}\n\n\n// RTL\n[dir=\"rtl\"]{\n    .fc-header-toolbar {\n        direction: ltr !important;\n    }\n\n    .fc-toolbar>*>:not(:first-child) {\n        margin-left: .75em;\n    }\n}\n\n.fc-toolbar{\n    @media (max-width: 575.98px) {\n        flex-direction: column;\n        gap: 16px;\n    }\n}\n\n\n","\n//\n// Range slider.scss\n//\n\n.noUi-connect{\n  background: $primary;\n}\n\n.noUi-handle{\n  background: var(--#{$prefix}secondary-bg);\n}\n\n.noUi-horizontal{\n  height: 8px;\n  .noUi-handle{\n    height: 20px;\n    width: 20px;\n    border-radius: 50%;\n    right: -10px;\n    top: -7px;\n\n    &::before, &::after{\n      display: none;\n    }\n    &:focus{\n      outline: 0;\n    }\n  }\n}\n\n.noUi-pips-horizontal{\n  height: 50px;\n}\n\n.noUi-vertical{\n  width: 8px;\n  .noUi-handle{\n    height: 20px;\n    width: 20px;\n    right: -7px;\n    top: -12px;\n    border-radius: 50%;\n    &::before, &::after{\n      display: none;\n    }\n    &:focus{\n      outline: 0;\n    }\n  }\n  .noUi-origin{\n    top: 0;\n  }\n}\n\n.noUi-value{\n  font-size: 12px;\n}\n\n.noUi-marker-horizontal{\n  &.noUi-marker-large{\n    height: 6px;\n  }\n\n  &.noUi-marker{\n    display: none;\n  }\n}\n\n.noUi-target{\n  background-color: var(--#{$prefix}tertiary-bg);\n  border-color: var(--#{$prefix}border-color);\n}\n\n.noUi-touch-area{\n  &:focus{\n    outline: 0;\n  }\n}\n\n// Colorpicker\n\n#red, #green, #blue {\n\tmargin: 10px;\n\tdisplay: inline-block;\n\theight: 200px;\n}\n\n#colorpicker {\n\theight: 240px;\n\twidth: 310px;\n\tmargin: 0 auto;\n\tpadding: 10px;\n\tborder: 1px solid var(--#{$prefix}border-color)s;\n}\n\n#result {\n\tmargin: 60px 26px;\n\theight: 100px;\n\twidth: 100px;\n\tdisplay: inline-block;\n\tvertical-align: top;\n\tborder: 1px solid var(--#{$prefix}border-color);\n    box-shadow: 0 0 3px;\n    border-radius: 7px;\n}\n\n#red {\n    .noUi-connect {\n        background: $danger;\n    }\n}\n\n#green {\n    .noUi-connect {\n        background: $success;\n    }\n}\n\n#blue {\n    .noUi-connect {\n        background: $primary;\n    }\n}\n\n// Adding keyboard support\n\n.form-control{\n    &.keyboard{\n        max-width: 340px !important;\n    }\n}\n\n// Using HTML5 input elements\n\n#input-select,\n#input-number {\n\tpadding: 7px;\n\tmargin: 15px 5px 5px;\n\twidth: 70px;\n}\n\n// Non linear slider\n\n.example-val{\n    font-size: 12px;\n    color: $text-muted;\n    display: block;\n    margin: 15px 0;\n    &:before{\n        content: \"Value: \";\n        font-size: 12px;\n        font-weight: 600;\n    }\n}\n\n// showing tooltips\n\n.noUi-tooltip {\n    display: none;\n}\n.noUi-active .noUi-tooltip {\n    display: block;\n}\n\n// Colored Connect Elements\n\n.c-1-color { background: $danger; }\n.c-2-color { background: $warning; }\n.c-3-color { background: $success; }\n.c-4-color { background: $primary; }\n.c-5-color { background: $purple; }\n\n//  slider togle\n\n#slider-toggle {\n    height: 50px;\n    &.off{\n        .noUi-handle{\n            border-color: $danger;\n        }\n    }\n}\n\n.noUi-target {\n    box-shadow: inset 0 1px 1px var(--#{$prefix}border-color), 0 3px 6px -5px var(--#{$prefix}border-color);\n}\n\n.noUi-handle{\n  box-shadow: inset 0 0 1px var(--#{$prefix}tertiary-bg), inset 0 1px 7px var(--#{$prefix}tertiary-bg), 0 3px 6px -3px var(--#{$prefix}tertiary-bg);\n  border-color: var(--#{$prefix}border-color);\n}\n\n","\n//\n//  Sweetalert2.scss\n//\n\n.swal2-container {\n  .swal2-title{\n    font-size: 24px;\n    font-weight: $font-weight-medium;\n  }  \n}\n\n.swal2-content{\n  font-size: 16px;\n}\n\n.swal2-icon{\n  &.swal2-question{\n    border-color: $info;\n    color: $info;\n  }\n  &.swal2-success {\n    [class^=swal2-success-line]{\n      background-color: $success;\n    }\n\n    .swal2-success-ring{\n      border-color: rgba($success, 0.3);\n    }\n  }\n  &.swal2-warning{\n    border-color: $warning;\n    color: $warning;\n  }\n}\n\n.swal2-styled{\n  &:focus{\n    box-shadow: none;\n  }\n}\n\n.swal2-progress-steps {\n  .swal2-progress-step{\n    background: $primary;\n    &.swal2-active-progress-step{\n      background: $primary;\n      &~.swal2-progress-step, &~.swal2-progress-step-line{\n        background: rgba($primary, 0.3);\n      }\n    }\n  }\n  .swal2-progress-step-line{\n    background: $primary;\n  }\n}\n\n.swal2-actions.swal2-loading{\n  .swal2-styled.swal2-confirm{\n    border-left-color: $primary !important;\n    border-right-color: $primary !important;\n  }\n}\n\n.swal2-file, .swal2-input, .swal2-textarea{\n  border: 1px solid $input-border-color;\n  &:focus{\n    box-shadow: none;\n    border-color: $input-focus-border-color;\n  }\n}\n\n.swal2-modal{\n  background-color: var(--#{$prefix}secondary-bg) !important;\n\n  .swal2-title{\n    color: var(--#{$prefix}heading-color) !important;\n  }\n\n  .swal2-html-container{\n    color: var(--#{$prefix}body-color) !important;\n  }\n}\n","\n//\n// alertify.scss\n//\n\n\n.alertify {\n    .ajs-header{\n        font-weight: $font-weight-medium;\n        font-size: 16px;\n        position: relative;\n        color: var(--#{$prefix}body-color);\n        border-color: var(--#{$prefix}border-color);\n    }\n    .ajs-dialog{\n        box-shadow: var(--#{$prefix}box-shadow);\n        background-color: $modal-content-bg;\n        border-radius: $modal-content-border-radius;\n        overflow: hidden;\n\n        .ajs-header, .ajs-footer{\n            background-color: $modal-content-bg;\n        }\n    }\n\n    .ajs-body{\n        color: var(--#{$prefix}body-color);\n    }\n\n    .ajs-footer {\n        border-top-color: var(--#{$prefix}border-color);\n        .ajs-buttons {\n            .ajs-button{\n                font-size: 13px;\n                color: var(--#{$prefix}body-color);\n                font-weight: $font-weight-medium;\n                &.ajs-ok{\n                    color: $primary;\n                }\n            }\n\n            &.ajs-primary{\n                text-align: right;\n            }\n        }\n    }\n\n    .ajs-body .ajs-content {\n        padding: 16px 0px;\n        .ajs-input:focus-visible{\n            outline: none;\n        }\n\n        .ajs-input{\n            display: block;\n            width: 100%;\n            padding: $input-padding-y $input-padding-x;\n            line-height: $input-line-height;\n            color: $input-color;\n            background-color: $input-bg;\n            border: $input-border-width solid $input-border-color;\n            border-radius: $input-border-radius;\n        }\n    }\n\n    .ajs-commands{\n        top: 16px;\n        right: 16px;\n        left: auto;\n        margin: 0;\n\n        button{\n            width: $btn-close-width;\n            height: $btn-close-height;\n            padding: $btn-close-padding-y $btn-close-padding-x;\n            background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat !important; // include transparent for button elements\n            opacity: $btn-close-opacity;\n        }\n    }\n}\n\n\n.alertify-notifier {\n    .ajs-message{\n        background-color: $primary;\n        border-color: $primary;\n        color: $white;\n        text-shadow: none !important;\n        border-radius: 4px;\n        &.ajs-success{\n            background-color: $success;\n            border-color: $success;\n        }\n        &.ajs-error{\n            background-color: $danger;\n            border-color: $danger;\n        }\n        &.ajs-warning{\n            background-color: $warning;\n            border-color: $warning;\n        }\n    }\n\n\n    &.ajs-right {\n        right: 10px;\n        left: auto;\n        .ajs-message {\n            right: -320px;\n            left: auto;\n            &.ajs-visible {\n                right: 290px;\n                left: auto;\n            }\n        }\n    }\n\n    &.ajs-left {\n        left: 10px;\n        right: auto;\n        .ajs-message {\n            left: -300px;\n            right: auto;\n            &.ajs-visible {\n                left: 0;\n                right: auto;\n            }\n        }\n    }\n}","//\n// swiper-slider.scss\n//\n\n.swiper-arrow{\n    .swiper-button-next, .swiper-button-prev{\n        height: 30px;\n        width: 30px;\n        margin: auto 0;\n        color: $white !important;\n        background-color: lighten($primary, 5%);\n        &::after{\n            font-size: 18px;\n        }\n    }\n    .swiper-button-prev{\n        position: absolute;\n        left: 0;\n    }\n    .swiper-button-next{\n        position: absolute;\n        right: 0;\n    }\n\n    &.arrow-sm{\n        .swiper-button-prev, .swiper-button-next{\n            height: 24px;\n            width: 24px;\n            &::after{\n                font-size: 12px;\n            }\n        }\n    }\n}\n\n.swiper-pagination{\n    transform: translate3d(0,0,0) translateX(-50%);\n    display: inline-flex;\n    width: auto !important;\n    padding: 4px 4px;\n    left: 50% !important;\n    background-color: $card-bg;\n    border-radius: 10px;\n    right: auto !important;\n}\n\n.swiper-pagination-bullet{\n    background-color: $card-bg;\n    opacity: 1;\n    border: 1px solid $primary;\n}\n\n.swiper-pagination-bullet-active{\n    background-color: $primary;\n    opacity: 1;\n    border: 1px solid $primary;\n}\n\n.swiper-button-prev, .swiper-container-rtl .swiper-button-next{\n    left: 25px;\n    right: auto;\n}\n\n.swiper-button-next, .swiper-container-rtl .swiper-button-prev{\n    right: 25px;\n    left: auto;\n}\n\n.progress-swiper{\n    .swiper-pagination-progressbar{\n        width: 100%;\n        height: 4px;\n        left: 0;\n        top: 0;\n        background-color: $progress-bg;\n        .swiper-pagination-progressbar-fill{\n            background-color: $primary;\n        }\n    }\n}\n\n\n","\n//\n// choices\n//\n\n.choices__inner{\n  padding: 0.25rem ($form-select-padding-x + $form-select-indicator-padding) 0.25rem 0.5rem;\n  background-color: $form-select-bg;\n  vertical-align: middle;\n  border-radius: $form-select-border-radius;\n  border: $form-select-border-width solid $form-select-border-color;\n  min-height: 38px;\n\n}\n.choices__heading{\n  border-bottom-color: var(--#{$prefix}border-color) !important;\n}\n\n\n.choices[data-type*=select-one]{\n  .choices__inner{\n    padding-bottom: 0.25rem;\n  }\n\n  &:after{\n    border: 0;\n    border-color: var(--#{$prefix}border-color) transparent transparent;\n    right: 11.5px;\n    left: auto;\n    content: \"\\F0140\";\n    font-family: 'Material Design Icons';\n    width: auto;\n    height: auto;\n    margin-top: 0;\n    top: 50%;\n    transform: translateY(-50%);\n  } \n\n  &.is-open:after{\n    margin-top: 0;\n    transform: translateY(-50%) rotate(-180deg);\n  }\n\n  .choices__button{\n    right: 0;\n    left: auto;\n    margin-right: 25px;\n    margin-left: 0;\n  }\n}\n\n.choices__input{\n  background-color: $input-bg;\n  margin-bottom: 0;\n}\n\n.choices__list--multiple{\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  .choices__item{\n    background-color: $primary;\n    border-color: $primary;\n    margin-bottom: 0;\n    margin-right: 0;\n    font-weight: $font-weight-normal;\n    &.is-highlighted{\n      background-color: $primary;\n      border: 1px solid $primary;\n    }\n  }\n}\n\n.choices.is-disabled {\n  .choices__inner, .choices__input{\n    background-color: var(--#{$prefix}secondary-bg);\n  }\n}\n\n.is-open, .is-focused{\n  .choices__inner{\n    border-color: $input-focus-border-color;\n  }\n}\n\n.is-disabled .choices__list--multiple {\n  .choices__item{\n    background-color: $secondary;\n    border-color: $secondary;\n  }\n}\n\n.choices[data-type*=select-multiple], .choices[data-type*=text]{\n  .choices__button{\n    border-left: 1px solid rgba($white, 0.5);\n    margin: 0 -4px 0 8px;\n    border-right: 0;\n  }\n}\n\n.choices__list--dropdown{\n  background-color: $dropdown-bg !important;\n  border-color: $dropdown-border-color !important;\n  box-shadow: var(--#{$prefix}box-shadow)!important;\n  .choices__item--selectable.is-highlighted{\n    background-color: $dropdown-link-hover-bg !important;\n  }\n}\n\n.is-open{\n  .choices__list--dropdown{\n    border-color: $dropdown-border-color !important;\n  }\n}\n\n.choices[data-type*=select-one] .choices__input{\n  background-color: var(--#{$prefix}secondary-bg) !important;\n  border-bottom-color: var(--#{$prefix}border-color) !important;\n}","//\n//  switch.scss\n//\n\n/* CSS Switch */\ninput[switch] {\n  display: none;\n  + label {\n    font-size: 1em;\n    line-height: 1;\n    width: 56px;\n    height: 24px;\n    background-color: $gray-400;\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: $font-weight-medium;\n    transition: all 0.1s ease-in-out;\n    &:before {\n      color: $dark;\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    }\n\n    &:after {\n      content: '';\n      position: absolute;\n      left: 3px;\n      background-color: $gray-200;\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    }\n  }\n\n  &:checked + label {\n    background-color: $primary;\n  }\n}\n\ninput[switch]:checked + label {\n  background-color: $primary;\n  &:before {\n    color: $white;\n    content: attr(data-on-label);\n    right: auto;\n    left: 3px;\n  }\n\n  &:after {\n    left: 33px;\n    background-color: $gray-200;\n  }\n}\n\ninput[switch=\"bool\"] + label {\n  background-color: $danger;\n}\ninput[switch=\"bool\"] + label:before,input[switch=\"bool\"]:checked + label:before,\ninput[switch=\"default\"]:checked + label:before{\n  color: $white;\n}\n\ninput[switch=\"bool\"]:checked + label {\n  background-color: $success;\n}\n\ninput[switch=\"default\"]:checked + label {\n  background-color: #a2a2a2;\n}\n\ninput[switch=\"primary\"]:checked + label {\n  background-color: $primary;\n}\n\ninput[switch=\"success\"]:checked + label {\n  background-color: $success;\n}\n\ninput[switch=\"info\"]:checked + label {\n  background-color: $info;\n}\n\ninput[switch=\"warning\"]:checked + label {\n  background-color: $warning;\n}\n\ninput[switch=\"danger\"]:checked + label {\n  background-color: $danger;\n}\n\ninput[switch=\"dark\"]:checked + label {\n  background-color: $dark;\n}\n\n.square-switch{\n  margin-right: 7px;\n  input[switch]+label, input[switch]+label:after{\n    border-radius: 4px;\n  }\n}\n\n","// \n// Datatables.scss\n// \n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n}\n\n// gridjs-table\n\n.gridjs-container{\n  color: $table-color;\n}\n\n.gridjs-head{\n  margin-bottom: 15px;\n  position: relative;\n  z-index: 1;\n}\n\n.gridjs-wrapper{\n  box-shadow: none;\n  border: none;\n\n  &::-webkit-scrollbar {\n    -webkit-appearance: none;\n}\n\n  &::-webkit-scrollbar:vertical {\n      width: 12px;\n  }\n\n  &::-webkit-scrollbar:horizontal {\n      height: 12px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n      background-color: rgba($dark, .075);\n      border-radius: 10px;\n      border: 2px solid var(--#{$prefix}border-color);\n  }\n\n  &::-webkit-scrollbar-track {\n      border-radius: 10px;  \n      background-color: var(--#{$prefix}secondary-bg); \n  }\n}\n\n.gridjs-table{\n  width: 100%;\n}\n\nth.gridjs-th, \ntd.gridjs-td{\n  border: 0px solid var(--#{$prefix}border-color);\n  border-bottom-width: 1px;\n  padding: .75rem .75rem;;\n}\n\nth{\n  &.gridjs-th{\n    border-top: 0;\n    color: $table-color;\n    background-color: $table-head-bg;\n\n  }\n\n  &.gridjs-th-sort{\n    &:focus, &:hover{\n      background-color: var(--#{$prefix}secondary-bg);\n    }\n  }\n}\n\n.gridjs-footer{\n  box-shadow: none;\n  border: none;\n  border-top: 0;\n}\n\n.gridjs-pagination{\n  color: $pagination-color;\n\n  .gridjs-pages button{\n    border: none !important;\n    border-radius: 30px!important;\n    margin: 0 5px;\n    border: none;\n    min-width: 32px;\n    height: 32px;\n    padding: 0;\n    text-align: center;\n    line-height: 32px;\n\n    \n\n    &:disabled, \n    &:hover:disabled, \n    &[disabled]{\n      color: $pagination-disabled-color;\n    }\n\n    &:hover{\n      background-color: $pagination-hover-bg;\n      color: $pagination-hover-color;\n    }\n\n    &:focus{\n      box-shadow: none;\n      margin: 0 5px !important;\n    }\n\n    &:last-child, &:first-child{\n      &:hover{\n        background-color: transparent;\n      }\n    }\n    &.gridjs-currentPage{\n      background-color: $pagination-active-bg;\n      color: $pagination-active-color;\n      font-weight: 500;\n      border-color: $pagination-active-border-color;\n    }\n  }\n}\n\ninput.gridjs-input{\n  border-color: $input-border-color;\n  background-color: $input-bg;\n  color: $input-color;\n  font-size: 13px;\n  border-radius: 30px;\n  &:focus{\n    box-shadow: none;\n    border-color: $input-focus-border-color;\n    background-color: $input-focus-bg;\n  }\n}\n\n.gridjs-tbody, td.gridjs-td {\n     background-color: var(--#{$prefix}secondary-bg) !important;\n}\n\n.gridjs-footer{\n  background: var(--#{$prefix}secondary-bg);\n}\n\n.gridjs-pagination .gridjs-pages button{\n  background-color: var(--#{$prefix}pagination-bg);\n}\n\n.gridjs-pagination .gridjs-pages button[disabled]{\n  background-color: var(--#{$prefix}pagination-disabled-bg);\n}\n","\n//\n// colorpicker.scss\n//\n\n.pcr-app{\n  background: var(--#{$prefix}secondary-bg);\n}\n\n.pcr-app[data-theme=classic]{\n  .pcr-selection {\n    .pcr-color-preview{\n      margin-right: .75em;\n      margin-left: 0;\n    }\n\n    .pcr-color-chooser, .pcr-color-opacity{\n      margin-left: .75em;\n      margin-right: 0;\n    }\n  }\n}","\n//\n// Datepicker\n//\n// flatpickr\n\n.flatpickr-input{\n  &[readonly]{\n    background-color: $input-bg;\n  }\n}\n\n.input{\n  &[readonly]{\n    background-color: $input-bg;\n  }\n}\n\n.flatpickr-months, .flatpickr-weekdays{\n  background-color: $primary;\n}\n\nspan.flatpickr-weekday{\n  color: $white;\n  font-weight: $font-weight-medium;\n}\n\n.flatpickr-current-month{\n  .flatpickr-monthDropdown-months{\n    &:hover{\n      background-color: transparent !important;\n    }\n  }\n}\n\n.flatpickr-am-pm, .numInput, .numInputWrapper{\n  &:focus, &:hover{\n    background-color: transparent !important;\n  }\n}\n\n\n.flatpickr-weekdays{\n  height: 36px !important;\n  border-bottom: 1px solid var(--#{$prefix}border-color);\n}\n\n.flatpickr-day{\n  color: var(--#{$prefix}body-color) !important;\n  &:hover, &:focus{\n    background-color: var(--#{$prefix}tertiary-bg) !important;\n  }\n  &.today{\n    border-color: $primary !important;\n    background-color: rgba($primary, 0.1);\n    &:hover, &:focus{\n      color: var(--#{$prefix}body-color) !important;\n      background-color: rgba($primary, 0.15) !important;\n    }\n  }\n  &.selected{\n    background-color: $primary !important;\n    border-color: $primary !important;\n    color: $white !important;\n  }\n\n  &.flatpickr-disabled,\n  &.flatpickr-disabled:hover,\n  &.prevMonthDay,\n  &.nextMonthDay,\n  &.notAllowed,\n  &.notAllowed.prevMonthDay,\n  &.notAllowed.nextMonthDay{\n    color: var(--#{$prefix}body-color) !important;\n  }\n\n  &.inRange, \n  &.prevMonthDay.inRange, \n  &.nextMonthDay.inRange, \n  &.today.inRange, \n  &.prevMonthDay.today.inRange, \n  &.nextMonthDay.today.inRange, \n  &:hover, \n  &.prevMonthDay:hover, \n  &.nextMonthDay:hover, \n  &:focus, \n  &.prevMonthDay:focus, \n  &.nextMonthDay:focus{\n    background-color: var(--#{$prefix}tertiary-bg);\n    border-color: var(--#{$prefix}border-color);\n  }\n  &.inRange{\n    box-shadow: -5px 0 0 var(--#{$prefix}box-shadow), 5px 0 0 var(--#{$prefix}box-shadow);\n  }\n  &.selected, \n  &.startRange, \n  &.endRange, \n  &.selected.inRange, \n  &.startRange.inRange, \n  &.endRange.inRange, \n  &.selected:focus, \n  &.startRange:focus, \n  &.endRange:focus, \n  &.selected:hover, \n  &.startRange:hover, \n  &.endRange:hover, \n  &.selected.prevMonthDay, \n  &.startRange.prevMonthDay, \n  &.endRange.prevMonthDay, \n  &.selected.nextMonthDay, \n  &.startRange.nextMonthDay, \n  &.endRange.nextMonthDay{\n    background-color: $primary !important;\n    border-color: $primary !important;\n    color: $white !important;\n  }\n}\n\n.flatpickr-months{\n  .flatpickr-prev-month, .flatpickr-next-month, .flatpickr-month{\n    color: rgba($white,0.9) !important;\n    fill: rgba($white,0.9) !important;\n  }\n}\n\n.flatpickr-monthDropdown-month{\n  color: rgba($black, 0.8);\n}\n.flatpickr-current-month{\n  input.cur-year{\n    &[disabled], &[disabled]:hover{\n      color: rgba($white,0.9) !important;\n    }\n  }\n}\n\n\n.flatpickr-time {\n  input, .flatpickr-time-separator, .flatpickr-am-pm{\n    color: var(--#{$prefix}body-color) !important;\n  }\n}\n\n.flatpickr-calendar{\n  background-color: $dropdown-bg !important;\n  box-shadow: 1px 0 0 var(--#{$prefix}border-color), -1px 0 0 var(--#{$prefix}border-color), 0 1px 0 var(--#{$prefix}border-color), 0 -1px 0 var(--#{$prefix}border-color), 0 3px 13px rgba(0, 0, 0 , 0.08) !important;\n  &.hasTime{\n    .flatpickr-time{\n      border-top: 1px solid var(--#{$prefix}border-color) !important;\n    }\n  }\n}\n\n.flatpickr-months{\n  border-radius: 5px 5px 0px 0px;\n  .flatpickr-prev-month, .flatpickr-next-month{\n    &:hover{\n      svg{\n        fill: rgba($white,0.9) !important;\n      }\n    }\n  }\n}\n","//\n// Form editors.scss\n//\n\n// CK Editor\n.ck {\n  &.ck-toolbar {\n      background-color: var(--#{$prefix}tertiary-bg) !important;\n      border: 1px solid $input-border-color !important;\n\n      &.ck-toolbar_grouping > .ck-toolbar__items {\n          flex-wrap: wrap !important;\n      }\n\n      .ck.ck-toolbar__separator {\n          background: transparent !important;\n      }\n  }\n\n  &.ck-editor__main > .ck-editor__editable {\n      border-top: 0 !important;\n      background-color: $card-bg !important;\n      border-color: $input-border-color !important;\n      box-shadow: var(--#{$prefix}box-shadow)   !important;\n  }\n\n  &.ck-dropdown__panel,\n  &.ck-list {\n      background: $dropdown-bg !important;\n      border: 1px solid $dropdown-border-color !important;\n      box-shadow: var(--#{$prefix}box-shadow) !important;\n  }\n\n  &.ck-reset_all,\n  &.ck-reset_all * {\n      color: var(--#{$prefix}body-color) !important;\n  }\n\n  &.ck-dropdown {\n      .ck-dropdown__panel {\n          &.ck-dropdown__panel_ne,\n          &.ck-dropdown__panel_se {\n              left: 0;\n              right: auto !important;\n          }\n      }\n  }\n\n  &.ck-editor__editable_inline {\n      &[dir=\"rtl\"] {\n          text-align: left !important;\n      }\n  }\n}\n\n.ck-editor__editable {\n  min-height: 245px !important;\n}\n\n.ck,\na.ck {\n  &.ck-button {\n      &.ck-on:not(.ck-disabled) {\n          &:hover,\n          &:active {\n              background: var(--#{$prefix}tertiary-bg) !important;\n              box-shadow: none !important;\n          }\n      }\n\n      &:focus,\n      &:active {\n          background: var(--#{$prefix}tertiary-bg) !important;\n          border-color: var(--#{$prefix}border-color) !important;\n      }\n  }\n}\n\n.ck.ck-tooltip .ck-tooltip__text {\n  background: $dark !important;\n  color: var(--#{$prefix}body-color) !important;\n}\n\n.ck.ck-toolbar .ck.ck-button.ck-on,\na.ck.ck-button.ck-on,\n.ck.ck-button:not(.ck-disabled):hover,\na.ck.ck-button:not(.ck-disabled):hover {\n  background: var(--#{$prefix}tertiary-bg) !important;\n}\n\n.ck.ck-list__item .ck-button .ck-button__label{\n font-family: \"Work Sans\",sans-serif;\n}\n\n[dir=\"rtl\"]{\n  .ck.ck-toolbar>.ck-toolbar__items{\n    flex-direction: row-reverse;\n  }\n}\n\n\n//\n// quilljs-editor.scss\n//\n \n.ql-editor{\n  text-align: left;\n  ol, ul{\n    padding-left: 1.5em;\n    padding-right: 0;\n  }\n\n  li:not(.ql-direction-rtl)::before{\n    margin-left: -1.5em;\n    margin-right: 0.3em;\n    text-align: right;\n  }\n}\n\n.ql-container {\n  font-family: $font-family-base;\n\n  &.ql-snow {\n      border-color: $input-border-color;\n  }\n}\n\n.ql-bubble {\n  border: $input-border-width solid $input-border-color;\n  border-radius: $input-border-radius;\n}\n\n.ql-toolbar {\n  font-family: $font-family-base !important;\n  span {\n      outline: none !important;\n      color: $dropdown-link-color;\n\n      &:hover {\n          color: $primary !important;\n      }\n  }\n\n  &.ql-snow {\n      border-color: $input-border-color;\n\n      .ql-picker.ql-expanded {\n          .ql-picker-label {\n              border-color: transparent;\n          }\n      }\n\n      .ql-picker-options{\n        box-shadow: $dropdown-box-shadow;\n        border-radius: $dropdown-border-radius;\n      }\n  }\n}\n\n.ql-snow {\n  .ql-stroke,\n  .ql-script,\n  .ql-strike svg {\n      stroke: $dropdown-link-color;\n  }\n  .ql-fill {\n      fill: $dropdown-link-color;\n  }\n\n  .ql-picker:not(.ql-color-picker):not(.ql-icon-picker){\n    svg{\n      right: 0;\n      left: auto;\n    }\n  }\n\n  .ql-picker{\n    &.ql-expanded .ql-picker-label{\n      color: $dropdown-link-color;\n    }\n  }\n}\n\n.ql-snow {\n  .ql-picker-options {\n      background-color: $dropdown-bg;\n      border-color: $dropdown-border-color !important;\n  }\n}\n","\n//\n// Form-Upload\n//\n\n/* Dropzone */\n.dropzone {\n  min-height: 230px;\n  border: 2px dashed var(--#{$prefix}border-color);\n  background: var(--#{$prefix}secondary-bg);\n  border-radius: 6px;\n\n  .dz-message {\n    font-size: 24px;\n    width: 100%;\n  }\n}\n","//\n// Form Wizard\n//\n\n// twitter-bs-wizard\n\n\n.wizard-nav{\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n  .wizard-list-item{\n      flex-basis: 0;\n      flex-grow: 1;\n      text-align: center;\n      .list-item{\n        width: 100%;\n        font-size: 14px;\n        position: relative;\n      }\n  }\n\n\n  .step-icon{\n    display: inline-block;\n    width: 56px;\n    height: 56px;\n    line-height: 54px;\n    border: 1px solid rgba($primary, 0.2);\n    color: $primary;\n    text-align: center;\n    border-radius: 50%;\n    position: relative;\n    z-index: 1;\n    font-size: 20px;\n\n    @media (max-width: 575.98px) {\n      width: 40px;\n      height: 40px;\n      line-height: 38px;\n    }\n  }\n\n  .step-title{\n    margin-left: 6px;\n  }\n\n  .wizard-list-item{\n    &:last-child{\n      .list-item{\n        &::after{\n          display: none;\n        }\n      }\n    }\n\n    .list-item{\n      &.done{\n        .step-icon{\n          background-color: $primary;\n          color: $white;\n        }\n        .uil{\n          &:before{\n            content: \"\\e9c3\";\n          }\n        }\n      }\n    }\n  }\n\n  .list-item{\n    font-size: 14px;\n    position: relative;\n    @media (max-width: 575.98px) {\n      padding: 0.5rem;\n    }\n    &::after{\n      content: \"\";\n      position: absolute;\n      width: 75%;\n      height: 2px;\n      background-color: var(--#{$prefix}border-color)s;\n      left: 62%;\n      top: 50%;\n      transform: translateY(-50%);\n      @media (max-width: 575.98px) {\n        display: none;\n      }\n    }\n    &.active{\n      color: $gray-700;\n      background-color: transparent;\n\n      .step-icon{\n        background-color: rgba($primary, 0.2);\n        color: $primary;\n        border-color: rgba($primary, 0.2);\n      }\n    }\n  }\n}\n\n\n.wizard-tab{\n  display: none;\n}\n","//\n// apexcharts.scss\n//\n.apex-charts {\n    min-height: 10px !important;\n    text {\n        font-family: $font-family-base !important;\n    }\n    .apexcharts-canvas {\n        margin: 0 auto;\n    }\n}\n\n.apexcharts-tooltip-title,\n.apexcharts-tooltip-text {\n    font-family: $font-family-base !important;\n}\n\n.apexcharts-text tspan {\n    font-family: $font-family-secondary !important;\n    font-size: 11px;\n}\n\n.apexcharts-tooltip {\n    font-family: $font-family-base !important;\n    color: $gray-600 !important;\n    background: var(--#{$prefix}secondary-bg) !important;\n    border-color: var(--#{$prefix}border-color) !important;\n    .apexcharts-tooltip-title {\n        background: var(--#{$prefix}body-bg) !important;\n        border-color: var(--#{$prefix}border-color) !important;\n    }\n}\n\n.apexcharts-tooltip.apexcharts-theme-dark {\n    * {\n        color: $white !important;\n    }\n}\n\n.apexcharts-legend-series {\n    font-weight: $font-weight-medium;\n}\n\n.apexcharts-gridline {\n    pointer-events: none;\n    stroke: var(--#{$prefix}border-color) !important;\n}\n.apexcharts-grid-borders {\n    line {\n        stroke: var(--#{$prefix}border-color) !important;\n    }\n}\n\n.apexcharts-legend-text {\n    color: $gray-600 !important;\n    font-family: $font-family-base !important;\n    font-size: 13px !important;\n}\n\n.apexcharts-pie-label {\n    fill: $white !important;\n}\n\n.apexcharts-title-text,\n.apexcharts-subtitle-text {\n    fill: $gray-500;\n}\n\n.apexcharts-yaxis,\n.apexcharts-xaxis {\n    text {\n        font-family: $font-family-base !important;\n        fill: $gray-500;\n    }\n}\n\n.apexcharts-yaxis-title {\n    font-weight: 500;\n}\n\n// column dynamic loaded chart\n\n#dynamicloadedchart-wrap {\n    margin: 0px auto;\n    max-width: 800px;\n    position: relative;\n}\n\n.chart-box {\n    padding-left: 0;\n}\n\n#chart-year,\n#chart-quarter {\n    width: 96%;\n    max-width: 48%;\n    box-shadow: none;\n    padding-left: 0;\n    padding-top: 20px;\n    background: $card-bg;\n    border: 1px solid var(--#{$prefix}border-color);\n}\n\n#chart-year {\n    float: left;\n    position: relative;\n    transition: 1s ease transform;\n    z-index: 3;\n    &.chart-quarter-activated {\n        transform: translateX(0);\n        transition: 1s ease transform;\n    }\n}\n\n#chart-quarter {\n    float: left;\n    position: relative;\n    z-index: -2;\n    transition: 1s ease transform;\n    &.active {\n        transition: 1.1s ease-in-out transform;\n        transform: translateX(0);\n        z-index: 1;\n    }\n}\n\n@media screen and (min-width: 480px) {\n    #chart-year {\n        transform: translateX(50%);\n    }\n    #chart-quarter {\n        transform: translateX(-50%);\n    }\n}\n","\n//\n// echarts.scss\n//\n\n.e-charts{\n    height: 350px;\n}","\n//\n// chart.scss\n//\n\n.chartjs-chart{\n    max-height: 350px;\n  }\n  ","//\n// lightbox.scss\n//\n\n.glightbox-clean {\n    .gslide-title {\n        font-family: $font-family-secondary;\n        margin-bottom: 5px;\n        font-weight: 500;\n        font-size: 18px;\n    }\n\n    .gslide-desc {\n        font-family: $font-family-base;\n        font-size: 14px;\n    }\n\n    .gslide-description {\n        background: var(--#{$prefix}secondary-bg);\n\n        .gslide-title{\n            color: var(--#{$prefix}heading-color);\n        }\n    }\n\n    .gclose {\n        border: 2px solid var(--#{$prefix}border-color);\n        border-radius: 7px;\n        right: 10px;\n        left: auto;\n        @media (min-width: 992px) {\n            right: 20px;\n            left: auto;\n        }\n        svg {\n            width: 12px;\n        }\n    }\n}\n","\n//\n// Google map.scss\n//\n\n.gmaps, .gmaps-panaroma {\n  height: 300px;\n  background: $gray-100;\n  border-radius: 3px;\n}\n\n.gmaps-overlay {\n  display: block;\n  text-align: center;\n  color: $white;\n  font-size: 16px;\n  line-height: 40px;\n  background: $primary;\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  &.above {\n    bottom: -15px;\n    border-left: 16px solid transparent;\n    border-right: 16px solid transparent;\n    border-top: 16px solid $primary;\n  }\n  &.below {\n    top: -15px;\n    border-left: 16px solid transparent;\n    border-right: 16px solid transparent;\n    border-bottom: 16px solid $primary;\n  }\n  \n}","//\n// vector-maps.scss\n//\n\n.jvm-tooltip {\n    border-radius: 3px;\n    background-color: $primary;\n    font-family: $font-family-base;\n    box-shadow: $box-shadow-lg;\n    padding: 3px 5px;\n}","//\n// leaflet-maps.scss\n//\n\n.leaflet-map {\n    height: 300px;\n    &.leaflet-container{\n        z-index: 99;\n    }\n}","// \n// authentication.scss\n//\n\n\n\n.auth-bg{\n    background-image: url(\"../images/bg-auth.png\");\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    .bg-overlay{\n        opacity: 0.82;\n        border-top-left-radius: 40px;\n        border-bottom-left-radius: 40px;\n    }\n    @media (min-width: 768px){\n        border-top-left-radius: 40px;\n        border-bottom-left-radius: 40px;\n        height: 100vh;\n    }\n}\n\n\n// Auth Custom input\n\n.input-custom-icon{\n    .form-control{\n        padding-left: 40px;\n        padding-right: 20px;\n    }\n   span{\n    position: absolute;\n    z-index: 10;\n    line-height: 40px;\n    left: 13px;\n    top: 50%;\n    font-size: 16px;\n    -webkit-transform: translateY(-50%);\n    transform: translateY(-50%);\n    color: $gray-500;\n   }\n}\n\n// auth-pass-inputgroup\n.auth-pass-inputgroup{\n    input[type=\"text\"] + .btn .mdi-eye-outline{\n        &:before{\n            content: \"\\F06D1\";\n        }\n    }\n    button{\n        line-height: 22px;\n    }\n}\n\n\n.form-floating-custom{\n    position: relative;\n    >label{\n        left: 48px;\n        margin-top: 2px;\n    }\n    >.form-control, >.form-select{\n        padding-left: 60px;\n    }\n    .form-floating-icon{\n        position: absolute;\n        top: 0;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 56px;\n        fill: $text-muted;\n        svg{\n            width: 22px;\n            height: 22px;\n        }\n    }\n}\n\n.auth-full-page-content{\n    background-color: $card-bg;\n}\n\n// authentication home icon\n.home-btn {\n    position: fixed;\n    top: 30px;\n    right: 30px;\n    z-index: 1;\n}\n\n// auth 2\n\n.auth-logo{\n    .auth-logo-dark{\n        display: $display-block;\n        margin: 0px auto;\n    }\n    .auth-logo-light{\n        display: $display-none;\n        margin: 0px auto;\n    }\n}\n\n.authentication-bg{\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-image: url(\"../images/login-img.png\");\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .auth-logo{\n        .logo{\n            margin: 0px auto;\n        }\n\n        .auth-logo-light{\n            display: none;\n            margin: 0px auto;\n        }\n\n        .auth-logo-dark{\n            margin: 0px auto;\n        }\n    }\n\n    .bg-overlay{\n        opacity: 0.85;\n    }\n\n    .auth-cover-card{\n        .authentication-bg{\n            align-items: flex-start;\n            justify-content: flex-start;\n        }\n        .bg-overlay{\n            opacity: 0.6;\n        }\n\n        .form-floating{\n            label{\n                color: rgba($white, 0.5);\n            }\n            .form-control{\n                background-color: rgba($white, 0.1);\n                border-color: rgba($white, 0.1);\n                color: $white;\n            }\n\n            .form-floating-icon{\n                color: rgba($white, 0.5);\n            }\n        }\n    }\n}\n\n.form-floating-custom{\n    position: relative;\n    >label{\n        left: 48px;\n    }\n    >.form-control, >.form-select{\n        padding-left: 60px;\n    }\n    .form-floating-icon{\n        position: absolute;\n        left: 0;\n        top: 0;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 20px;\n        width: 56px;\n        color: $text-muted;\n    }\n}\n\n// error page\n.error-font {\n    font-size: 9rem;\n    text-shadow: 4px 4px 6px rgba($gray-900, 0.26);\n}\n\n.mover-animation {\n    animation: mover 1s infinite alternate;\n}\n\n@keyframes mover {\n    0% {\n        transform: translateY(10px);\n    }\n    100% {\n        transform: translateY(-10px);\n    }\n}\n\n// signin card title\n\n.signin-other-title{\n    position: relative;\n    &:after{\n        content: \"\";\n        position: absolute;\n        width: 100%;\n        height: 1px;\n        left: 0;\n        right: 0;\n        background-color: $input-border-color;\n        top: 18px;\n    }\n    .title{\n        display: inline-block;\n        position: relative;\n        z-index: 9;\n        background-color: $card-bg;\n        padding: 2px 16px;\n    }\n}\n\n\n// Auth Pages\n.auth-img{\n  background-image: url(\"https://images.unsplash.com/photo-1593062096033-9a26b09da705?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80\");\n  background-size: cover;\n  background-position: center;\n  height: 100%;\n  width: 100%;\n  @media (max-width: 991.98px) {\n      height: 250px;\n  }\n}\n\n\nbody[data-bs-theme=\"dark\"]{\n    .authentication-bg{\n        .auth-logo-light{\n            display: block;\n        }\n\n        .auth-logo-dark{\n            display: none;\n        }\n    }\n}","// \n// ecommerce.scss\n//\n\n// product\n\n.product-box{\n    border: 2px solid var(--#{$prefix}border-color);\n    position: relative;\n}\n\n.search-box{\n    .form-control{\n        border-radius: 30px;\n        padding-left: 40px;\n    }\n    .search-icon{\n        font-size: 16px;    \n        position: absolute;\n        left: 13px;\n        fill: $gray-600;\n    }\n}\n\n.product-list{\n    li{\n        a{\n            display: block;\n            padding: 4px 0px;\n            color: var(--#{$prefix}body-color);\n        }\n    }\n}\n\n.product-review-link{\n    .list-inline-item{\n        a{\n            color: var(--#{$prefix}body-color);\n            padding: 4px 8px;\n            font-size: 15px;\n        }\n\n    }           \n}\n\n.product-view-nav{\n    &.nav-pills {\n        .nav-item{\n            margin-left: 4px;\n        }\n        .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}\n\n.product-ribbon{\n    position: absolute;\n    right: 0px;\n    top: 0px;\n}\n\n.product-content{\n    position: relative;\n    .product-buy-icon{\n        width: 40px;\n        height: 40px;\n        line-height: 40px;\n        text-align: center;\n        border-radius: 50%;\n        position: absolute;\n        right: 0;\n    }\n}\n\n\n\n// Product Details\n\n\n\n.product-detail{\n\n    .swiper-button-next,\n    .swiper-button-prev{\n        color: $primary;\n        width: 35px;\n        height: 35px;\n        background: rgba($primary, 0.3);\n        border-radius: 50%;\n        &:after{\n           font-size: 20px;\n        }\n    }\n\n    .swiper-button-next{\n        right: 20px;\n    }\n\n    .swiper-button-prev{\n        left: 20px;\n    }\n\n    .nav-slide-item{\n        padding: 0px 10px;\n        img{\n            border: 2px solid transparent;\n        }\n        &:hover{\n            cursor: pointer;\n        }\n    }\n\n    .swiper-slide-thumb-active{\n        .nav-slide-item{\n            img{\n                border: 2px solid $primary;\n            }\n        }\n    }\n}\n\n.modal-button{\n    position: absolute;\n    right: 0;\n    z-index: 2;\n\n   @media (max-width: 576px) {\n       position: inherit;\n   }\n}\n\n[dir=\"rtl\"]{\n    .modal-button{\n        left: 0;\n        right: auto;\n    }\n}\n\n.product-detail{\n    .nav{\n        .nav-link{\n            margin: 0px 13px;\n            padding: 2px;\n        }\n    }\n}\n\n.product-color{\n    a{\n        display: inline-block;\n        text-align: center;\n        color: var(--#{$prefix}body-color);\n        .product-color-item{\n            margin: 7px;\n        }\n        &.active, &:hover{\n            color: $primary;\n            .product-color-item{\n                border-color: $primary !important;\n            }\n        }\n    }\n}\n\n// ecommerce cart\n\n.visa-card{\n    .visa-logo{\n        line-height: 0.5;\n    }\n\n    .visa-pattern{\n        position: absolute;\n        font-size: 385px;\n        color: rgba($white, 0.05);\n        line-height: 0.4;\n        right: 0px;\n        bottom: 0px;\n    }\n}\n\n\n// checkout\n\n\n/* Activity */\n\n\n.activity-checkout {\n    list-style: none;\n\n    .checkout-icon{\n        position: absolute;\n        top: -4px;\n        left: -24px;\n    }\n\n    .checkout-item {\n        position: relative;\n        padding-bottom: 24px;\n        padding-left: 35px;\n        border-left: 2px solid var(--#{$prefix}body-color);\n        &:first-child {\n            border-color: $primary;\n            &:after {\n                background-color: $primary;\n            }\n        }\n        &:last-child {\n            border-color: transparent;\n        }\n        &.crypto-activity{\n            margin-left: 50px;\n        }\n        .crypto-date{\n            position: absolute;\n            top: 3px;\n            left: -65px;\n        }\n    }\n}\n\n\n.shipping-address{\n    box-shadow: none;\n    &.active{\n        border-color: $primary !important;\n    }\n}\n\n\n.product-tag {\n    position: absolute;\n    top: 0;\n    z-index: 9;\n    right: 0;\n    width: 100%;\n    display: block;\n    font-size: 15px;\n    padding: 0;\n    overflow: hidden;\n    height: 100px;\n    .badge {\n      float: right;\n      transform: rotate(45deg);\n      right: -67px;\n      top: 17px;\n      position: relative;\n      text-align: center;\n      width: 200px;\n      font-size: 13px;\n      margin: 0;\n      padding: 7px 10px;\n      font-weight: 500;\n      color: $primary;\n      background: $white;\n    }\n}\n\n.checkout-tabs{\n    .nav-pills{\n        .nav-link{\n            margin-bottom: 24px;\n            text-align: center;\n            background-color: var(--#{$prefix}secondary-bg);\n            box-shadow: $box-shadow;\n\n            &.active{\n                background-color: $primary;\n            }\n            .check-nav-icon{\n                font-size: 36px;\n            }\n        }\n    }\n}\n\n\n// body[data-bs-theme=\"dark\"] {\n//     .product-detai-imgs{\n//         .nav{\n//             .nav-link{\n//                 &.active{\n//                     background-color: $gray-dark-300;\n//                 }\n//             }\n//         }\n//     } \n\n//     .product-list{\n//         li{\n//             a{\n//                 color: $gray-dark-800\n//             }\n//         }\n//     }\n    \n    \n//     .checkout-tabs{\n//         .nav-pills{\n//             .nav-link{\n//                 background-color: $gray-dark-300;\n//                 &.active{\n//                     background-color: $primary;\n//                 }\n//             }\n//         }\n//     }\n    \n// }\n\n\n\n// slider\n\n\n.ecommerce-slied-bg{\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    height: auto;\n}\n\n.swiper-button-next {\n    width: 40px;\n    height: 40px;\n    margin-top: -22px;\n    line-height: 40px;\n    background-color: $primary;\n    text-align: center;\n    font-size: 30px;\n    color: $white;\n    border-radius: 50%;\n}\n\n.swiper-button-prev {\n    width: 40px;\n    height: 40px;\n    margin-top: -22px;\n    line-height: 40px;\n    background-color: $primary;\n    text-align: center;\n    font-size: 30px;\n    color: $white;\n    border-radius: 50%;\n}","// \n// File manager.scss\n//\n\n\n\n// file manager\n\n.filemanager-sidebar{\n    \n    @media (min-width: 1200px){\n        min-width: 270px;\n        max-width: 270px;\n    }\n\n    @media (min-width: 1366px){\n        min-width: 300px;\n        max-width: 300px;\n    }\n\n    @media (width: 1440px){\n        min-width: 240px;\n        max-width: 240px;\n    }\n\n}\n\n\n.categories-list{\n    padding: 4px 0;\n    li{\n        a{\n            display: block;\n            padding: 8px 12px;\n            color: var(--#{$prefix}body-color);\n            font-weight: $font-weight-medium;\n        }\n\n        &.active{\n            a{\n                color: $primary;\n            }\n        }\n\n        ul{\n            padding-left: 20px;\n            li{\n                a{\n                    padding: 4px 12px;\n                    color: $text-muted;\n                    font-size: 14px;\n                }\n            }\n        }\n    }\n}\n\n\n","/* ==============\n  Email\n===================*/\n.email-leftbar {\n  width: 306px;\n  float: left;\n}\n\n.email-rightbar {\n  margin-left: 324px;\n}\n\n.chat-user-box {\n  p.user-title {\n    color: var(--#{$prefix}body-color);\n    font-weight: 500;\n  }\n  p {\n    font-size: 14px;\n  }\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\n.mail-list {\n  a {\n    display: block;\n    color: var(--#{$prefix}body-color);\n    line-height: 24px;\n    padding: 10px 18px;\n\n    &.active {\n      color: $primary;\n      font-weight: 500;\n      h5 {\n        color: $primary;\n      }\n    }\n  }\n}\n\n.unread {\n  background-color: var(--#{$prefix}tertiary-bg);\n}\n\n.message-list {\n  display: block;\n  padding-left: 0;\n\n  .list {\n    position: relative;\n    display: block;\n    height: 50px;\n    cursor: default;\n    transition-duration: 0.3s;\n    a {\n      color: $gray-600;\n    }\n    &.selected {\n      background-color: rgba($gray-300, 0.6);\n    }\n\n    .col-mail {\n      float: left;\n      position: relative;\n    }\n\n    .col-mail-1 {\n      width: 320px;\n\n      .star-toggle,\n      .checkbox-wrapper-mail,\n      .dot {\n        display: block;\n        float: left;\n      }\n\n      .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\n      .checkbox-wrapper-mail {\n        margin: 15px 10px 0 20px;\n      }\n\n      .star-toggle {\n        margin-top: 18px;\n        margin-left: 5px;\n      }\n\n      .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        margin-top: 6px;\n      }\n    }\n\n    .col-mail-2 {\n      position: absolute;\n      top: 14px;\n      left: 320px;\n      right: 0;\n      bottom: 0;\n\n      .subject,\n      .date {\n        position: absolute;\n        top: 0;\n      }\n\n      .subject {\n        left: 0;\n        right: 200px;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        font-size: 14px;\n        font-weight: 500;\n      }\n\n      .date {\n        right: 10px;\n        width: 170px;\n        padding-left: 80px;\n      }\n    }\n\n    &.active,\n    &.active:hover {\n      box-shadow: inset 3px 0 0 $primary;\n    }\n\n    &.unread {\n      background-color: $gray-300;\n      font-weight: 500;\n      color: var(--#{$prefix}body-color);\n      a {\n        color: var(--#{$prefix}body-color);\n        font-weight: 500;\n      }\n    }\n  }\n\n  .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 $gray-400;\n    border-radius: 1px;\n\n    input {\n      opacity: 0;\n      cursor: pointer;\n    }\n    input:checked ~ label {\n      opacity: 1;\n    }\n\n    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: 17px;\n      &:before {\n        content: \"\\F012C\";\n        font-family: \"Material Design Icons\";\n        top: 0;\n        height: 20px;\n        color: var(--#{$prefix}body-color);\n        width: 20px;\n        position: absolute;\n        margin-top: -16px;\n        left: 4px;\n        font-size: 13px;\n      }\n    }\n  }\n\n  &:hover {\n    background-color: var(--#{$prefix}tertiary-bg);\n  }\n}\n\n// EMAIL SEARCH\n.email-search {\n  .form-control {\n    border: 0px;\n    padding: 0.6rem 0.75rem;\n  }\n  span {\n    position: absolute;\n    z-index: 10;\n    line-height: 38px;\n    right: 13px;\n    top: 2px;\n    color: $gray-600;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .message-list .list .col-mail-1 {\n    width: 200px;\n  }\n}\n","// \n// Chat.scss\n//\n\n.chat-leftsidebar{\n  @media (min-width: 1200px) {\n    min-width: 380px;\n  }\n\n  @media (min-width: 992px) and (max-width: 1199.98px) {\n    min-width: 290px;\n  }\n}\n\n.chat-noti-dropdown{\n  position: relative;\n  z-index: 2;\n  &.active{\n    &:before{\n      content: \"\";\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      background-color: $danger;\n      border-radius: 50%;\n      right: 0;\n    }\n  }\n\n  .btn{\n    padding: 6px;\n    box-shadow: none;\n    font-size: 16px;\n  }\n}\n\n.chat-message-list{\n  height: calc(100vh - 346px);\n  @media (min-width: 992px){\n    height: calc(100vh - 505px);\n  }\n}\n\n.chat-search-box{\n  .form-control{\n    border: 0;\n  }\n}\n\n.chat-user-status{\n  position: relative;\n  margin-top: -25px;\n  .status{\n    width: 12px;\n    height: 12px;\n    background-color: $success;\n    border-radius: 50%;\n    border: 2px solid $white;\n    position: absolute;\n    left: 35px;\n    right: 0;\n    margin: 0 auto;\n    bottom: 0;\n  }\n}\n\n\n.chat-list{\n  margin: 0;\n  .active{\n    background: $primary;\n    border-radius: .75rem!important;\n    h5{\n      color: $white;\n    }\n  }\n  li{\n\n    \n    a{\n      position: relative;\n      display: block;\n      padding: 12px 18px;\n      color: $text-muted;\n      transition: all 0.4s;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      font-size: 13px;\n    }\n\n\n    .user-img{\n      position: relative;\n\n      .user-status{\n        width: 10px;\n        height: 10px;\n        background-color: $gray-500;\n        border-radius: 50%;\n        border: 2px solid var(--#{$prefix}border-color);\n        position: absolute;\n        left: 0;\n        bottom: 0;\n      }\n     \n\n      &.online{\n        .user-status{\n          background-color: $success;\n        }\n      }\n\n      &.away{\n        .user-status{\n          background-color: $warning;\n        }\n      }\n    }\n\n    &.unread{\n      a{\n        font-weight: $font-weight-semibold;\n        color: var(--#{$prefix}body-color);\n      }\n    }\n\n    .unread-message {\n      position: absolute;\n      display: inline-block;\n      right: 16px;\n      top: 33px;\n    }\n   \n  }\n}\n\n\n.group-list{\n  li{\n    a{\n      border: 0;\n    }\n  }\n}\n\n\n.user-chat-nav{\n  .dropdown{\n    .nav-btn{\n      height: 36px;\n      width: 36px;\n      line-height: 36px;\n      box-shadow: none;\n      padding: 0;\n      font-size: 16px;\n      border-radius: 50%;\n    }\n  }\n}\n.contact-list{\n  font-size: 12px;\n  text-transform: uppercase;\n  color: $text-muted;\n  font-weight: $font-weight-semibold;\n}\n\n.chat-conversation{\n  height: calc(100vh - 300px);\n  @media (min-width: 992px){\n    height: calc(100vh - 315px);\n  }\n  li{\n   clear: both;\n  }\n\n\n  .chat-day-title{\n    position: relative;\n    text-align: center;\n    margin-bottom: 24px;\n    border: none;\n\n    .title{\n      display: inline-block;\n      background-color: var(--#{$prefix}secondary-bg);\n      position: relative;\n      z-index: 1;\n      padding: 4px 16px;\n      border-radius: 7px;\n    }\n\n    &:before{\n      content: \"\";\n      position: absolute;\n      width: 100%;\n      height: 1px;\n      left: 0;\n      right: 0;\n      background-color: var(--#{$prefix}border-color);\n      top: 16px;\n    }\n    .badge{\n      font-size: 12px;\n    }\n  }\n\n  .chat-avatar{\n    text-align: center;\n    img {\n      width: 32px;\n      height: 32px;\n      border-radius: 50%;\n    }\n\n    .time{\n      font-size: 12px;\n      color: $text-muted;\n      font-weight: $font-weight-medium;\n      margin-top: 4px;\n    }\n  \n  }\n\n\n\n\n .conversation-list{\n   margin-bottom: 24px;\n   position: relative;\n   @media (min-width: 992px) {\n    max-width: 60%;\n   }\n   \n\n   .ctext-wrap {\n     display: flex;\n     margin-bottom: 20px;\n   }\n\n   .ctext-wrap-content {\n     padding: 15px 20px;\n     background-color: var(--#{$prefix}tertiary-bg);\n     border-radius: 0px 8px 8px 8px;\n     color: $text-muted;\n     position: relative;\n     margin-left: 10px;\n\n     &:before {\n         content: \"\";\n         position: absolute;\n         border: 5px solid transparent;\n         border-right-color:  var(--#{$prefix}tertiary-bg);\n         border-top-color:  var(--#{$prefix}tertiary-bg);\n         left: -10px;\n         top: 0;\n     }\n   }\n\n .conversation-name {\n   display: flex;\n   font-size: 13px;\n   .time{\n    font-size: 12px;\n    position: absolute;\n    left: -50px;\n    top: 54px;\n    bottom: 0;\n    color: $text-muted;\n    font-weight: $font-weight-normal;\n    transition: all .4s;\n  }\n    .user-name{\n      color: rgba($white, 0.5);\n    }\n }\n\n &:hover{\n  .time{\n    opacity: 1;\n  }\n}\n\n\n\n\n .dropdown {\n     .dropdown-toggle {\n         font-size: 18px;\n         padding: 4px;\n         color: var(--#{$prefix}body-color);\n\n         @media (max-width: 575.98px) {\n             display: none;\n         }\n     }\n\n }\n\n .chat-time {\n     font-size: 12px;\n     margin-top: 4px;\n     text-align: right;\n     color: rgba($white, 0.5);\n }\n\n\n .message-img {\n   position: relative;\n   display: flex;\n   align-items: flex-start;\n   flex-wrap: wrap;\n   gap: 10px;\n\n     .message-img-list {\n         position: relative;\n     }\n\n     img {\n         max-width: 80px;\n     }\n   }\n }\n\n .right {\n    display: flex;\n    justify-content: flex-end;\n   .conversation-list {\n       text-align: right;\n\n       .ctext-wrap {\n           .ctext-wrap-content {\n               order: 2;\n               background-color: $primary;\n               text-align: right;\n               border-radius: 8px 0px 8px 8px;\n               color: $white;\n               margin-left: 0;\n               margin-right: 10px;\n\n               &:before {\n                   border: 5px solid transparent;\n                   border-top-color: $primary;\n                   border-left-color: $primary;\n                   left: auto;\n                   right: -10px;\n               }\n           }\n\n           .conversation-name {\n             justify-content: flex-end;\n\n             .time{\n              order: 1;\n              margin-left: 0;\n              margin-right: 8px;\n              position: absolute;\n              right: -58px;\n              left: auto;\n            }\n\n            .user-name{\n                color: var(--#{$prefix}body-color);\n                order: 2;\n              }\n           }\n       }\n\n       .dropdown {\n           order: 1;\n       }\n       .chat-avatar{\n         order: 3;\n       }\n     }\n }\n}\n\n.chat-input-section{\n border-top: 1px solid var(--#{$prefix}border-color);\n}\n\n.chat-input{\n background-color: var(--#{$prefix}tertiary-bg) !important;\n border-color:  var(--#{$prefix}border-color) !important;\n}\n\n\n.chat-send{\n @media (max-width: 575.98px) {\n   min-width: auto;\n }\n}\n\nbody[data-layout=\"horizontal\"]{\n  .chat-message-list{\n    height: calc(100vh - 346px);\n    @media (min-width: 992px){\n      height: calc(100vh - 475px);\n    }\n  }\n  .chat-conversation{\n    height: calc(100vh - 300px);\n    @media (min-width: 992px){\n      height: calc(100vh - 311px);\n    }\n  }\n}\n\n\n\n// Chat small\n\n.small-chat{\n  .conversation-list{\n    @media (min-width: 992px) {\n      max-width: 90%;\n     }\n  }\n}","// \n// Contacts.scss\n//\n\n.contact-links{\n  a{\n    color: var(--#{$prefix}body-color);\n  }\n}\n\n// profile\n\n.profile-user-wid{\n  margin-top: -26px;\n}","// \n// projects.scss\n//\n\n// project list\n\n.project-list-table{\n    border-collapse:separate; \n    border-spacing:0 12px; \n  tr{\n    background-color: $card-bg;\n  }\n}\n\n\n// body[data-bs-theme=\"dark\"] {\n//   .project-list-table{\n//     border-collapse:separate; \n//     border-spacing:0 12px; \n//   tr{\n//     background-color: $gray-dark-200;\n//   }\n// }\n// }","// \n// coming-soon.scss\n//\n\n// countdownlist\n\n.countdownlist {\n    text-align: center;\n    display: flex;\n    gap: 24px;\n\n\n    .countdownlist-item{\n        width: 25%;\n        &:last-of-type{\n            .count-num{\n                &::after{\n                    display: none;\n                }\n            }\n        }\n    }\n    .count-title{\n        font-size: 13px;\n        font-weight: $font-weight-medium;\n        display: block;\n        margin-bottom: 8px;\n        color: rgba($dark, 0.5);\n        text-transform: uppercase;\n    }\n\n    .count-num{\n        background-color: rgba($primary, 0.1);\n        color: $primary;\n        padding: 16px 8px;\n        position: relative;\n        border-radius: $card-border-radius;\n        box-shadow: $box-shadow;\n        font-weight: $font-weight-semibold;\n        font-size: 32px;\n        @media (max-width: 575.98px) {\n            font-size: 18px;\n        }\n    \n        &::after{\n            content: \":\";\n            font-size: 20px;\n            position: absolute;\n            right: -16px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--#{$prefix}body-color);\n        }\n    }\n}\n\n.countdown-endtxt{\n    font-size: 24px;\n    font-weight: $font-weight-semibold;\n}\n\n.countdown-input-group{\n    max-width: 350px;\n}\n\n\n\n","// \n// timeline.scss\n//\n//\n// timeline.scss\n//\n\n\n/************** vertical timeline **************/\n\n.timeline {\n    position: relative;\n    width: 100%;\n    padding: 30px 0;\n    @media (max-width: 767.98px) {\n      padding: 0;\n    }\n    .timeline-end,\n    .timeline-start,\n    .timeline-year {\n      position: relative;\n      width: 100%;\n      text-align: center;\n      z-index: 1;\n      p {\n        display: inline-block;\n        width: 80px;\n        height: 80px;\n        margin: 0;\n        padding: 30px 0;\n        text-align: center;\n        background-color: $primary;\n        border-radius: 100px;\n        color: $white;\n        text-transform: uppercase;\n      }\n    }\n    .timeline-year {\n      margin: 30px 0;\n    }\n    .timeline-continue {\n      position: relative;\n      width: 100%;\n      padding: 60px 0;\n      &:after {\n        position: absolute;\n        content: \"\";\n        width: 1px;\n        height: 100%;\n        top: 0;\n        left: 50%;\n        margin-left: -1px;\n        background: $primary;\n      }\n    }\n    .timeline-icon {\n      margin: 42px 10px 0 10px;\n    }\n    .timeline-left {\n          text-align: right;\n          .timeline-icon {\n              text-align: left;\n          }\n      }\n      .timeline-right {\n          .timeline-icon {\n              text-align: right;\n          }\n          text-align: left;\n      }\n    .timeline-icon {\n        &::after {\n            content: \"\";\n            display: block;\n            position: absolute;\n            width: 14px;\n            height: 14px;\n            top: 45px;\n            background: $primary;\n            border-radius: 15px;\n            z-index: 1;\n        }\n    }\n\n    @media (min-width: 768px) {\n      .event-content{\n        padding-right: 24px;\n      }\n\n      .timeline-text {\n        margin-right: 40px;\n      }\n    }\n\n    \n    .timeline-left {\n        .timeline-icon {\n            &::after {\n                left: -7px;\n            }\n        }\n        @media (min-width: 768px) {\n          .event-content{\n            padding-right: 0;\n            padding-left: 24px;\n          }\n\n          .timeline-text {\n            margin-right: 0px;\n            margin-left: 40px;\n          }\n\n          .event-img{\n            justify-content: flex-end;\n          }\n        }\n      }\n      .timeline-right {\n          .timeline-icon {\n              &::after {\n                  right: -7px;\n              }\n          }\n      }\n    .timeline-box {\n          position: relative;\n          display: inline-block;\n          margin: 15px;\n          padding: 20px;\n          background-color: var(--#{$prefix}light);\n          border-radius: 6px;\n          &::after {\n              content: \"\";\n              position: absolute;\n              width: 16px;\n              height: 16px;\n              top: 26px;\n              background-color: var(--#{$prefix}light);\n              border: 1px solid var(--#{$prefix}light);\n              transform: rotate(45deg);\n              margin: 0px auto;\n          }\n      }\n      .timeline-launch {\n          position: relative;\n          display: inline-block;\n          margin: 15px;\n          padding: 20px;\n          border: 1px solid var(--#{$prefix}light);\n          border-radius: 6px;\n          width: 100%;\n          margin: 15px 0;\n          padding: 0;\n          border: none;\n          text-align: center;\n          background: transparent;\n      }\n  }\n  \n  \n  .timeline-date {\n    right: 20px;\n\n    @media (max-width: 767.98px) {\n      left: -70px;\n      right: auto;\n    }\n  }\n  \n  .timeline-left {\n\n    .timeline-date {\n      left: 20px;\n      @media (max-width: 767.98px) {\n        left: -70px;\n        right: auto;\n      }\n    }\n  }\n  \n  .timeline {\n    .timeline-date {\n      width: 54px;\n      height: 80px;\n      display: inline-block;\n      padding: 8px;\n      clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);\n      top: -10px;\n      position: absolute;\n      z-index: 1;\n      @media (max-width: 767.98px) {\n        top: 0px;\n      }\n    }\n      .timeline-right {\n          .timeline-box {\n              &::after {\n                  border-color: transparent transparent var(--#{$prefix}light) var(--#{$prefix}light);\n                  left: -8px;\n                  right: 100%;\n              }\n          }\n      }\n      .timeline-left {\n          .timeline-box {\n              &::after {\n                  border-color: var(--#{$prefix}light) var(--#{$prefix}light) transparent transparent;\n                  right: -8px;\n              }\n          }\n      }\n      .timeline-launch {\n          .timeline-box {\n              &::after {\n                  top: -8px;\n                  left: 32px;\n                  border-color: var(--#{$prefix}light) transparent transparent var(--#{$prefix}light);\n                  @media (min-width: 768px) {\n                    left: 50%;\n                    transform: rotate(45deg) translateX(-50%);\n                    top: -2px;\n                  }\n              }\n          }\n          .timeline-text {\n              width: 100%;\n          }\n      }\n  }\n  \n  \n  \n  \n@media (max-width: 767px) {\n    .timeline .timeline-continue::after {\n      left: 40px;\n    }\n  \n    .timeline {\n      .timeline-end,\n      .timeline-start,\n      .timeline-year {\n        text-align: left;\n      }\n      .row.timeline-left {\n        text-align: left;\n        .timeline-icon {\n          text-align: left;\n        }\n      }\n      .row.timeline-right {\n        .timeline-icon {\n          text-align: left;\n        }\n        text-align: left;\n      }\n      .timeline-launch {\n        text-align: left;\n        margin-bottom: 0;\n      }\n    }\n  \n    .timeline {\n      .row.timeline-left {\n        .timeline-icon {\n          &::after {\n            left: 43px;\n          }\n        }\n      }\n      .row.timeline-right {\n        .timeline-icon {\n          &::after {\n            left: 43px;\n          }\n        }\n      }\n    }\n  \n    .timeline {\n      .timeline-box {\n        margin-left: 82px;\n        margin-right: 0;\n      }\n      .row.timeline-right {\n        .timeline-icon {\n          margin-left: 55px;\n        }\n      }\n      .row.timeline-left {\n        .timeline-icon {\n          margin-left: 55px;\n        }\n      }\n      .timeline-launch {\n        .timeline-box {\n          margin-left: 0;\n          margin-bottom: 0;\n        }\n      }\n      .row.timeline-left {\n        .timeline-box {\n          &::after {\n            left: -8px;\n            border-color: transparent transparent var(--#{$prefix}light) var(--#{$prefix}light);\n            right: auto;\n          }\n        }\n      }\n    }\n}","// \n// Extras pages.scss\n//\n\n\n// Gallery\n\n.categories-filter {\n    .list-inline-item    {\n        position: relative;\n        margin-right: 0;\n        a {\n            display: block;\n            color: $body-color;\n            font-weight: $font-weight-semibold;\n            padding: 8px 15px;\n            margin: 7px;\n            cursor: pointer;\n            border-radius: 4px;\n            &.active{\n                color: $primary;\n                font-weight: $font-weight-bold;\n            }\n        }\n\n        &:after{\n            content: \"\";\n            display: block;\n            width: 5px;\n            height: 5px;\n            border-radius: 50%;\n            background-color: $text-muted;\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            right: -2px;\n        }\n\n        &:last-child{\n            &:after{\n                display: none;\n            }\n        }\n    }\n}\n\n\n.gallery-box{\n    position: relative;\n    text-align: center;\n    overflow: hidden;\n    border: 1px solid $border-color;\n\n    .gallery-container{\n        position: relative;\n        overflow: hidden;\n        border-radius: 4px 4px 0px 0px;\n\n        a{\n            display: block;\n        }\n\n        .gallery-overlay {\n            position: absolute;\n            top: 0px;\n            left: 0px;\n            bottom: 0px;\n            right: 0px;\n            opacity: 0;\n            background: rgba($primary, 0.2);\n            visibility: hidden;\n            overflow: hidden;\n            transition: all 0.4s ease-in-out 0s;\n\n            .overlay-caption{\n                position: absolute;\n                top: 50%;\n                transform: translateY(-50%);\n                left: 0;\n                right: 0;\n            }\n        }\n    }\n    .gallery-img {\n        transition: all 0.2s ease-in-out;\n    }\n    .box-content{\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: -28px;\n        background-color: $card-bg;\n        transition: all 0.2s;\n\n        .title{\n            font-size: 14px;\n            margin-bottom: 4px;\n        }\n        .post{\n            margin: 0;\n            opacity: 0;\n            transition: all 0.2s;\n            color: $text-muted;\n        }\n    }\n\n    &:hover {\n\n        .box-content{\n            bottom: 0;\n\n            .post {\n                opacity: 1;\n            }\n        }\n        .gallery-img {\n            transform: translateY(-28px);\n        }\n        .gallery-overlay {\n            opacity: 1;\n            visibility: visible;\n        }\n    }\n}\n\n\n// pricing\n\n.pricing-badge {\n    position: absolute;\n    top: 0;\n    z-index: 9;\n    right: 0;\n    width: 100%;\n    display: block;\n    font-size: 15px;\n    padding: 0;\n    overflow: hidden;\n    height: 100px;\n    .badge {\n      float: right;\n      transform: rotate(45deg);\n      right: -67px;\n      top: 17px;\n      position: relative;\n      text-align: center;\n      width: 200px;\n      font-size: 13px;\n      margin: 0;\n      padding: 7px 10px;\n      font-weight: 500;\n      color: $white;\n      background: $primary;\n    }\n}\n\n\n\n// FAQ\n.faq-icon{\n    i{\n        font-size: 80px;\n        position: absolute;\n        margin-top: -30px;\n        right: -20px;\n        opacity: .2;\n    }\n}\n\n// profile\n\n.profile-bg{\n    height: 210px;\n    background-image: url(\"../images/profile-bg.jpg\");\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n}\n\n// pricing\n\n.pricing-box{\n    border-top: 2px solid $primary;\n\n    .pricing-features{\n        color: $text-muted;\n        li{\n            padding: 4px 0;\n        }\n    }\n}\n\n// error\n\n// Error Page\n\n.error-title {\n    font-size: 180px;\n    text-shadow: 9px 0px $primary;\n    @media (max-width: 425px) {\n      font-size: 150px;\n    }\n  }\n  \n\n// body[data-bs-theme=\"dark\"] {\n\n//     .categories-filter{\n//         .list-inline-item{\n//             a{\n//                 color: $gray-dark-500;\n//                 &.active{\n//                     color: $primary;\n//                 }\n//             }\n//         }\n//     }\n\n//     .gallery-box .box-content{\n//         background-color: $gray-dark-200;\n//     }\n// }"]}