@charset "UTF-8";
:root {
    --bs-primary: #083BAE;
    --bs-primary-dark: #0D378C;
    --bs-secondary: #3D84E1;
    --bs-tertiary: #F5F4F9;
    --bs-quaternary: #707070;
    --bs-quinary: #00EEFF;
    
    --bs-blue: #1D809F;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ecb807;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-light: #FAFAFA;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ecb807;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
}

.text-primary {
    color: var(--bs-primary) !important;
}
.text-primary-dark {
    color: var(--bs-primary-dark) !important;
}
.text-secondary {
    color: var(--bs-secondary) !important;
}
.text-tertiary {
    color: var(--bs-tertiary) !important;
}
.text-quaternary {
    color: var(--bs-quaternary) !important;
}
.text-quinary {
    color: var(--bs-quinary) !important;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}
.bg-primary-dark {
    background-color: var(--bs-primary-dark) !important;
}
.bg-secondary {
    background-color: var(--bs-secondary) !important;
}
.bg-tertiary {
    background-color: var(--bs-tertiary) !important;
}
.bg-quaternary {
    background-color: var(--bs-quaternary) !important;
}
.bg-quinary {
    background-color: var(--bs-quinary) !important;
}

.card.selectable .card-header {
    background-color: var(--bs-gray) !important;
}
.card.selectable img.icon {
    visibility: hidden;
}
.card.selectable:hover .card-header {
    background-color: var(--bs-secondary) !important;
}
.card.selectable:hover img.icon {
    visibility: visible;
}

.btn-primary {
    background-color: var(--bs-primary) !important;
}
.btn-primary:hover {
    background-color: var(--bs-primary-dark) !important;
}

.btn-primary-dark {
    background-color: var(--bs-primary-dark) !important;
    color: var(--bs-white) !important;
}
.btn-primary-dark:hover {
    background-color: var(--bs-primary) !important;
}

.btn-quinary {
    font-weight: 600 !important;
    color: var(--bs-primary) !important;
    background-color: var(--bs-quinary) !important;
    border-color: var(--bs-quinary) !important;
    border-radius: .5rem !important;
}
.btn-quinary:hover {
    background-color: var(--bs-tertiary) !important;
    border-color: var(--bs-tertiary) !important;
    box-shadow: var(--bs-tertiary) !important;
}