.remove-file {
    position: absolute;
    top: 0;
}

.tabslink{
    background: none !important;
}

.language_table tbody {
    display: block;
    max-height: 450px;
    overflow-y: scroll;
}
 
.language_table thead, .language_table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* ------------------------------
   Santifood Fitness - Premium ribbon in list tables
   (Workouts / Exercises / Diets)
-------------------------------- */
.sf-title-cell {
    position: relative;
    padding-left: 14px; /* room for ribbon */
    display: inline-block;
}

.sf-premium-ribbon {
    position: absolute;
    left: 0;
    top: 14px;
    transform: translateY(-50%);
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #E12B38; /* Santifood red */
    color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.12);
}

@media (max-width: 576px) {
    .sf-title-cell { padding-left: 12px; }
    .sf-premium-ribbon { font-size: 9px; padding: 3px 5px; }
}

/* ------------------------------
   Santifood Fitness - Premium VERTICAL ribbon on the left of each row
   Placed inside the first column (No) so it looks like a vertical badge.
-------------------------------- */
/* Premium ribbon (bookmark) + crown centered */
table.dataTable tbody tr.sf-premium-row td:first-child{
  position: relative;
  padding-left: 34px !important; /* espace pour le ruban */
  overflow: visible !important;  /* évite que DataTables coupe le ruban */
}

table.dataTable tbody tr.sf-premium-row td:first-child::before{
  content: "";
  position: absolute;
  left: 6px;
  top: 15px;
  transform: translateY(-50%);

  width: 20px;
  height: 30px;

  /* dégradé + icône (multi background) */
  background:
    url("../images/crown.png") no-repeat center 42% / 12px,
    linear-gradient(180deg, #FCCD02 0%, #E56B1F 100%);

  border-radius: 4px 4px 0 0;

  /* forme ruban avec pointe */
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 78%, 50% 100%, 0 78%);
  clip-path: polygon(0 0, 100% 0, 100% 78%, 50% 100%, 0 78%);

  box-shadow: 0 2px 8px rgba(0,0,0,.10);
  z-index: 10;
  pointer-events: none;
}

table.dataTable tbody tr.sf-premium-row td:first-child::after{
  content:"";
  position:absolute;
  left: 6px;
  top: 0px;
  width: 20px;
  height: 6px;
  border-radius: 4px 4px 0 0;
  background: rgba(255,255,255,.35);
  z-index: 11;
  pointer-events:none;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

table.dataTable tbody tr.sf-premium-row {
    background-color: rgba(252, 205, 2, 0.04);
}

.iq-navbar .language-menu ul {
    max-height: 350px;
    overflow: auto;
}

.selected-lang {
    height: 30px !important;
    min-width: 30px !important;
    width: 30px !important;
}
.selected-lang-list {
    width: 20px;
    height: auto;
    min-width: 15px;
}

.select2-container--default .select2-search--inline .select2-search__field{
    line-height: normal !important;
}

.attachment-image {
    height: 80px;
    width: 80%;
}
.nav-payment-tabs {
    border-bottom: 1px solid #dee2e6;
}

/* Style for the tabs */
.nav-payment-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-payment-tabs .nav-link {
    border: none;
    padding: 0.5rem 1rem;
    transition: 0.3s;
    color: #111010;  /* Default text color to black */
}
.dark .nav-payment-tabs .nav-link {
    border: none;
    padding: 0.5rem 1rem;
    transition: 0.3s;
    color: #fff;  /* Default text color to white */
}
/* Change the text color for hover state (optional) */
.nav-payment-tabs .nav-link:hover {
    color: var(--bs-primary);
}

.nav-payment-tabs .nav-link.active {
    background-color: transparent;
    position: relative;
    color: var(--bs-primary);  /* Active link text color is primary */
}

.nav-payment-tabs .nav-link.active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--bs-primary);
}
.dashboard_table_list { 
    border-top: 1px solid #FBE5DB; 
}
.auth-logo img {
    height: 3rem;
    margin-right: 12px;
  }
.mm-login-shapes-logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.mode-icons {
    display: none;
}
.mode-icons.light-mode {
    display: block;
}
.dark .mode-icons.light-mode {
    display: none;
}
.dark .mode-icons.dark-mode {
    display: block;
}


.assign-profile-max-height {
    max-height: 400px;
}


