@charset "UTF-8";

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

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

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

input {
    cursor: pointer;
}

.h-70 {
    height: 70% !important;
}

.h-60 {
    height: 60% !important;
}

.h-40 {
    height: 40% !important;
}

.h-30 {
    height: 30% !important;
}

.w-10 {
    width: 10% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-40 {
    width: 40% !important;
}

.w-50 {
    width: 50% !important;
}

.w-60 {
    width: 60% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90% !important;
}

.text-success {
    color: var(--az-success);
}

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

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

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

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

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

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

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

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

.btn {
    display: flex;
    justify-content: center;
    place-items: center center;
}

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

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

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

.link-primary:hover, .link-primary:focus {
    cursor: pointer;
}

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

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

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

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

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

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

.form-control:focus {
  background-color: var(--az-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);
}