@charset "UTF-8";

/*
 * Customization of Bootstrap classes.
 */
@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700&display=swap");

:root {
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #111010;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 17, 16, 16;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
}

a:hover {
  color: var(--ss-hover);
}

.table-primary {
  --bs-table-bg: #faccce;
  --bs-table-striped-bg: #eec2c4;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e1b8b9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e7bdbf;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e1b8b9;
}

.table-dark {
  --bs-table-bg: #111010;
  --bs-table-striped-bg: #1d1c1c;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #292828;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #232222;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #292828;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: var(--ss-formselect);
    outline: 0;
    box-shadow: var(--ss-boxshadow);
}

.form-select:focus {
    border-color: var(--ss-formselect);
    outline: 0;
    box-shadow: var(--ss-boxshadow);
}

.form-check-input:focus {
    border-color: var(--ss-formselect);
    outline: 0;
    box-shadow: var(--ss-boxshadow);
}
.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f38084'/%3e%3c/svg%3e");
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: var(--ss-boxshadow2);
}
.form-range:focus::-moz-range-thumb {
    box-shadow: var(--ss-boxshadow2);
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: var(--bs-primary);
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

.form-range::-webkit-slider-thumb:active {
  background-color: #f8b3b5;
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: var(--bs-primary);
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

.form-range::-moz-range-thumb:active {
  background-color: #f8b3b5;
}

.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: var(--ss-boxshadow);
}

.btn-primary {
    color: var(--ss-buttontextcolor);
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
    .btn-primary:hover {
        color: var(--ss-buttontextcolor);
        background-color: var(--ss-buttonbg);
        border-color: var(--ss-hover);
    }
    .btn-check:focus + .btn-primary, .btn-primary:focus {
        color: var(--ss-buttontextcolor);
        background-color: var(--ss-buttonbg);
        border-color: var(--ss-hover);
        box-shadow: var(--ss-boxshadow3);
    }
    .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
        color: var(--ss-buttontextcolor);
        background-color: var(--ss-hover);
        border-color: var(--ss-buttonchecked);
    }
        .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: var(--ss-boxshadow3);
        }
    .btn-primary:disabled, .btn-primary.disabled {
        color: var(--ss-buttontextcolor);
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }

.btn-dark {
    color: var(--ss-buttontextcolor);
    background-color: #111010;
    border-color: #111010;
}
    .btn-dark:hover {
        color: var(--ss-buttontextcolor);
        background-color: #0e0e0e;
        border-color: #0e0d0d;
    }
    .btn-check:focus + .btn-dark, .btn-dark:focus {
        color: var(--ss-buttontextcolor);
        background-color: #0e0e0e;
        border-color: #0e0d0d;
        box-shadow: 0 0 0 0.25rem rgba(53, 52, 52, 0.5);
    }
    .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
        color: var(--ss-buttontextcolor);
        background-color: #0e0d0d;
        border-color: #0d0c0c;
    }
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(53, 52, 52, 0.5);
}
    .btn-dark:disabled, .btn-dark.disabled {
        color: var(--ss-buttontextcolor);
        background-color: #111010;
        border-color: #111010;
    }

.btn-outline-primary {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}
    .btn-outline-primary:hover {
        color: var(--ss-buttontextcolor);
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: var(--ss-boxshadow);
}
    .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 {
        color: var(--ss-buttontextcolor);
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: var(--ss-boxshadow);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: var(--bs-primary);
  background-color: transparent;
}

.btn-outline-dark {
  color: #111010;
  border-color: #111010;
}
    .btn-outline-dark:hover {
        color: var(--ss-buttontextcolor);
        background-color: #111010;
        border-color: #111010;
    }
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(17, 16, 16, 0.5);
}
    .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
        color: var(--ss-buttontextcolor);
        background-color: #111010;
        border-color: #111010;
    }
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(17, 16, 16, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  color: #111010;
  background-color: transparent;
}

.btn-link {
  font-weight: 400;
  color: var(--bs-primary);
  text-decoration: underline;
}
.btn-link:hover {
  color: var(--ss-hover);
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--ss-buttontextcolor);
    text-decoration: none;
    background-color: var(--bs-primary);
}

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
    color: var(--ss-buttontextcolor);
    background-color: var(--bs-primary);
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: var(--bs-primary);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.nav-link:hover, .nav-link:focus {
  color: var(--ss-hover);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: var(--ss-buttontextcolor);
    background-color: var(--bs-primary);
}

.accordion-button:not(.collapsed) {
  color: #d00007;
  background-color: #fde6e6;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.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='%23d00007'%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");
  transform: rotate(-180deg);
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--ss-formselect);
    outline: 0;
    box-shadow: var(--ss-boxshadow);
}

.page-link {
  position: relative;
  display: block;
  color: var(--bs-primary);
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.page-link:hover {
  z-index: 2;
  color: var(--ss-hover);
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  color: var(--ss-hover);
  background-color: #e9ecef;
  outline: 0;
  box-shadow: var(--ss-boxshadow);
}

.page-item.active .page-link {
    z-index: 3;
    color: var(--ss-buttontextcolor);
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.alert-primary {
    color: var(--ss-listgroup-active);
    background-color: #faccce;
    border-color: #f8b3b5;
}
.alert-primary .alert-link {
  color: #6f0004;
}

.alert-dark {
  color: #0a0a0a;
  background-color: #cfcfcf;
  border-color: #b8b7b7;
}
.alert-dark .alert-link {
  color: #080808;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--ss-buttontextcolor);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-primary);
    transition: width 0.6s ease;
}

.list-group-item.active {
    z-index: 2;
    color: var(--ss-buttontextcolor);
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.list-group-item-primary {
  color: var(--ss-listgroup-active);
  background-color: #faccce;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: var(--ss-listgroup-active);
  background-color: #e1b8b9;
}
    .list-group-item-primary.list-group-item-action.active {
        color: var(--ss-buttontextcolor);
        background-color: var(--ss-listgroup-active);
        border-color: var(--ss-listgroup-active);
    }

.list-group-item-dark {
  color: #0a0a0a;
  background-color: #cfcfcf;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #0a0a0a;
  background-color: #bababa;
}
    .list-group-item-dark.list-group-item-action.active {
        color: var(--ss-buttontextcolor);
        background-color: #0a0a0a;
        border-color: #0a0a0a;
    }

.btn-close:focus {
  outline: 0;
  box-shadow: var(--ss-boxshadow);
  opacity: 1;
}

.link-primary {
  color: var(--bs-primary);
}
.link-primary:hover, .link-primary:focus {
  color: var(--ss-hover);
}

.link-dark {
  color: #111010;
}
.link-dark:hover, .link-dark:focus {
  color: #0e0d0d;
}

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

.border-dark {
  border-color: #111010 !important;
}