/* ----------------------------------------------------------------
	Custom Buttons CSS
-----------------------------------------------------------------*/

.btn-outline-blue-darkblue {
    color: #708EA6;
    border-color: #708EA6;
}
.btn-outline-blue-darkblue:hover {
    color: #fff;
    background-color: #708EA6;
    border-color: #708EA6;
}
.btn-check:focus + .btn-outline-blue-darkblue, .btn-outline-blue-darkblue:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-blue-darkblue, .btn-check:active + .btn-outline-blue-darkblue, .btn-outline-blue-darkblue:active, .btn-outline-blue-darkblue.active, .btn-outline-blue-darkblue.dropdown-toggle.show {
    color: #fff;
    background-color: #708EA6;
    border-color: #708EA6;
}
.btn-check:checked + .btn-outline-blue-darkblue:focus, .btn-check:active + .btn-outline-blue-darkblue:focus, .btn-outline-blue-darkblue:active:focus, .btn-outline-blue-darkblue.active:focus, .btn-outline-blue-darkblue.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-blue-darkblue:disabled, .btn-outline-blue-darkblue.disabled {
    color: #708EA6;
    background-color: transparent;
}


.btn-blue-darkblue {
    color: #fff;
    background-color: #708EA6;
    border-color: #708EA6;
}
.btn-blue-darkblue:hover {
    color: #fff;
    background-color: #4f6678;
    border-color: #4f6678;
}
.btn-check:focus + .btn-blue-darkblue, .btn-blue-darkblue:focus {
    color: #fff;
    background-color: #4f6678;
    border-color: #4f6678;
    box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-blue-darkblue, .btn-check:active + .btn-blue-darkblue, .btn-blue-darkblue:active, .btn-blue-darkblue.active, .show > .btn-blue-darkblue.dropdown-toggle {
    color: #fff;
    background-color: #4f6678;
    border-color: #4f6678;
}
.btn-check:checked + .btn-blue-darkblue:focus, .btn-check:active + .btn-blue-darkblue:focus, .btn-blue-darkblue:active:focus, .btn-blue-darkblue.active:focus, .show > .btn-blue-darkblue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-blue-darkblue:disabled, .btn-blue-darkblue.disabled {
    color: #fff;
    background-color: #708EA6;
    border-color: #708EA6;
}


.btn-blue-orange {
    color: #000;
    background-color: #D49E3B;
    border-color: #D49E3B;
}
.btn-blue-orange:hover {
    color: #000;
    background-color: #a67a29;
    border-color: #a67a29;
}
.btn-check:focus + .btn-blue-orange, .btn-blue-orange:focus {
    color: #000;
    background-color: #a67a29;
    border-color: #a67a29;
    box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-blue-orange, .btn-check:active + .btn-blue-orange, .btn-blue-orange:active, .btn-blue-orange.active, .show > .btn-blue-orange.dropdown-toggle {
    color: #000;
    background-color: #a67a29;
    border-color: #a67a29;
}
.btn-check:checked + .btn-blue-orange:focus, .btn-check:active + .btn-blue-orange:focus, .btn-blue-orange:active:focus, .btn-blue-orange.active:focus, .show > .btn-blue-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-blue-orange:disabled, .btn-blue-orange.disabled {
    color: #000;
    background-color: #D49E3B;
    border-color: #D49E3B;
}


.btn-blue-orange-outline {
    color: #D49E3B;
    background-color: unset;
    border-color: #D49E3B;
}
.btn-blue-orange-outline:hover {
    color: #fff;
    background-color: #a67a29;
    border-color: #a67a29;
}
.btn-check:focus + .btn-blue-orange-outline, .btn-blue-orange-outline:focus {
    color: #000;
    background-color: unset;
    border-color: #a67a29;
    box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-blue-orange-outline, .btn-check:active + .btn-blue-orange-outline, .btn-blue-orange-outline:active, .btn-blue-orange-outline.active, .show > .btn-blue-orange-outline.dropdown-toggle {
    color: #000;
    background-color: unset;
    border-color: #a67a29;
}
.btn-check:checked + .btn-blue-orange-outline:focus, .btn-check:active + .btn-blue-orange-outline:focus, .btn-blue-orange-outline:active:focus, .btn-blue-orange-outline.active:focus, .show > .btn-blue-orange-outline.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-blue-orange-outline:disabled, .btn-blue-orange-outline.disabled {
    color: #000;
    background-color: unset;
    border-color: #D49E3B;
}