@charset "UTF-8";

:root,
[data-bs-theme="light"] {
    --bs-primary-5: #e9f2f589;
    --bs-primary-10: #E9F2F5;
    --bs-primary-20: #d2e5ea;
    --bs-primary-30: #BCD8E0;
    --bs-primary-40: #a6cbd5;
    --bs-primary-50: #90BFCB;
    --bs-primary-60: #79b2c1;
    --bs-primary-70: #63A5B6;
    --bs-primary-80: #4d98ac;
    --bs-primary-90: #368BA1;
    --bs-primary: #207e97;
    --bs-primary-110: #1D7188;
    --bs-primary-120: #1a6579;
    --bs-primary-130: #16586A;
    --bs-primary-140: #134c5b;
    --bs-primary-150: #103F4C;
    --bs-primary-160: #0d323c;
    --bs-primary-170: #0A262D;
    --bs-primary-180: #06191e;
    --bs-primary-190: #030D0F;
    --bs-body-bg: #f8f8f8;
    --bs-card-bg: #FFF;
    --bs-logo-icon: var(--bs-primary);
    --bs-logo-wordmark: #404040;
}

[data-bs-theme="dark"] {
    color-scheme: dark;

    --bs-logo-icon: var(--bs-white);
    --bs-logo-wordmark: var(--bs-white);
}

input {
    cursor: pointer;
}

.bg-primary {
    background-color: var(--bs-primary) !important;  
}

.bg-primary-subtle {
    background-color: var(--bs-primary-20) !important;
}

.form-control, .form-select {
    background-color: var(--bs-white);
}

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

.form-check-input[type="checkbox"]:indeterminate {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
}

.form-check-input:focus {
  border-color: var(--bs-primary);
  box-shadow: none !important;
  outline: 0;
}

.form-range::-webkit-slider-thumb {
  background-color: var(--bs-primary);
}

.form-range::-moz-range-thumb {
  background-color: var(--bs-primary);
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary-120);
    --bs-btn-hover-border-color: var(--bs-primary-120);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary-70);
    --bs-btn-disabled-border-color: var(--bs-primary-70);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary-120);
  --bs-btn-hover-border-color: var(--bs-primary-120);
  --bs-btn-active-bg: var(--bs-primary-120);
  --bs-btn-active-border-color: var(--bs-primary-120);
  --bs-btn-disabled-color: var(--bs-primary-70);
  --bs-btn-disabled-border-color: var(--bs-primary-70);
}

.btn-outline-transparent {
    border: none;
    
    --bs-btn-border-radius: 0;
    --bs-btn-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgb(0 0 0 / 12.5%);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none;
}

.dropdown-menu {
  --bs-dropdown-link-active-bg: var(--bs-primary);
}

.dropdown-menu-dark {
  --bs-dropdown-link-active-bg: var(--bs-primary);
}

.nav-pills {
  --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.pagination {
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
}

.progress,
.progress-stacked {
  --bs-progress-bar-bg: var(--bs-primary);
}

.list-group {
  --bs-list-group-active-bg: var(--bs-primary);
  --bs-list-group-active-border-color: var(--bs-primary);
}

.form-control:focus {
  background-color: var(--bs-primary-5);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.7) translateY(-0.5rem) translateX(0.15rem);
}