/* BOOTSTRAP REWRITE */
:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --bs-primary: #ffffff;
    --bs-secondary: #333333;

    --bs-primary-rgb: 255, 255, 255;
    --bs-secondary-rgb: 51, 51, 51;

    --bs-primary-text-emphasis: #dcdcdc;
    --bs-secondary-text-emphasis: #222222;

    --bs-primary-bg-subtle: #f0f0f0;
    --bs-secondary-bg-subtle: #e2e3e5;

    --bs-primary-border-subtle: #e7e7e7;
    --bs-secondary-border-subtle: #c4c8cb;
    
    --bs-secondary-color: rgb(51, 51, 51, 0.75);
    --bs-secondary-color-rgb: 51, 51, 51;
    --bs-secondary-bg: #f1f1f1;
    --bs-secondary-bg-rgb: 241, 241, 241;
    
    --bs-link-color: #ffffff;
    --bs-link-color-rgb: 168, 168, 168;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #dcdcdc;
    --bs-link-hover-color-rgb: 226, 227, 229;

    --bs-focus-ring-color: rgba(168, 168, 168, 0.25);
}

.form-label {
    margin: 1px;
    font-size: 13px;
    color: #333333;
}

.form-control:focus {
    border-color: #a8a8a8;
    box-shadow: 0 0 0 0.25rem rgba(168, 168, 168, 0.251);
}

.form-select:focus {
    border-color: #a8a8a8;
    box-shadow: 0 0 0 0.25rem rgba(168, 168, 168, 0.251);
}

.form-check-input:focus {
    border-color: #a8a8a8;
    box-shadow: 0 0 0 0.25rem rgba(168, 168, 168, 0.251);
}

.form-check-input:checked {
    background-color: #ffffff;
    border-color: #ffffff;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #ffffff;
    border-color: #ffffff;
    --bs-form-check-bg-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-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    -webkit-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

.btn-primary {
    --bs-btn-color: #333333;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #ffffff;
    --bs-btn-hover-color: #f1f1f1;
    --bs-btn-hover-bg: #dcdcdc;
    --bs-btn-hover-border-color: #dcdcdc;
    --bs-btn-focus-shadow-rgb: 226, 227, 229;
    --bs-btn-active-color: #f1f1f1;
    --bs-btn-active-bg: #dcdcdc;
    --bs-btn-active-border-color: #dcdcdc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #333333;
    --bs-btn-disabled-bg: #f0f0f0;
    --bs-btn-disabled-border-color: #f0f0f0;
}

.btn-secondary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #333333;
    --bs-btn-border-color: #333333;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #222222;
    --bs-btn-hover-border-color: #222222;
    --bs-btn-focus-shadow-rgb: 34, 34, 34;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #222222;
    --bs-btn-active-border-color: #222222;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #e2e3e5;
    --bs-btn-disabled-border-color: #e2e3e5;
}

.btn-outline-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-border-color: #ffffff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffffff;
    --bs-gradient: none;
}

.btn-outline-secondary {
    --bs-btn-color: #333333;
    --bs-btn-border-color: #333333;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #333333;
    --bs-btn-hover-border-color: #333333;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #333333;
    --bs-btn-active-border-color: #333333;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #333333;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #333333;
    --bs-gradient: none;
}

.dropdown-menu {
    --bs-dropdown-link-active-color: #f1f1f1;
    --bs-dropdown-link-active-bg: #ffffff;
    --bs-dropdown-header-color: #333333;
}

.dropdown-menu-dark {
    --bs-dropdown-color: #f1f1f1;
    --bs-dropdown-bg: #333333;
    --bs-dropdown-link-color: #f1f1f1;
    --bs-dropdown-link-active-bg: #ffffff;
}

.nav-pills {
    --bs-nav-pills-link-active-color: #333333;
    --bs-nav-pills-link-active-bg: #ffffff;
}

.accordion {
    --bs-accordion-btn-focus-border-color: #f0f0f0;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(168, 168, 168, 0.251);
}

.pagination {
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(168, 168, 168, 0.25);
    --bs-pagination-active-color: #333333;
    --bs-pagination-active-bg: #ffffff;
    --bs-pagination-active-border-color: #ffffff;
}

.progress,
.progress-stacked {
    --bs-progress-bar-color: #333333;
    --bs-progress-bar-bg: #ffffff;
}

.list-group {
    --bs-list-group-active-color: #333333;
    --bs-list-group-active-bg: #ffffff;
    --bs-list-group-active-border-color: #ffffff;
}