.dark .swal2-icon.swal2-success .swal2-success-circular-line-left,
.dark .swal2-icon.swal2-success .swal2-success-circular-line-right,
.dark .swal2-icon.swal2-success .swal2-success-fix{
   background-color: transparent !important;
}

/* START BULK IMPORT DATA */

.is-default-row td {
    color: black !important
}
  
.no-items{
    color: black;
}

.help {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 70px;
    background-color: var(--bs-primary-tint-88);
    color: var(--fit-primary) !important;
    outline: none !important;
    font-weight:bold;
    border-radius: 10px;
}

.downloadtemplate {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 190px;
    background-color: var(--bs-primary-tint-88);
    color: var(--fit-primary) !important;
    outline: none !important;
    font-weight:bold;
    border-radius: 10px;
}
  
/* Drop file */
  
.blue-text {
    background-color: var(--fit-primary);
    color: white;
    border: none;
    padding: 11px 11px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 5px;
}
  
.underline {
    text-decoration: underline;
}
  
.drop-field {
    position: relative;
    text-align: center;
    vertical-align: middle;
}
  
.drop-field,
.drop-area {
    height: 210px;
}
  
.drop-field .browse {
    z-index: 0;
    position: absolute;
    left: 0;
    bottom: 30px;
    right: 0;
    margin: 0 auto;
}
  
.drop-field .drop-area {
    display: block;
    border: 1px dashed var(--fit-primary);
    position: relative;
    border-radius: 10px;
    background-color: var(--bs-primary-tint-88);
}
  
.drop-field,
.drop-area,
.drop-field .browse {
    transition: all 0.3s;
}
  
.drop-field.loaded .drop-area {
    border:  1px dashed var(--fit-primary);
}
  
.drop-field .browse {
    opacity: 0;
    transform: translateY(100%);
}
  
.drop-field.loaded .browse {
    opacity: 1;
    transform: translateY(0);
}
  
.drop-field.hover .drop-area {
    border: 1px solid black;
}
  
.drop-field .drop-area input[type="file"] {
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    z-index: 3;
    top: 0;
    left: 0;
    opacity: 0.000001;
}
  
.drop-field .file-list {
    position: absolute;
    z-index: 0;
    top: 80px;
    left: 0;
    right: 44px;
    text-align: center;
}
  
.drop-field .remove {
    position: absolute;
    left: 20px;
    top: 60px;
    z-index: 4;
    transition: all 0.3s;
    opacity: 0;
    transform: translateY(-100%);
    cursor: pointer;
    right: 20px;
}
  
.drop-field .remove:hover {
  color: var(--fit-primary);
}
  
.drop-field.loaded .remove {
    opacity: 1;
    transform: translateY(0);
}
  
.drop-field ul li {
    padding: 0;
    text-align: center;
    list-style: none;
}
/* END BULK IMPORT DATA */
  
.select2-selection.select2-selection--single {
    padding-right: 15px !important;
}

