:root, [data-bs-theme=dark] {
    --bs-primary: #36a8e0;
    --bs-link-color: #36a8e0;
    --bs-link-color-rgb: 54,168,224;
    --bs-link-hover-color: #206486;
    --bs-link-hover-color-rgb: 32,100,134;
}
.btn-primary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #36a8e0;

    --bs-btn-border-color: #36a8e0;
    --bs-btn-hover-color:  #000000;
    --bs-btn-hover-bg: #206486;
    --bs-btn-hover-border-color: #206486;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #206486;
    --bs-btn-active-border-color: #206486;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-focus-shadow-rgb: 54, 168, 224;
    --bs-link-color-rgb: 54, 168, 224;
    --bs-link-hover-color-rgb: 54, 168, 224;
    --bs-btn-disabled-bg: #206486;
    --bs-btn-disabled-border-color: #206486;
}
.form-select:focus, .form-control:focus {
    border-color: #36a8e0;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(54, 168, 224, 0.25);
}
.steps > .step.step-active .number {
    background: #36a8e0;
}
.form-check-input:checked {
    background-color: #36a8e0;
    border-color: #36a8e0;
}
.swal2-confirm.swal2-styled {
    background-color: #36a8e0;
    color: #000000;
}