.sidebar.sidebar-mini .sidebar-toggle .icon {
    transform: rotate(180deg) !important;
    /* transition: transform !important;
    transition-duration: var(--sidebar-transition-duration) !important;
    transition-timing-function: var(--sidebar-transition-function-ease-in-out) !important; */
  }
  .table-container {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  
  .sticky-header {
    position: sticky;
    top: 0;
    padding: 10px;
    z-index: 1000;
    display: flex;
    justify-content: flex-start;
    float: right;
  }

.mm-error-img {
    width: 60%;
}

.height-self-center {
  height: 100vh;
}

.mm-error-img-dark {
  display: none;
}

body.dark .mm-error-img {
    display: none;
}

body.dark .mm-error-img-dark {
    display: block;
}

.form-switch .form-check-input {
    background-color: var(--bs-primary-tint-20) !important;
    border-color: var(--bs-primary) !important;
}

.form-switch .form-check-input:checked {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.iti {
    width: 100% !important;
}

body.dark .iti__country-list {
    background-color: #222738;
}

body.dark-mode .iti--separate-dial-code,
body.dark-mode .iti__selected-flag {
    background-color: rgb(34 39 56);
    border-right: 1px solid var(--text-color);
    border-radius: 12px;
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 6px;
}

.iti__flag-box,  .iti__country-name {
    margin-left: 6px;
}

.iti__country-list, .iti__country-list--dropup {
    width: var(--phone-num-block-width) !important;
}

.posting-media {
    width: 100%;
    max-width: 600px; /* adjust for your admin layout */
}

.posting-media .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.media-preview {
    width: 100%;
    height: 100%;
    height: 350px;
    object-fit: contain;
    border-radius: 8px;
}
  
.post-loader {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--bs-primary);
    box-shadow: 32px 0 var(--bs-primary), -32px 0 var(--bs-primary);
    position: relative;
    animation: post-loader-flash 0.5s ease-out infinite alternate;
}

@keyframes post-loader-flash {
    0% {
        background-color: #FFF2;
        box-shadow: 32px 0 #FFF2, -32px 0 var(--bs-primary);
    }
    50% {
        background-color: var(--bs-primary);
        box-shadow: 32px 0 #FFF2, -32px 0 #FFF2;
    }
    100% {
        background-color: #FFF2;
        box-shadow: 32px 0 var(--bs-primary), -32px 0 #FFF2;
    }
}

.cursor-pointer {
    cursor: pointer;
    text-decoration: none;
}

.view-reply-line {
    position: relative;
    margin-top: 6px;
    margin-bottom: 6px;
}

.view-reply-line::before {
    content: "";
    height: 1px;
    background-color: var(--bs-primary);
    margin-right: 8px;
    margin-left: 4px;
    width: 50px;
}

.toggle-reply-btn {
    cursor: pointer;
    color: var(--bs-primary);
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

.comment-text .form-control {
    padding: .575rem 5rem .575rem .75rem;
}

[dir="rtl"] .comment-text .form-control {
    padding: .575rem .75rem .575rem 5rem;
}

.comment-description {
    font-size: 14px !important;
}

@media (max-width: 768px) {
    .comment-title {
        font-size: 14px !important;
    }
}

/* Daily Tracking */
.progress-wrapper {
    width:220px;
    height:220px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* 
.progress-circle {
    transform:rotate(-90deg);
}
*/

.progress-value {
    position:absolute;
    text-align:center;
}

.progress-value svg {
    width:40px;
    height:40px;
}

.steps-number {
    font-size:24px;
    font-weight:600;
    margin-top:8px;
}

.progress-circle {
    animation: ring-fill 1.8s ease-out forwards;
}

@keyframes ring-fill {
    from {
        stroke-dashoffset: 600;   /* must be >= circumference */
    }
    to {
        stroke-dashoffset: var(--progress-circle-offset);
    }
}

.dark .apexcharts-menu {
    background: #151824 !important;
    border-color: #222 !important;
}

.dark .apexcharts-theme-light .apexcharts-menu-item:hover {
    background: #222738 !important;
}

/*
  ==========================================================
  Fitness.santifood.com — Light theme palette (Beginner Friendly)
  Primary:   #2563EB
  Secondary: #14B8A6
  Accent:    #F97316
  Background:#F8FAFC
  Text:      #0F172A
  Border:    #E2E8F0
  ==========================================================
*/

:root {
  /* Brand palette */
  --fit-primary: #2563EB;
  --fit-primary-hover: #1D4ED8;
  --fit-primary-active: #1E40AF;

  --fit-secondary: #14B8A6;
  --fit-secondary-hover: #0D9488;
  --fit-secondary-active: #0F766E;

  --fit-accent: #F97316;
  --fit-accent-hover: #EA580C;

  --fit-bg: #F8FAFC;
  --fit-surface: #FFFFFF;
  --fit-border: #E2E8F0;

  --fit-text: #0F172A;
  --fit-text-secondary: #475569;
  --fit-muted: #94A3B8;

  --fit-success: #22C55E;
  --fit-warning: #F59E0B;
  --fit-danger: #EF4444;
  --fit-info: #0EA5E9;

  /* Bootstrap variables (used by customizer.css and many utility classes) */
  --bs-body-bg: var(--fit-bg);
  --bs-body-color: var(--fit-text);
  --bs-border-color: var(--fit-border);
  --bs-heading-color: var(--fit-text);

  --bs-primary: var(--fit-primary);
  --bs-primary-rgb: 37, 99, 235;
  --bs-primary-shade-80: #0F172A;
  --bs-primary-shade-60: #1E3A8A;
  --bs-primary-shade-40: #1D4ED8;
  --bs-primary-shade-20: #2563EB;
  --bs-primary-tint-88: #EFF6FF;
  --bs-primary-tint-80: #DBEAFE;
  --bs-primary-tint-60: #BFDBFE;
  --bs-primary-tint-40: #93C5FD;
  --bs-primary-tint-20: #60A5FA;

  --bs-secondary: var(--fit-secondary);
  --bs-secondary-rgb: 20, 184, 166;

  --bs-success: var(--fit-success);
  --bs-success-rgb: 34, 197, 94;

  --bs-warning: var(--fit-warning);
  --bs-warning-rgb: 245, 158, 11;

  --bs-danger: var(--fit-danger);
  --bs-danger-rgb: 239, 68, 68;

  --bs-info: var(--fit-info);
  --bs-info-rgb: 14, 165, 233;

  /* Accent kept as "orange" utility */
  --bs-orange: var(--fit-accent);
  --bs-orange-rgb: 249, 115, 22;

  --bs-link-color: var(--fit-primary);
  --bs-link-hover-color: var(--fit-primary-hover);
}

body:not(.dark) {
  background-color: var(--fit-bg);
  color: var(--fit-text);
}

/* Links */
a { color: var(--fit-primary); }
a:hover { color: var(--fit-primary-hover); }

/* Buttons — Primary (Blue) */
.btn-primary {
  color: #fff !important;
  background-color: var(--fit-primary) !important;
  border-color: var(--fit-primary) !important;
}
.btn-primary:hover {
  background-color: var(--fit-primary-hover) !important;
  border-color: var(--fit-primary-hover) !important;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  background-color: var(--fit-primary-hover) !important;
  border-color: var(--fit-primary-hover) !important;
  box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0), 0 0 0 0rem rgba(37, 99, 235, 0.45) !important;
}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--fit-primary-active) !important;
  border-color: var(--fit-primary-active) !important;
}
.btn-primary:disabled,
.btn-primary.disabled {
  background-color: var(--fit-primary) !important;
  border-color: var(--fit-primary) !important;
  opacity: .7;
}

/* Buttons — Secondary (Teal) */
.btn-secondary {
  color: #fff !important;
  background-color: var(--fit-secondary) !important;
  border-color: var(--fit-secondary) !important;
}
.btn-secondary:hover {
  background-color: var(--fit-secondary-hover) !important;
  border-color: var(--fit-secondary-hover) !important;
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
  background-color: var(--fit-secondary-hover) !important;
  border-color: var(--fit-secondary-hover) !important;
  box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0), 0 0 0 0rem rgba(20, 184, 166, 0.45) !important;
}
.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
  background-color: var(--fit-secondary-active) !important;
  border-color: var(--fit-secondary-active) !important;
}

/* Buttons — Accent (Orange) — use for key CTAs */
.btn-accent {
  color: #fff !important;
  background-color: var(--fit-accent) !important;
  border-color: var(--fit-accent) !important;
}
.btn-accent:hover { background-color: var(--fit-accent-hover) !important; border-color: var(--fit-accent-hover) !important; }
.btn-outline-accent { color: var(--fit-accent) !important; border-color: var(--fit-accent) !important; }
.btn-outline-accent:hover { color:#fff !important; background-color: var(--fit-accent) !important; border-color: var(--fit-accent) !important; }

/* Outline primary */
.btn-outline-primary {
  color: var(--fit-primary) !important;
  border-color: var(--fit-primary) !important;
}
.btn-outline-primary:hover {
  color: #fff !important;
  background-color: var(--fit-primary) !important;
  border-color: var(--fit-primary) !important;
}
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0rem rgba(37, 99, 235, 0.45) !important;
}
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
  background-color: var(--fit-primary) !important;
  border-color: var(--fit-primary) !important;
}

/* Soft backgrounds */
.bg-soft-primary {
  color: var(--fit-primary-hover) !important;
  background-color: rgba(37, 99, 235, 0.15) !important;
}
a.bg-soft-primary:hover, a.bg-soft-primary:focus,
button.bg-soft-primary:hover, button.bg-soft-primary:focus {
  color: var(--fit-primary-active) !important;
  background-color: rgba(37, 99, 235, 0.22) !important;
}

.bg-soft-secondary {
  color: var(--fit-secondary-hover) !important;
  background-color: rgba(20, 184, 166, 0.15) !important;
}
a.bg-soft-secondary:hover, a.bg-soft-secondary:focus,
button.bg-soft-secondary:hover, button.bg-soft-secondary:focus {
  color: var(--fit-secondary-active) !important;
  background-color: rgba(20, 184, 166, 0.22) !important;
}

.bg-soft-accent {
  color: var(--fit-accent-hover) !important;
  background-color: rgba(249, 115, 22, 0.14) !important;
}

/* Forms — checkbox/radio/switch primary color */
.form-check-input {
  border-color: var(--fit-primary) !important;
}
.form-check-input:focus {
  border-color: #93C5FD !important;
  box-shadow: 0 0.125rem 0.25rem 0rem rgba(37, 99, 235, 0.15) !important;
}
.form-check-input:checked {
  border-color: var(--fit-primary) !important;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.51662 8.59792C-0.172207 7.90067 -0.172207 6.77019 0.51662 6.07293C1.20545 5.37567 2.32225 5.37567 3.01108 6.07293L5.25609 8.34542C5.39386 8.48488 5.61722 8.48488 5.75499 8.34542L12.9889 1.02294C13.6777 0.325686 14.7946 0.325686 15.4834 1.02294C16.1722 1.7202 16.1722 2.85068 15.4834 3.54794L5.75499 13.3954C5.61722 13.5349 5.39386 13.5349 5.25609 13.3954L0.51662 8.59792Z' fill='%232563EB'/%3e%3c/svg%3e") !important;
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%232563EB'/%3e%3c/svg%3e") !important;
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--fit-primary) !important;
  border-color: var(--fit-primary) !important;
}
.form-switch .form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='18' height='18' rx='9' fill='white' stroke='%232563EB' stroke-width='2'/%3e%3c/svg%3e") !important;
}

/* Icon circles used across dashboard */
.iq-media-group .iq-icon-box-3 {
  border-color: var(--fit-primary) !important;
}

/* Flatpickr selected range to match new primary */
.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 {
  background: var(--fit-primary) !important;
  border-color: var(--fit-primary) !important;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 var(--fit-primary) !important;
}

/* Nav tabs / pills active colors */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #fff !important;
  background-color: var(--fit-primary) !important;
  border-color: var(--fit-border) var(--fit-border) var(--fit-primary) !important;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff !important;
  background-color: var(--fit-primary) !important;
}

/* Dropdown item hover/active */
.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--fit-primary-hover) !important;
  background-color: transparent !important;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff !important;
  background-color: var(--fit-primary) !important;
}

/* Pagination */
.page-item.active .page-link {
  color: #fff !important;
  background-color: var(--fit-primary) !important;
  border-color: var(--fit-primary) !important;
}
.page-link:focus {
  box-shadow: 0 0.125rem 0.25rem 0rem rgba(37, 99, 235, 0.15) !important;
}

/* List group active */
.list-group-item.active {
  background-color: var(--fit-primary) !important;
  border-color: var(--fit-primary) !important;
}

/* Progress */
.progress-bar {
  background-color: var(--fit-primary) !important;
}

/* Inputs focus */
.form-control:focus,
.form-select:focus,
.custom-form-floating > .form-control:focus,
.custom-form-floating > .form-control:not(:placeholder-shown) {
  border-color: #93C5FD !important;
  box-shadow: 0 0 0 0, 0 0.125rem 0.25rem 0rem rgba(37, 99, 235, 0.15) !important;
}

/* Alerts */
.alert-primary {
  color: #1E3A8A !important;
  background-color: var(--bs-primary-tint-88) !important;
  border-color: var(--fit-primary) !important;
}
.alert-primary .alert-link { color: var(--fit-primary-hover) !important; }

/* Range slider */
.form-range:focus::-webkit-slider-thumb,
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #F5F6FA, 0 0.125rem 0.25rem 0rem rgba(37, 99, 235, 0.15) !important;
}
.form-range::-webkit-slider-thumb,
.form-range::-moz-range-thumb {
  border-color: var(--fit-primary) !important;
  box-shadow: 0 0.125rem 0.5rem rgba(37, 99, 235, 0.5) !important;
}
.form-range::-webkit-slider-thumb:active,
.form-range::-moz-range-thumb:active {
  background-color: var(--bs-primary-tint-80) !important;
}
.form-range::-webkit-slider-runnable-track,
.form-range::-moz-range-track {
  background-color: var(--bs-primary-tint-80) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(37, 99, 235, 0.10) !important;
}

/* Accordion expanded chevron color */
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232563EB'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}