/* Bootstrap Override CSS */

@font-face {
    font-family: "Nunito Sans";
    src: url(../fonts/nunito-sans/nunito-sans-light.ttf) format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "Nunito Sans";
    src: url(../fonts/nunito-sans/nunito-sans-regular.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Nunito Sans";
    src: url(../fonts/nunito-sans/nunito-sans-semi-bold.ttf) format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: "Nunito Sans";
    src: url(../fonts/nunito-sans/nunito-sans-bold.ttf) format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: "Nunito Sans";
    src: url(../fonts/nunito-sans/nunito-sans-extra-bold.ttf) format("truetype");
    font-weight: 800;
}

:root {
    --bs-blue: #5B9DFF;
    --bs-pink: #FB00FF;
    --bs-red: #FF3E4C;
    --bs-yellow: #F6B307;
    --bs-green: #34A853;
    --bs-cyan: #89f2fd;
    --bs-white: #FFF;
    --bs-dark: #292D32;
    --bs-grey: #949698;
    --bs-azure: #5EB8F4;
    --bs-light: #F7F7F9;
    --bs-primary: #3B61FF;
    --bs-drab: #C8C8D0;
    --bs-orang: #F79E1B;
    --bs-dark-blue: #273978;
    --bs-dark-red: #D80027;
    --bs-dark-grey: #50575E;
    --bs-dark-brown: #212121;
    --bs-light-white: rgba(255, 255, 255, 0.8);
    --bs-light-cream: #FFF8EE;
    --bs-light-gray: rgba(41, 45, 50, 0.5019607843);
    --bs-light-azure: #F0FFFF;
    --bs-light-purple: #EEF3FF;
    --bs-light-dark: #5A5A5A;
    --bs-light-red: #F00073;
    --bs-easy-azure: #EFF5F9;
    --bs-easy-drab: #E3E3E3;
    --bs-easy-gray: #f5f6fd;
    --bs-easy-cream: #F0F0F0;
    --bs-easy-blue: #a0aeba;
    --bs-easy-gray-cream: #FAFAFA;
    --bs-sky-blue: #b8dce8;
    --bs-sky-grey: #F5F5F5;
    --bs-sky-azure: #00a7de;
    --bs-sky-light: #F7F9FF;
    --bs-dark-rgb: 41, 45, 50;
    --bs-grey-rgb: 148, 150, 152;
    --bs-blue-rgb: 91, 157, 255;
    --bs-azure-rgb: 94, 184, 244;
    --bs-light-rgb: 247, 247, 249;
    --bs-primary-rgb: 59, 97, 255;
    --bs-drab-rgb: 200, 200, 208;
    --bs-green-rgb: 52, 168, 83;
    --bs-red-rgb: 255, 62, 76;
    --bs-orang-rgb: 247, 158, 27;
    --bs-pink-rgb: 251, 0, 255;
    --bs-yellow-rgb: 246, 179, 7;
    --bs-cyan-rgb: 137, 242, 253;
    --bs-dark-blue-rgb: 39, 57, 120;
    --bs-dark-red-rgb: 216, 0, 39;
    --bs-dark-grey-rgb: 80, 87, 94;
    --bs-dark-brown-rgb: 33, 33, 33;
    --bs-light-white-rgb: 255, 255, 255;
    --bs-light-cream-rgb: 255, 248, 238;
    --bs-light-gray-rgb: 41, 45, 50;
    --bs-light-azure-rgb: 240, 255, 255;
    --bs-light-purple-rgb: 238, 243, 255;
    --bs-light-dark-rgb: 90, 90, 90;
    --bs-light-red-rgb: 240, 0, 115;
    --bs-easy-azure-rgb: 239, 245, 249;
    --bs-easy-drab-rgb: 227, 227, 227;
    --bs-easy-gray-rgb: 245, 246, 253;
    --bs-easy-cream-rgb: 240, 240, 240;
    --bs-easy-blue-rgb: 160, 174, 186;
    --bs-easy-gray-cream-rgb: 250, 250, 250;
    --bs-sky-blue-rgb: 184, 220, 232;
    --bs-sky-grey-rgb: 245, 245, 245;
    --bs-sky-azure-rgb: 0, 167, 222;
    --bs-sky-light-rgb: 247, 249, 255;
    --bs-body-color-rgb: 41, 45, 50;
    --bs-body-font-family: Nunito Sans, sans-serif;
    --bs-body-font-size: calc(1.275rem + 0.3vw);
    --bs-body-color: #292D32;
    --bs-body-bg: #FFF;
    --bs-link-color: #3B61FF;
    --bs-link-hover-color: #2f4ecc;
    --bs-code-color: #FB00FF;
    --bs-highlight-bg: #fdf0cd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --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-danger-rgb: 220, 53, 69;
}

h1, .h1 {
    font-size: calc(1.6125rem + 4.35vw);
}

h2, .h2 {
    font-size: calc(1.527rem + 3.324vw);
}

h3, .h3 {
    font-size: calc(1.425rem + 2.1vw);
}

h4, .h4 {
    font-size: calc(1.3245rem + 0.894vw);
}

h5, .h5 {
    font-size: 1.05rem;
}

h6, .h6 {
    font-size: calc(1.275rem + 0.3vw);
}

dt {
    font-weight: 800;
}

.lead {
    font-size: calc(1.3125rem + 0.75vw);
}

.blockquote {
    font-size: calc(1.3125rem + 0.75vw);
}

.blockquote-footer::before {
    content: "— ";
}

.img-thumbnail {
    background-color: #FFF;
}

.table-primary {
    --bs-table-bg: #d8dfff;
    --bs-table-border-color: #c2c9e6;
    --bs-table-striped-bg: #cdd4f2;
    --bs-table-active-bg: #c2c9e6;
    --bs-table-hover-bg: #c8ceec;
}

.table-success {
    --bs-table-bg: #d6eedd;
    --bs-table-border-color: #c1d6c7;
    --bs-table-striped-bg: #cbe2d2;
    --bs-table-active-bg: #c1d6c7;
    --bs-table-hover-bg: #c6dccc;
}

.table-info {
    --bs-table-bg: #e7fcff;
    --bs-table-border-color: #d0e3e6;
    --bs-table-striped-bg: #dbeff2;
    --bs-table-active-bg: #d0e3e6;
    --bs-table-hover-bg: #d6e9ec;
}

.table-warning {
    --bs-table-bg: #fdf0cd;
    --bs-table-border-color: #e4d8b9;
    --bs-table-striped-bg: #f0e4c3;
    --bs-table-active-bg: #e4d8b9;
    --bs-table-hover-bg: #eadebe;
}

.table-danger {
    --bs-table-bg: #ffd8db;
    --bs-table-border-color: #e6c2c5;
    --bs-table-striped-bg: #f2cdd0;
    --bs-table-active-bg: #e6c2c5;
    --bs-table-hover-bg: #ecc8cb;
}

.table-light {
    --bs-table-bg: #F7F7F9;
    --bs-table-border-color: #dedee0;
    --bs-table-striped-bg: #ebebed;
    --bs-table-active-bg: #dedee0;
    --bs-table-hover-bg: #e4e4e6;
}

.table-dark {
    --bs-table-color: #FFF;
    --bs-table-bg: #292D32;
    --bs-table-border-color: #3e4247;
    --bs-table-striped-bg: #34383c;
    --bs-table-striped-color: #FFF;
    --bs-table-active-bg: #3e4247;
    --bs-table-active-color: #FFF;
    --bs-table-hover-bg: #393d41;
    --bs-table-hover-color: #FFF;
}

.col-form-label-lg {
    font-size: calc(1.3125rem + 0.75vw);
}

.col-form-label-sm {
    font-size: calc(1.25625rem + 0.075vw);
}

.form-control {
    font-size: calc(1.275rem + 0.3vw);
    color: #292D32;
    background-color: #FFF;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.form-control:focus {
    color: #292D32;
    background-color: #FFF;
    border-color: #9db0ff;
    box-shadow: 0 0 0 0.25rem rgba(59, 97, 255, 0.25);
}

.form-control::file-selector-button {
    color: #292D32;
    -webkit-margin-end: 0.75rem;
}

.form-control-plaintext {
    color: #292D32;
}

.form-control-sm {
    font-size: calc(1.25625rem + 0.075vw);
}

.form-control-lg {
    font-size: calc(1.3125rem + 0.75vw);
}

.form-select {
    font-size: calc(1.275rem + 0.3vw);
    color: #292D32;
    background-color: #FFF;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.form-select:focus {
    border-color: #9db0ff;
    box-shadow: 0 0 0 0.25rem rgba(59, 97, 255, 0.25);
}

.form-select:-moz-focusring {
    text-shadow: 0 0 0 #292D32;
}

.form-select-sm {
    font-size: calc(1.25625rem + 0.075vw);
}

.form-select-lg {
    font-size: calc(1.3125rem + 0.75vw);
}

.form-check {
    min-height: 2.25rem;
}

.form-check-input {
    background-color: #FFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.form-check-input:focus {
    border-color: #9db0ff;
    box-shadow: 0 0 0 0.25rem rgba(59, 97, 255, 0.25);
}

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

.form-check-input:checked[type=checkbox] {
    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 10 3 3 6-6'/%3e%3c/svg%3e");
}

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

.form-check-input[type=checkbox]:indeterminate {
    background-color: #3B61FF;
    border-color: #3B61FF;
    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='%239db0ff'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    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='%23FFF'/%3e%3c/svg%3e");
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #FFF, 0 0 0 0.25rem rgba(59, 97, 255, 0.25);
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #FFF, 0 0 0 0.25rem rgba(59, 97, 255, 0.25);
}

.form-range::-webkit-slider-thumb {
    background-color: #3B61FF;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
}

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

.form-range::-moz-range-thumb {
    background-color: #3B61FF;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
}

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

.input-group-text {
    font-size: calc(1.275rem + 0.3vw);
    color: #292D32;
}

.input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn {
    font-size: calc(1.3125rem + 0.75vw);
}

.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
    font-size: calc(1.25625rem + 0.075vw);
}

.valid-feedback {
    color: #34A853;
}

.valid-tooltip {
    font-size: 0.8rem;
    color: #000;
    background-color: rgba(52, 168, 83, 0.9);
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #34A853;
    background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2334A853' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #34A853;
    box-shadow: 0 0 0 0.25rem rgba(52, 168, 83, 0.25);
}

.was-validated .form-select:valid, .form-select.is-valid {
    border-color: #34A853;
}

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2334A853' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
    border-color: #34A853;
    box-shadow: 0 0 0 0.25rem rgba(52, 168, 83, 0.25);
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
    border-color: #34A853;
}

.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
    background-color: #34A853;
}

.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(52, 168, 83, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #34A853;
}

.invalid-feedback {
    color: #FF3E4C;
}

.invalid-tooltip {
    font-size: 0.8rem;
    color: #000;
    background-color: rgba(255, 62, 76, 0.9);
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #FF3E4C;
    background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF3E4C'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF3E4C' stroke='none'/%3e%3c/svg%3e");
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #FF3E4C;
    box-shadow: 0 0 0 0.25rem rgba(255, 62, 76, 0.25);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
    border-color: #FF3E4C;
}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF3E4C'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF3E4C' stroke='none'/%3e%3c/svg%3e");
}

.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
    border-color: #FF3E4C;
    box-shadow: 0 0 0 0.25rem rgba(255, 62, 76, 0.25);
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
    border-color: #FF3E4C;
}

.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
    background-color: #FF3E4C;
}

.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 62, 76, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #FF3E4C;
}

.btn {
    --bs-btn-padding-x: 1.56rem;
    --bs-btn-padding-y: 1rem;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1;
    --bs-btn-color: #292D32;
    --bs-btn-border-radius: 3.75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.btn-white {
    --bs-btn-color: #000;
    --bs-btn-bg: #FFF;
    --bs-btn-border-color: #FFF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: white;
    --bs-btn-focus-shadow-rgb: 217, 217, 217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: white;
    --bs-btn-active-border-color: white;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #FFF;
    --bs-btn-disabled-border-color: #FFF;
}

.btn-black {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #000;
    --bs-btn-border-color: #000;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: black;
    --bs-btn-hover-border-color: black;
    --bs-btn-focus-shadow-rgb: 38, 38, 38;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: black;
    --bs-btn-active-border-color: black;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #000;
    --bs-btn-disabled-border-color: #000;
}

.btn-dark {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #292D32;
    --bs-btn-border-color: #292D32;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #494d51;
    --bs-btn-hover-border-color: #3e4247;
    --bs-btn-focus-shadow-rgb: 73, 77, 81;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #54575b;
    --bs-btn-active-border-color: #3e4247;
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #292D32;
    --bs-btn-disabled-border-color: #292D32;
}

.btn-grey {
    --bs-btn-color: #000;
    --bs-btn-bg: #949698;
    --bs-btn-border-color: #949698;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #a4a6a7;
    --bs-btn-hover-border-color: #9fa1a2;
    --bs-btn-focus-shadow-rgb: 126, 128, 129;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #a9abad;
    --bs-btn-active-border-color: #9fa1a2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #949698;
    --bs-btn-disabled-border-color: #949698;
}

.btn-blue {
    --bs-btn-color: #000;
    --bs-btn-bg: #5B9DFF;
    --bs-btn-border-color: #5B9DFF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #74acff;
    --bs-btn-hover-border-color: #6ba7ff;
    --bs-btn-focus-shadow-rgb: 77, 133, 217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #7cb1ff;
    --bs-btn-active-border-color: #6ba7ff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #5B9DFF;
    --bs-btn-disabled-border-color: #5B9DFF;
}

.btn-azure {
    --bs-btn-color: #000;
    --bs-btn-bg: #5EB8F4;
    --bs-btn-border-color: #5EB8F4;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #76c3f6;
    --bs-btn-hover-border-color: #6ebff5;
    --bs-btn-focus-shadow-rgb: 80, 156, 207;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #7ec6f6;
    --bs-btn-active-border-color: #6ebff5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #5EB8F4;
    --bs-btn-disabled-border-color: #5EB8F4;
}

.btn-light {
    --bs-btn-bg: #F7F7F9;
    --bs-btn-border-color: #F7F7F9;
    --bs-btn-hover-bg: #d2d2d4;
    --bs-btn-hover-border-color: #c6c6c7;
    --bs-btn-focus-shadow-rgb: 210, 210, 212;
    --bs-btn-active-bg: #c6c6c7;
    --bs-btn-active-border-color: #b9b9bb;
    --bs-btn-disabled-bg: #F7F7F9;
    --bs-btn-disabled-border-color: #F7F7F9;
}

.btn-primary {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #3B61FF;
    --bs-btn-border-color: #3B61FF;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #3252d9;
    --bs-btn-hover-border-color: #2f4ecc;
    --bs-btn-focus-shadow-rgb: 88, 121, 255;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #2f4ecc;
    --bs-btn-active-border-color: #2c49bf;
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #3B61FF;
    --bs-btn-disabled-border-color: #3B61FF;
}

.btn-drab {
    --bs-btn-color: #000;
    --bs-btn-bg: #C8C8D0;
    --bs-btn-border-color: #C8C8D0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d0d0d7;
    --bs-btn-hover-border-color: #ceced5;
    --bs-btn-focus-shadow-rgb: 170, 170, 177;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #d3d3d9;
    --bs-btn-active-border-color: #ceced5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #C8C8D0;
    --bs-btn-disabled-border-color: #C8C8D0;
}

.btn-green {
    --bs-btn-color: #000;
    --bs-btn-bg: #34A853;
    --bs-btn-border-color: #34A853;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #52b56d;
    --bs-btn-hover-border-color: #48b164;
    --bs-btn-focus-shadow-rgb: 44, 143, 71;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #5db975;
    --bs-btn-active-border-color: #48b164;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #34A853;
    --bs-btn-disabled-border-color: #34A853;
}

.btn-red {
    --bs-btn-color: #000;
    --bs-btn-bg: #FF3E4C;
    --bs-btn-border-color: #FF3E4C;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ff5b67;
    --bs-btn-hover-border-color: #ff515e;
    --bs-btn-focus-shadow-rgb: 217, 53, 65;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ff6570;
    --bs-btn-active-border-color: #ff515e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #FF3E4C;
    --bs-btn-disabled-border-color: #FF3E4C;
}

.btn-orange {
    --bs-btn-color: #000;
    --bs-btn-bg: #F79E1B;
    --bs-btn-border-color: #F79E1B;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8ad3d;
    --bs-btn-hover-border-color: #f8a832;
    --bs-btn-focus-shadow-rgb: 210, 134, 23;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f9b149;
    --bs-btn-active-border-color: #f8a832;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F79E1B;
    --bs-btn-disabled-border-color: #F79E1B;
}

.btn-pink {
    --bs-btn-color: #000;
    --bs-btn-bg: #FB00FF;
    --bs-btn-border-color: #FB00FF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fc26ff;
    --bs-btn-hover-border-color: #fb1aff;
    --bs-btn-focus-shadow-rgb: 213, 0, 217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fc33ff;
    --bs-btn-active-border-color: #fb1aff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #FB00FF;
    --bs-btn-disabled-border-color: #FB00FF;
}

.btn-yellow {
    --bs-btn-color: #000;
    --bs-btn-bg: #F6B307;
    --bs-btn-border-color: #F6B307;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f7be2c;
    --bs-btn-hover-border-color: #f7bb20;
    --bs-btn-focus-shadow-rgb: 209, 152, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8c239;
    --bs-btn-active-border-color: #f7bb20;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F6B307;
    --bs-btn-disabled-border-color: #F6B307;
}

.btn-cyan {
    --bs-btn-color: #000;
    --bs-btn-bg: #89f2fd;
    --bs-btn-border-color: #89f2fd;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #9bf4fd;
    --bs-btn-hover-border-color: #95f3fd;
    --bs-btn-focus-shadow-rgb: 116, 206, 215;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #a1f5fd;
    --bs-btn-active-border-color: #95f3fd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #89f2fd;
    --bs-btn-disabled-border-color: #89f2fd;
}

.btn-dark-blue {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #273978;
    --bs-btn-border-color: #273978;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #213066;
    --bs-btn-hover-border-color: #1f2e60;
    --bs-btn-focus-shadow-rgb: 71, 87, 140;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #1f2e60;
    --bs-btn-active-border-color: #1d2b5a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #273978;
    --bs-btn-disabled-border-color: #273978;
}

.btn-dark-red {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #D80027;
    --bs-btn-border-color: #D80027;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #b80021;
    --bs-btn-hover-border-color: #ad001f;
    --bs-btn-focus-shadow-rgb: 222, 38, 71;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #ad001f;
    --bs-btn-active-border-color: #a2001d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #D80027;
    --bs-btn-disabled-border-color: #D80027;
}

.btn-dark-grey {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #50575E;
    --bs-btn-border-color: #50575E;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #444a50;
    --bs-btn-hover-border-color: #40464b;
    --bs-btn-focus-shadow-rgb: 106, 112, 118;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #40464b;
    --bs-btn-active-border-color: #3c4147;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #50575E;
    --bs-btn-disabled-border-color: #50575E;
}

.btn-dark-brown {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #212121;
    --bs-btn-border-color: #212121;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #1c1c1c;
    --bs-btn-hover-border-color: #1a1a1a;
    --bs-btn-focus-shadow-rgb: 66, 66, 66;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #1a1a1a;
    --bs-btn-active-border-color: #191919;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #212121;
    --bs-btn-disabled-border-color: #212121;
}

.btn-light-white {
    --bs-btn-color: #000;
    --bs-btn-bg: rgba(255, 255, 255, 0.8);
    --bs-btn-border-color: rgba(255, 255, 255, 0.8);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgba(255, 255, 255, 0.83);
    --bs-btn-hover-border-color: rgba(255, 255, 255, 0.82);
    --bs-btn-focus-shadow-rgb: 202, 202, 202;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgba(255, 255, 255, 0.84);
    --bs-btn-active-border-color: rgba(255, 255, 255, 0.82);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: rgba(255, 255, 255, 0.8);
    --bs-btn-disabled-border-color: rgba(255, 255, 255, 0.8);
}

.btn-light-cream {
    --bs-btn-color: #000;
    --bs-btn-bg: #FFF8EE;
    --bs-btn-border-color: #FFF8EE;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fff9f1;
    --bs-btn-hover-border-color: #fff9f0;
    --bs-btn-focus-shadow-rgb: 217, 211, 202;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fff9f1;
    --bs-btn-active-border-color: #fff9f0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #FFF8EE;
    --bs-btn-disabled-border-color: #FFF8EE;
}

.btn-light-gray {
    --bs-btn-color: #FFF;
    --bs-btn-bg: rgba(41, 45, 50, 0.5019607843);
    --bs-btn-border-color: rgba(41, 45, 50, 0.5019607843);
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: rgba(27, 29, 33, 0.5766666667);
    --bs-btn-hover-border-color: rgba(23, 26, 29, 0.6015686275);
    --bs-btn-focus-shadow-rgb: 115, 117, 121;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: rgba(23, 26, 29, 0.6015686275);
    --bs-btn-active-border-color: rgba(21, 23, 25, 0.6264705882);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: rgba(41, 45, 50, 0.5019607843);
    --bs-btn-disabled-border-color: rgba(41, 45, 50, 0.5019607843);
}

.btn-light-azure {
    --bs-btn-color: #000;
    --bs-btn-bg: #F0FFFF;
    --bs-btn-border-color: #F0FFFF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f2ffff;
    --bs-btn-hover-border-color: #f2ffff;
    --bs-btn-focus-shadow-rgb: 204, 217, 217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f3ffff;
    --bs-btn-active-border-color: #f2ffff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F0FFFF;
    --bs-btn-disabled-border-color: #F0FFFF;
}

.btn-light-purple {
    --bs-btn-color: #000;
    --bs-btn-bg: #EEF3FF;
    --bs-btn-border-color: #EEF3FF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f1f5ff;
    --bs-btn-hover-border-color: #f0f4ff;
    --bs-btn-focus-shadow-rgb: 202, 207, 217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f1f5ff;
    --bs-btn-active-border-color: #f0f4ff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #EEF3FF;
    --bs-btn-disabled-border-color: #EEF3FF;
}

.btn-light-dark {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #5A5A5A;
    --bs-btn-border-color: #5A5A5A;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #4d4d4d;
    --bs-btn-hover-border-color: #484848;
    --bs-btn-focus-shadow-rgb: 115, 115, 115;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #484848;
    --bs-btn-active-border-color: #444444;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #5A5A5A;
    --bs-btn-disabled-border-color: #5A5A5A;
}

.btn-light-red {
    --bs-btn-color: #000;
    --bs-btn-bg: #F00073;
    --bs-btn-border-color: #F00073;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f22688;
    --bs-btn-hover-border-color: #f21a81;
    --bs-btn-focus-shadow-rgb: 204, 0, 98;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f3338f;
    --bs-btn-active-border-color: #f21a81;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F00073;
    --bs-btn-disabled-border-color: #F00073;
}

.btn-easy-azure {
    --bs-btn-color: #000;
    --bs-btn-bg: #EFF5F9;
    --bs-btn-border-color: #EFF5F9;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f1f7fa;
    --bs-btn-hover-border-color: #f1f6fa;
    --bs-btn-focus-shadow-rgb: 203, 208, 212;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f2f7fa;
    --bs-btn-active-border-color: #f1f6fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #EFF5F9;
    --bs-btn-disabled-border-color: #EFF5F9;
}

.btn-easy-drab {
    --bs-btn-color: #000;
    --bs-btn-bg: #E3E3E3;
    --bs-btn-border-color: #E3E3E3;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e7e7e7;
    --bs-btn-hover-border-color: #e6e6e6;
    --bs-btn-focus-shadow-rgb: 193, 193, 193;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e9e9e9;
    --bs-btn-active-border-color: #e6e6e6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #E3E3E3;
    --bs-btn-disabled-border-color: #E3E3E3;
}

.btn-easy-gray {
    --bs-btn-color: #000;
    --bs-btn-bg: #f5f6fd;
    --bs-btn-border-color: #f5f6fd;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f7f7fd;
    --bs-btn-hover-border-color: #f6f7fd;
    --bs-btn-focus-shadow-rgb: 208, 209, 215;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f7f8fd;
    --bs-btn-active-border-color: #f6f7fd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f5f6fd;
    --bs-btn-disabled-border-color: #f5f6fd;
}

.btn-easy-cream {
    --bs-btn-color: #000;
    --bs-btn-bg: #F0F0F0;
    --bs-btn-border-color: #F0F0F0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f2f2f2;
    --bs-btn-hover-border-color: #f2f2f2;
    --bs-btn-focus-shadow-rgb: 204, 204, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f3f3f3;
    --bs-btn-active-border-color: #f2f2f2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F0F0F0;
    --bs-btn-disabled-border-color: #F0F0F0;
}

.btn-easy-blue {
    --bs-btn-color: #000;
    --bs-btn-bg: #a0aeba;
    --bs-btn-border-color: #a0aeba;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #aebac4;
    --bs-btn-hover-border-color: #aab6c1;
    --bs-btn-focus-shadow-rgb: 136, 148, 158;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #b3bec8;
    --bs-btn-active-border-color: #aab6c1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #a0aeba;
    --bs-btn-disabled-border-color: #a0aeba;
}

.btn-easy-gray-cream {
    --bs-btn-color: #000;
    --bs-btn-bg: #FAFAFA;
    --bs-btn-border-color: #FAFAFA;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fbfbfb;
    --bs-btn-hover-border-color: #fbfbfb;
    --bs-btn-focus-shadow-rgb: 213, 213, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fbfbfb;
    --bs-btn-active-border-color: #fbfbfb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #FAFAFA;
    --bs-btn-disabled-border-color: #FAFAFA;
}

.btn-sky-blue {
    --bs-btn-color: #000;
    --bs-btn-bg: #b8dce8;
    --bs-btn-border-color: #b8dce8;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #c3e1eb;
    --bs-btn-hover-border-color: #bfe0ea;
    --bs-btn-focus-shadow-rgb: 156, 187, 197;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6e3ed;
    --bs-btn-active-border-color: #bfe0ea;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #b8dce8;
    --bs-btn-disabled-border-color: #b8dce8;
}

.btn-sky-grey {
    --bs-btn-color: #000;
    --bs-btn-bg: #F5F5F5;
    --bs-btn-border-color: #F5F5F5;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f7f7f7;
    --bs-btn-hover-border-color: #f6f6f6;
    --bs-btn-focus-shadow-rgb: 208, 208, 208;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f7f7f7;
    --bs-btn-active-border-color: #f6f6f6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F5F5F5;
    --bs-btn-disabled-border-color: #F5F5F5;
}

.btn-sky-azure {
    --bs-btn-color: #000;
    --bs-btn-bg: #00a7de;
    --bs-btn-border-color: #00a7de;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #26b4e3;
    --bs-btn-hover-border-color: #1ab0e1;
    --bs-btn-focus-shadow-rgb: 0, 142, 189;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #33b9e5;
    --bs-btn-active-border-color: #1ab0e1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #00a7de;
    --bs-btn-disabled-border-color: #00a7de;
}

.btn-sky-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #F7F9FF;
    --bs-btn-border-color: #F7F9FF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8faff;
    --bs-btn-hover-border-color: #f8faff;
    --bs-btn-focus-shadow-rgb: 210, 212, 217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f9faff;
    --bs-btn-active-border-color: #f8faff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F7F9FF;
    --bs-btn-disabled-border-color: #F7F9FF;
}

.btn-outline-white {
    --bs-btn-color: #FFF;
    --bs-btn-border-color: #FFF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #FFF;
    --bs-btn-hover-border-color: #FFF;
    --bs-btn-focus-shadow-rgb: 255, 255, 255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #FFF;
    --bs-btn-active-border-color: #FFF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FFF;
    --bs-gradient: none;
}

.btn-outline-black {
    --bs-btn-color: #000;
    --bs-btn-border-color: #000;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #000;
    --bs-gradient: none;
}

.btn-outline-dark {
    --bs-btn-color: #292D32;
    --bs-btn-border-color: #292D32;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #292D32;
    --bs-btn-hover-border-color: #292D32;
    --bs-btn-focus-shadow-rgb: 41, 45, 50;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #292D32;
    --bs-btn-active-border-color: #292D32;
    --bs-btn-disabled-color: #292D32;
    --bs-btn-disabled-border-color: #292D32;
}

.btn-outline-grey {
    --bs-btn-color: #949698;
    --bs-btn-border-color: #949698;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #949698;
    --bs-btn-hover-border-color: #949698;
    --bs-btn-focus-shadow-rgb: 148, 150, 152;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #949698;
    --bs-btn-active-border-color: #949698;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #949698;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #949698;
    --bs-gradient: none;
}

.btn-outline-blue {
    --bs-btn-color: #5B9DFF;
    --bs-btn-border-color: #5B9DFF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #5B9DFF;
    --bs-btn-hover-border-color: #5B9DFF;
    --bs-btn-focus-shadow-rgb: 91, 157, 255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #5B9DFF;
    --bs-btn-active-border-color: #5B9DFF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #5B9DFF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #5B9DFF;
    --bs-gradient: none;
}

.btn-outline-azure {
    --bs-btn-color: #5EB8F4;
    --bs-btn-border-color: #5EB8F4;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #5EB8F4;
    --bs-btn-hover-border-color: #5EB8F4;
    --bs-btn-focus-shadow-rgb: 94, 184, 244;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #5EB8F4;
    --bs-btn-active-border-color: #5EB8F4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #5EB8F4;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #5EB8F4;
    --bs-gradient: none;
}

.btn-outline-light {
    --bs-btn-color: #F7F7F9;
    --bs-btn-border-color: #F7F7F9;
    --bs-btn-hover-bg: #F7F7F9;
    --bs-btn-hover-border-color: #F7F7F9;
    --bs-btn-focus-shadow-rgb: 247, 247, 249;
    --bs-btn-active-bg: #F7F7F9;
    --bs-btn-active-border-color: #F7F7F9;
    --bs-btn-disabled-color: #F7F7F9;
    --bs-btn-disabled-border-color: #F7F7F9;
}

.btn-outline-primary {
    --bs-btn-color: #3B61FF;
    --bs-btn-border-color: #3B61FF;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #3B61FF;
    --bs-btn-hover-border-color: #3B61FF;
    --bs-btn-focus-shadow-rgb: 59, 97, 255;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #3B61FF;
    --bs-btn-active-border-color: #3B61FF;
    --bs-btn-disabled-color: #3B61FF;
    --bs-btn-disabled-border-color: #3B61FF;
}

.btn-outline-drab {
    --bs-btn-color: #C8C8D0;
    --bs-btn-border-color: #C8C8D0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #C8C8D0;
    --bs-btn-hover-border-color: #C8C8D0;
    --bs-btn-focus-shadow-rgb: 200, 200, 208;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #C8C8D0;
    --bs-btn-active-border-color: #C8C8D0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #C8C8D0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #C8C8D0;
    --bs-gradient: none;
}

.btn-outline-green {
    --bs-btn-color: #34A853;
    --bs-btn-border-color: #34A853;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #34A853;
    --bs-btn-hover-border-color: #34A853;
    --bs-btn-focus-shadow-rgb: 52, 168, 83;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #34A853;
    --bs-btn-active-border-color: #34A853;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #34A853;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #34A853;
    --bs-gradient: none;
}

.btn-outline-red {
    --bs-btn-color: #FF3E4C;
    --bs-btn-border-color: #FF3E4C;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #FF3E4C;
    --bs-btn-hover-border-color: #FF3E4C;
    --bs-btn-focus-shadow-rgb: 255, 62, 76;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #FF3E4C;
    --bs-btn-active-border-color: #FF3E4C;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FF3E4C;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FF3E4C;
    --bs-gradient: none;
}

.btn-outline-orang {
    --bs-btn-color: #F79E1B;
    --bs-btn-border-color: #F79E1B;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F79E1B;
    --bs-btn-hover-border-color: #F79E1B;
    --bs-btn-focus-shadow-rgb: 247, 158, 27;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F79E1B;
    --bs-btn-active-border-color: #F79E1B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F79E1B;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F79E1B;
    --bs-gradient: none;
}

.btn-outline-pink {
    --bs-btn-color: #FB00FF;
    --bs-btn-border-color: #FB00FF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #FB00FF;
    --bs-btn-hover-border-color: #FB00FF;
    --bs-btn-focus-shadow-rgb: 251, 0, 255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #FB00FF;
    --bs-btn-active-border-color: #FB00FF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FB00FF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FB00FF;
    --bs-gradient: none;
}

.btn-outline-yellow {
    --bs-btn-color: #F6B307;
    --bs-btn-border-color: #F6B307;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F6B307;
    --bs-btn-hover-border-color: #F6B307;
    --bs-btn-focus-shadow-rgb: 246, 179, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F6B307;
    --bs-btn-active-border-color: #F6B307;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F6B307;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F6B307;
    --bs-gradient: none;
}

.btn-outline-cyan {
    --bs-btn-color: #89f2fd;
    --bs-btn-border-color: #89f2fd;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #89f2fd;
    --bs-btn-hover-border-color: #89f2fd;
    --bs-btn-focus-shadow-rgb: 137, 242, 253;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #89f2fd;
    --bs-btn-active-border-color: #89f2fd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #89f2fd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #89f2fd;
    --bs-gradient: none;
}

.btn-outline-dark-blue {
    --bs-btn-color: #273978;
    --bs-btn-border-color: #273978;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #273978;
    --bs-btn-hover-border-color: #273978;
    --bs-btn-focus-shadow-rgb: 39, 57, 120;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #273978;
    --bs-btn-active-border-color: #273978;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #273978;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #273978;
    --bs-gradient: none;
}

.btn-outline-dark-red {
    --bs-btn-color: #D80027;
    --bs-btn-border-color: #D80027;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #D80027;
    --bs-btn-hover-border-color: #D80027;
    --bs-btn-focus-shadow-rgb: 216, 0, 39;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #D80027;
    --bs-btn-active-border-color: #D80027;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #D80027;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #D80027;
    --bs-gradient: none;
}

.btn-outline-dark-grey {
    --bs-btn-color: #50575E;
    --bs-btn-border-color: #50575E;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #50575E;
    --bs-btn-hover-border-color: #50575E;
    --bs-btn-focus-shadow-rgb: 80, 87, 94;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #50575E;
    --bs-btn-active-border-color: #50575E;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #50575E;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #50575E;
    --bs-gradient: none;
}

.btn-outline-dark-brown {
    --bs-btn-color: #212121;
    --bs-btn-border-color: #212121;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #212121;
    --bs-btn-hover-border-color: #212121;
    --bs-btn-focus-shadow-rgb: 33, 33, 33;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #212121;
    --bs-btn-active-border-color: #212121;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212121;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212121;
    --bs-gradient: none;
}

.btn-outline-light-white {
    --bs-btn-color: rgba(255, 255, 255, 0.8);
    --bs-btn-border-color: rgba(255, 255, 255, 0.8);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgba(255, 255, 255, 0.8);
    --bs-btn-hover-border-color: rgba(255, 255, 255, 0.8);
    --bs-btn-focus-shadow-rgb: 255, 255, 255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgba(255, 255, 255, 0.8);
    --bs-btn-active-border-color: rgba(255, 255, 255, 0.8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(255, 255, 255, 0.8);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgba(255, 255, 255, 0.8);
    --bs-gradient: none;
}

.btn-outline-light-cream {
    --bs-btn-color: #FFF8EE;
    --bs-btn-border-color: #FFF8EE;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #FFF8EE;
    --bs-btn-hover-border-color: #FFF8EE;
    --bs-btn-focus-shadow-rgb: 255, 248, 238;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #FFF8EE;
    --bs-btn-active-border-color: #FFF8EE;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF8EE;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FFF8EE;
    --bs-gradient: none;
}

.btn-outline-light-gray {
    --bs-btn-color: rgba(41, 45, 50, 0.5019607843);
    --bs-btn-border-color: rgba(41, 45, 50, 0.5019607843);
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: rgba(41, 45, 50, 0.5019607843);
    --bs-btn-hover-border-color: rgba(41, 45, 50, 0.5019607843);
    --bs-btn-focus-shadow-rgb: 41, 45, 50;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: rgba(41, 45, 50, 0.5019607843);
    --bs-btn-active-border-color: rgba(41, 45, 50, 0.5019607843);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(41, 45, 50, 0.5019607843);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgba(41, 45, 50, 0.5019607843);
    --bs-gradient: none;
}

.btn-outline-light-azure {
    --bs-btn-color: #F0FFFF;
    --bs-btn-border-color: #F0FFFF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F0FFFF;
    --bs-btn-hover-border-color: #F0FFFF;
    --bs-btn-focus-shadow-rgb: 240, 255, 255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F0FFFF;
    --bs-btn-active-border-color: #F0FFFF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F0FFFF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F0FFFF;
    --bs-gradient: none;
}

.btn-outline-light-purple {
    --bs-btn-color: #EEF3FF;
    --bs-btn-border-color: #EEF3FF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #EEF3FF;
    --bs-btn-hover-border-color: #EEF3FF;
    --bs-btn-focus-shadow-rgb: 238, 243, 255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #EEF3FF;
    --bs-btn-active-border-color: #EEF3FF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #EEF3FF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #EEF3FF;
    --bs-gradient: none;
}

.btn-outline-light-dark {
    --bs-btn-color: #5A5A5A;
    --bs-btn-border-color: #5A5A5A;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #5A5A5A;
    --bs-btn-hover-border-color: #5A5A5A;
    --bs-btn-focus-shadow-rgb: 90, 90, 90;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #5A5A5A;
    --bs-btn-active-border-color: #5A5A5A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #5A5A5A;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #5A5A5A;
    --bs-gradient: none;
}

.btn-outline-light-red {
    --bs-btn-color: #F00073;
    --bs-btn-border-color: #F00073;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F00073;
    --bs-btn-hover-border-color: #F00073;
    --bs-btn-focus-shadow-rgb: 240, 0, 115;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F00073;
    --bs-btn-active-border-color: #F00073;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F00073;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F00073;
    --bs-gradient: none;
}

.btn-outline-easy-azure {
    --bs-btn-color: #EFF5F9;
    --bs-btn-border-color: #EFF5F9;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #EFF5F9;
    --bs-btn-hover-border-color: #EFF5F9;
    --bs-btn-focus-shadow-rgb: 239, 245, 249;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #EFF5F9;
    --bs-btn-active-border-color: #EFF5F9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #EFF5F9;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #EFF5F9;
    --bs-gradient: none;
}

.btn-outline-easy-drab {
    --bs-btn-color: #E3E3E3;
    --bs-btn-border-color: #E3E3E3;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #E3E3E3;
    --bs-btn-hover-border-color: #E3E3E3;
    --bs-btn-focus-shadow-rgb: 227, 227, 227;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #E3E3E3;
    --bs-btn-active-border-color: #E3E3E3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #E3E3E3;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #E3E3E3;
    --bs-gradient: none;
}

.btn-outline-easy-gray {
    --bs-btn-color: #f5f6fd;
    --bs-btn-border-color: #f5f6fd;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f5f6fd;
    --bs-btn-hover-border-color: #f5f6fd;
    --bs-btn-focus-shadow-rgb: 245, 246, 253;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f5f6fd;
    --bs-btn-active-border-color: #f5f6fd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f5f6fd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f5f6fd;
    --bs-gradient: none;
}

.btn-outline-easy-cream {
    --bs-btn-color: #F0F0F0;
    --bs-btn-border-color: #F0F0F0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F0F0F0;
    --bs-btn-hover-border-color: #F0F0F0;
    --bs-btn-focus-shadow-rgb: 240, 240, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F0F0F0;
    --bs-btn-active-border-color: #F0F0F0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F0F0F0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F0F0F0;
    --bs-gradient: none;
}

.btn-outline-easy-blue {
    --bs-btn-color: #a0aeba;
    --bs-btn-border-color: #a0aeba;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #a0aeba;
    --bs-btn-hover-border-color: #a0aeba;
    --bs-btn-focus-shadow-rgb: 160, 174, 186;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #a0aeba;
    --bs-btn-active-border-color: #a0aeba;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #a0aeba;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #a0aeba;
    --bs-gradient: none;
}

.btn-outline-easy-gray-cream {
    --bs-btn-color: #FAFAFA;
    --bs-btn-border-color: #FAFAFA;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #FAFAFA;
    --bs-btn-hover-border-color: #FAFAFA;
    --bs-btn-focus-shadow-rgb: 250, 250, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #FAFAFA;
    --bs-btn-active-border-color: #FAFAFA;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FAFAFA;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FAFAFA;
    --bs-gradient: none;
}

.btn-outline-sky-blue {
    --bs-btn-color: #b8dce8;
    --bs-btn-border-color: #b8dce8;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #b8dce8;
    --bs-btn-hover-border-color: #b8dce8;
    --bs-btn-focus-shadow-rgb: 184, 220, 232;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #b8dce8;
    --bs-btn-active-border-color: #b8dce8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #b8dce8;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #b8dce8;
    --bs-gradient: none;
}

.btn-outline-sky-grey {
    --bs-btn-color: #F5F5F5;
    --bs-btn-border-color: #F5F5F5;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F5F5F5;
    --bs-btn-hover-border-color: #F5F5F5;
    --bs-btn-focus-shadow-rgb: 245, 245, 245;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F5F5F5;
    --bs-btn-active-border-color: #F5F5F5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F5F5F5;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F5F5F5;
    --bs-gradient: none;
}

.btn-outline-sky-azure {
    --bs-btn-color: #00a7de;
    --bs-btn-border-color: #00a7de;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #00a7de;
    --bs-btn-hover-border-color: #00a7de;
    --bs-btn-focus-shadow-rgb: 0, 167, 222;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #00a7de;
    --bs-btn-active-border-color: #00a7de;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #00a7de;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00a7de;
    --bs-gradient: none;
}

.btn-outline-sky-light {
    --bs-btn-color: #F7F9FF;
    --bs-btn-border-color: #F7F9FF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F7F9FF;
    --bs-btn-hover-border-color: #F7F9FF;
    --bs-btn-focus-shadow-rgb: 247, 249, 255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F7F9FF;
    --bs-btn-active-border-color: #F7F9FF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F7F9FF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F7F9FF;
    --bs-gradient: none;
}

.btn-link {
    --bs-btn-font-weight: 600;
    --bs-btn-color: #fff;
    --bs-btn-focus-shadow-rgb: 88, 121, 255;
}

.btn-lg, .btn-group-lg > .btn {
    --bs-btn-font-size: calc(1.3125rem + 0.75vw);
}

.btn-sm, .btn-group-sm > .btn {
    --bs-btn-font-size: calc(1.25625rem + 0.075vw);
}

.dropdown-menu {
    --bs-dropdown-font-size: calc(1.275rem + 0.3vw);
    --bs-dropdown-color: #292D32;
    --bs-dropdown-bg: #FFF;
    --bs-dropdown-link-active-color: #FFF;
    --bs-dropdown-link-active-bg: #3B61FF;
}

.dropdown-item {
    font-weight: 600;
}

.dropdown-header {
    font-size: calc(1.25625rem + 0.075vw);
}

.dropdown-menu-dark {
    --bs-dropdown-link-hover-color: #FFF;
    --bs-dropdown-link-active-color: #FFF;
    --bs-dropdown-link-active-bg: #3B61FF;
}

.btn-group {
    border-radius: 3.75rem;
}

.dropdown-toggle-split {
    padding-right: 1.17rem;
    padding-left: 1.17rem;
}

.nav-tabs {
    --bs-nav-tabs-link-active-bg: #FFF;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #FFF;
}

.nav-pills {
    --bs-nav-pills-link-active-color: #FFF;
    --bs-nav-pills-link-active-bg: #3B61FF;
}

.navbar {
    --bs-navbar-brand-padding-y: 0.21875rem;
    --bs-navbar-brand-font-size: 1.875rem;
    --bs-navbar-toggler-font-size: 1.875rem;
    --bs-navbar-toggler-border-radius: 3.75rem;
}

.navbar-dark {
    --bs-navbar-active-color: #FFF;
    --bs-navbar-brand-color: #FFF;
    --bs-navbar-brand-hover-color: #FFF;
}

.card {
    --bs-card-bg: #FFF;
}

.accordion {
    --bs-accordion-color: #292D32;
    --bs-accordion-bg: #FFF;
    --bs-accordion-btn-color: #292D32;
    --bs-accordion-btn-icon: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23292D32'%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");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233557e6'%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");
    --bs-accordion-btn-focus-border-color: #9db0ff;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(59, 97, 255, 0.25);
    --bs-accordion-active-color: #3557e6;
    --bs-accordion-active-bg: #ebefff;
}

.accordion-button {
    font-size: calc(1.275rem + 0.3vw);
}

.pagination {
    --bs-pagination-font-size: calc(1.275rem + 0.3vw);
    --bs-pagination-bg: #FFF;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(59, 97, 255, 0.25);
    --bs-pagination-active-color: #FFF;
    --bs-pagination-active-bg: #3B61FF;
    --bs-pagination-active-border-color: #3B61FF;
    --bs-pagination-disabled-bg: #FFF;
}

.pagination-lg {
    --bs-pagination-font-size: calc(1.3125rem + 0.75vw);
}

.pagination-sm {
    --bs-pagination-font-size: calc(1.25625rem + 0.075vw);
}

.badge {
    --bs-badge-font-weight: 800;
    --bs-badge-color: #FFF;
}

.alert-link {
    font-weight: 800;
}

.alert-white {
    --bs-alert-color: #666666;
    --bs-alert-bg: white;
    --bs-alert-border-color: white;
}

.alert-white .alert-link {
    color: #525252;
}

.alert-black {
    --bs-alert-color: black;
    --bs-alert-bg: #cccccc;
    --bs-alert-border-color: #b3b3b3;
}

.alert-black .alert-link {
    color: black;
}

.alert-dark {
    --bs-alert-color: #191b1e;
    --bs-alert-bg: #d4d5d6;
    --bs-alert-border-color: #bfc0c2;
}

.alert-dark .alert-link {
    color: #141618;
}

.alert-grey {
    --bs-alert-color: #595a5b;
    --bs-alert-bg: #eaeaea;
    --bs-alert-border-color: #dfe0e0;
}

.alert-grey .alert-link {
    color: #474849;
}

.alert-blue {
    --bs-alert-color: #375e99;
    --bs-alert-bg: #deebff;
    --bs-alert-border-color: #cee2ff;
}

.alert-blue .alert-link {
    color: #2c4b7a;
}

.alert-azure {
    --bs-alert-color: #386e92;
    --bs-alert-bg: #dff1fd;
    --bs-alert-border-color: #cfeafc;
}

.alert-azure .alert-link {
    color: #2d5875;
}

.alert-light {
    --bs-alert-color: #636364;
    --bs-alert-bg: #fdfdfe;
    --bs-alert-border-color: #fdfdfd;
}

.alert-light .alert-link {
    color: #4f4f50;
}

.alert-primary {
    --bs-alert-color: #233a99;
    --bs-alert-bg: #d8dfff;
    --bs-alert-border-color: #c4d0ff;
}

.alert-primary .alert-link {
    color: #1c2e7a;
}

.alert-drab {
    --bs-alert-color: #505053;
    --bs-alert-bg: #f4f4f6;
    --bs-alert-border-color: #efeff1;
}

.alert-drab .alert-link {
    color: #404042;
}

.alert-green {
    --bs-alert-color: #1f6532;
    --bs-alert-bg: #d6eedd;
    --bs-alert-border-color: #c2e5cb;
}

.alert-green .alert-link {
    color: #195128;
}

.alert-red {
    --bs-alert-color: #99252e;
    --bs-alert-bg: #ffd8db;
    --bs-alert-border-color: #ffc5c9;
}

.alert-red .alert-link {
    color: #7a1e25;
}

.alert-orang {
    --bs-alert-color: #945f10;
    --bs-alert-bg: #fdecd1;
    --bs-alert-border-color: #fde2bb;
}

.alert-orang .alert-link {
    color: #764c0d;
}

.alert-pink {
    --bs-alert-color: #970099;
    --bs-alert-bg: #feccff;
    --bs-alert-border-color: #feb3ff;
}

.alert-pink .alert-link {
    color: #79007a;
}

.alert-yellow {
    --bs-alert-color: #624803;
    --bs-alert-bg: #fdf0cd;
    --bs-alert-border-color: #fce8b5;
}

.alert-yellow .alert-link {
    color: #4e3a02;
}

.alert-cyan {
    --bs-alert-color: #376165;
    --bs-alert-bg: #e7fcff;
    --bs-alert-border-color: #dcfbfe;
}

.alert-cyan .alert-link {
    color: #2c4e51;
}

.alert-dark-blue {
    --bs-alert-color: #172248;
    --bs-alert-bg: #d4d7e4;
    --bs-alert-border-color: #bec4d7;
}

.alert-dark-blue .alert-link {
    color: #121b3a;
}

.alert-dark-red {
    --bs-alert-color: #820017;
    --bs-alert-bg: #f7ccd4;
    --bs-alert-border-color: #f3b3be;
}

.alert-dark-red .alert-link {
    color: #680012;
}

.alert-dark-grey {
    --bs-alert-color: #303438;
    --bs-alert-bg: #dcdddf;
    --bs-alert-border-color: #cbcdcf;
}

.alert-dark-grey .alert-link {
    color: #262a2d;
}

.alert-dark-brown {
    --bs-alert-color: #141414;
    --bs-alert-bg: lightgray;
    --bs-alert-border-color: #bcbcbc;
}

.alert-dark-brown .alert-link {
    color: #101010;
}

.alert-light-white {
    --bs-alert-color: rgba(78, 78, 78, 0.92);
    --bs-alert-bg: rgba(255, 255, 255, 0.96);
    --bs-alert-border-color: rgba(255, 255, 255, 0.94);
}

.alert-light-white .alert-link {
    color: rgba(60, 60, 60, 0.936);
}

.alert-light-cream {
    --bs-alert-color: #66635f;
    --bs-alert-bg: #fffefc;
    --bs-alert-border-color: #fffdfa;
}

.alert-light-cream .alert-link {
    color: #524f4c;
}

.alert-light-gray {
    --bs-alert-color: rgba(14, 15, 17, 0.7011764706);
    --bs-alert-bg: rgba(238, 239, 239, 0.9003921569);
    --bs-alert-border-color: rgba(228, 229, 229, 0.8505882353);
}

.alert-light-gray .alert-link {
    color: rgba(10, 10, 12, 0.7609411765);
}

.alert-light-azure {
    --bs-alert-color: #606666;
    --bs-alert-bg: #fcffff;
    --bs-alert-border-color: #fbffff;
}

.alert-light-azure .alert-link {
    color: #4d5252;
}

.alert-light-purple {
    --bs-alert-color: #5f6166;
    --bs-alert-bg: #fcfdff;
    --bs-alert-border-color: #fafbff;
}

.alert-light-purple .alert-link {
    color: #4c4e52;
}

.alert-light-dark {
    --bs-alert-color: #363636;
    --bs-alert-bg: #dedede;
    --bs-alert-border-color: #cecece;
}

.alert-light-dark .alert-link {
    color: #2b2b2b;
}

.alert-light-red {
    --bs-alert-color: #900045;
    --bs-alert-bg: #fccce3;
    --bs-alert-border-color: #fbb3d5;
}

.alert-light-red .alert-link {
    color: #730037;
}

.alert-easy-azure {
    --bs-alert-color: #606264;
    --bs-alert-bg: #fcfdfe;
    --bs-alert-border-color: #fafcfd;
}

.alert-easy-azure .alert-link {
    color: #4d4e50;
}

.alert-easy-drab {
    --bs-alert-color: #5b5b5b;
    --bs-alert-bg: #f9f9f9;
    --bs-alert-border-color: #f7f7f7;
}

.alert-easy-drab .alert-link {
    color: #494949;
}

.alert-easy-gray {
    --bs-alert-color: #626265;
    --bs-alert-bg: #fdfdff;
    --bs-alert-border-color: #fcfcfe;
}

.alert-easy-gray .alert-link {
    color: #4e4e51;
}

.alert-easy-cream {
    --bs-alert-color: #606060;
    --bs-alert-bg: #fcfcfc;
    --bs-alert-border-color: #fbfbfb;
}

.alert-easy-cream .alert-link {
    color: #4d4d4d;
}

.alert-easy-blue {
    --bs-alert-color: #606870;
    --bs-alert-bg: #eceff1;
    --bs-alert-border-color: #e3e7ea;
}

.alert-easy-blue .alert-link {
    color: #4d535a;
}

.alert-easy-gray-cream {
    --bs-alert-color: #646464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fefefe;
}

.alert-easy-gray-cream .alert-link {
    color: #505050;
}

.alert-sky-blue {
    --bs-alert-color: #4a585d;
    --bs-alert-bg: #f1f8fa;
    --bs-alert-border-color: #eaf5f8;
}

.alert-sky-blue .alert-link {
    color: #3b464a;
}

.alert-sky-grey {
    --bs-alert-color: #626262;
    --bs-alert-bg: #fdfdfd;
    --bs-alert-border-color: #fcfcfc;
}

.alert-sky-grey .alert-link {
    color: #4e4e4e;
}

.alert-sky-azure {
    --bs-alert-color: #006485;
    --bs-alert-bg: #ccedf8;
    --bs-alert-border-color: #b3e5f5;
}

.alert-sky-azure .alert-link {
    color: #00506a;
}

.alert-sky-light {
    --bs-alert-color: #636466;
    --bs-alert-bg: #fdfeff;
    --bs-alert-border-color: #fdfdff;
}

.alert-sky-light .alert-link {
    color: #4f5052;
}

.progress {
    --bs-progress-height: 0.625rem;
    --bs-progress-font-size: 1.125rem;
    --bs-progress-bar-color: #FFF;
    --bs-progress-bar-bg: #3B61FF;
}

.list-group {
    --bs-list-group-bg: #FFF;
    --bs-list-group-action-active-color: #292D32;
    --bs-list-group-disabled-bg: #FFF;
    --bs-list-group-active-color: #FFF;
    --bs-list-group-active-bg: #3B61FF;
    --bs-list-group-active-border-color: #3B61FF;
}

.list-group-item-white {
    color: #666666;
    background-color: white;
}

.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus {
    color: #666666;
    background-color: #e6e6e6;
}

.list-group-item-white.list-group-item-action.active {
    color: #FFF;
    background-color: #666666;
    border-color: #666666;
}

.list-group-item-black {
    color: black;
    background-color: #cccccc;
}

.list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus {
    color: black;
    background-color: #b8b8b8;
}

.list-group-item-black.list-group-item-action.active {
    color: #FFF;
    background-color: black;
    border-color: black;
}

.list-group-item-dark {
    color: #191b1e;
    background-color: #d4d5d6;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #191b1e;
    background-color: #bfc0c1;
}

.list-group-item-dark.list-group-item-action.active {
    color: #FFF;
    background-color: #191b1e;
    border-color: #191b1e;
}

.list-group-item-grey {
    color: #595a5b;
    background-color: #eaeaea;
}

.list-group-item-grey.list-group-item-action:hover, .list-group-item-grey.list-group-item-action:focus {
    color: #595a5b;
    background-color: lightgray;
}

.list-group-item-grey.list-group-item-action.active {
    color: #FFF;
    background-color: #595a5b;
    border-color: #595a5b;
}

.list-group-item-blue {
    color: #375e99;
    background-color: #deebff;
}

.list-group-item-blue.list-group-item-action:hover, .list-group-item-blue.list-group-item-action:focus {
    color: #375e99;
    background-color: #c8d4e6;
}

.list-group-item-blue.list-group-item-action.active {
    color: #FFF;
    background-color: #375e99;
    border-color: #375e99;
}

.list-group-item-azure {
    color: #386e92;
    background-color: #dff1fd;
}

.list-group-item-azure.list-group-item-action:hover, .list-group-item-azure.list-group-item-action:focus {
    color: #386e92;
    background-color: #c9d9e4;
}

.list-group-item-azure.list-group-item-action.active {
    color: #FFF;
    background-color: #386e92;
    border-color: #386e92;
}

.list-group-item-light {
    color: #636364;
    background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #636364;
    background-color: #e4e4e5;
}

.list-group-item-light.list-group-item-action.active {
    color: #FFF;
    background-color: #636364;
    border-color: #636364;
}

.list-group-item-primary {
    color: #233a99;
    background-color: #d8dfff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #233a99;
    background-color: #c2c9e6;
}

.list-group-item-primary.list-group-item-action.active {
    color: #FFF;
    background-color: #233a99;
    border-color: #233a99;
}

.list-group-item-drab {
    color: #505053;
    background-color: #f4f4f6;
}

.list-group-item-drab.list-group-item-action:hover, .list-group-item-drab.list-group-item-action:focus {
    color: #505053;
    background-color: #dcdcdd;
}

.list-group-item-drab.list-group-item-action.active {
    color: #FFF;
    background-color: #505053;
    border-color: #505053;
}

.list-group-item-green {
    color: #1f6532;
    background-color: #d6eedd;
}

.list-group-item-green.list-group-item-action:hover, .list-group-item-green.list-group-item-action:focus {
    color: #1f6532;
    background-color: #c1d6c7;
}

.list-group-item-green.list-group-item-action.active {
    color: #FFF;
    background-color: #1f6532;
    border-color: #1f6532;
}

.list-group-item-red {
    color: #99252e;
    background-color: #ffd8db;
}

.list-group-item-red.list-group-item-action:hover, .list-group-item-red.list-group-item-action:focus {
    color: #99252e;
    background-color: #e6c2c5;
}

.list-group-item-red.list-group-item-action.active {
    color: #FFF;
    background-color: #99252e;
    border-color: #99252e;
}

.list-group-item-orang {
    color: #945f10;
    background-color: #fdecd1;
}

.list-group-item-orang.list-group-item-action:hover, .list-group-item-orang.list-group-item-action:focus {
    color: #945f10;
    background-color: #e4d4bc;
}

.list-group-item-orang.list-group-item-action.active {
    color: #FFF;
    background-color: #945f10;
    border-color: #945f10;
}

.list-group-item-pink {
    color: #970099;
    background-color: #feccff;
}

.list-group-item-pink.list-group-item-action:hover, .list-group-item-pink.list-group-item-action:focus {
    color: #970099;
    background-color: #e5b8e6;
}

.list-group-item-pink.list-group-item-action.active {
    color: #FFF;
    background-color: #970099;
    border-color: #970099;
}

.list-group-item-yellow {
    color: #624803;
    background-color: #fdf0cd;
}

.list-group-item-yellow.list-group-item-action:hover, .list-group-item-yellow.list-group-item-action:focus {
    color: #624803;
    background-color: #e4d8b9;
}

.list-group-item-yellow.list-group-item-action.active {
    color: #FFF;
    background-color: #624803;
    border-color: #624803;
}

.list-group-item-cyan {
    color: #376165;
    background-color: #e7fcff;
}

.list-group-item-cyan.list-group-item-action:hover, .list-group-item-cyan.list-group-item-action:focus {
    color: #376165;
    background-color: #d0e3e6;
}

.list-group-item-cyan.list-group-item-action.active {
    color: #FFF;
    background-color: #376165;
    border-color: #376165;
}

.list-group-item-dark-blue {
    color: #172248;
    background-color: #d4d7e4;
}

.list-group-item-dark-blue.list-group-item-action:hover, .list-group-item-dark-blue.list-group-item-action:focus {
    color: #172248;
    background-color: #bfc2cd;
}

.list-group-item-dark-blue.list-group-item-action.active {
    color: #FFF;
    background-color: #172248;
    border-color: #172248;
}

.list-group-item-dark-red {
    color: #820017;
    background-color: #f7ccd4;
}

.list-group-item-dark-red.list-group-item-action:hover, .list-group-item-dark-red.list-group-item-action:focus {
    color: #820017;
    background-color: #deb8bf;
}

.list-group-item-dark-red.list-group-item-action.active {
    color: #FFF;
    background-color: #820017;
    border-color: #820017;
}

.list-group-item-dark-grey {
    color: #303438;
    background-color: #dcdddf;
}

.list-group-item-dark-grey.list-group-item-action:hover, .list-group-item-dark-grey.list-group-item-action:focus {
    color: #303438;
    background-color: #c6c7c9;
}

.list-group-item-dark-grey.list-group-item-action.active {
    color: #FFF;
    background-color: #303438;
    border-color: #303438;
}

.list-group-item-dark-brown {
    color: #141414;
    background-color: lightgray;
}

.list-group-item-dark-brown.list-group-item-action:hover, .list-group-item-dark-brown.list-group-item-action:focus {
    color: #141414;
    background-color: #bebebe;
}

.list-group-item-dark-brown.list-group-item-action.active {
    color: #FFF;
    background-color: #141414;
    border-color: #141414;
}

.list-group-item-light-white {
    color: rgba(78, 78, 78, 0.92);
    background-color: rgba(255, 255, 255, 0.96);
}

.list-group-item-light-white.list-group-item-action:hover, .list-group-item-light-white.list-group-item-action:focus {
    color: rgba(78, 78, 78, 0.92);
    background-color: rgba(228, 228, 228, 0.964);
}

.list-group-item-light-white.list-group-item-action.active {
    color: #FFF;
    background-color: rgba(78, 78, 78, 0.92);
    border-color: rgba(78, 78, 78, 0.92);
}

.list-group-item-light-cream {
    color: #66635f;
    background-color: #fffefc;
}

.list-group-item-light-cream.list-group-item-action:hover, .list-group-item-light-cream.list-group-item-action:focus {
    color: #66635f;
    background-color: #e6e5e3;
}

.list-group-item-light-cream.list-group-item-action.active {
    color: #FFF;
    background-color: #66635f;
    border-color: #66635f;
}

.list-group-item-light-gray {
    color: rgba(14, 15, 17, 0.7011764706);
    background-color: rgba(238, 239, 239, 0.9003921569);
}

.list-group-item-light-gray.list-group-item-action:hover, .list-group-item-light-gray.list-group-item-action:focus {
    color: rgba(14, 15, 17, 0.7011764706);
    background-color: rgba(210, 210, 210, 0.9103529412);
}

.list-group-item-light-gray.list-group-item-action.active {
    color: #FFF;
    background-color: rgba(14, 15, 17, 0.7011764706);
    border-color: rgba(14, 15, 17, 0.7011764706);
}

.list-group-item-light-azure {
    color: #606666;
    background-color: #fcffff;
}

.list-group-item-light-azure.list-group-item-action:hover, .list-group-item-light-azure.list-group-item-action:focus {
    color: #606666;
    background-color: #e3e6e6;
}

.list-group-item-light-azure.list-group-item-action.active {
    color: #FFF;
    background-color: #606666;
    border-color: #606666;
}

.list-group-item-light-purple {
    color: #5f6166;
    background-color: #fcfdff;
}

.list-group-item-light-purple.list-group-item-action:hover, .list-group-item-light-purple.list-group-item-action:focus {
    color: #5f6166;
    background-color: #e3e4e6;
}

.list-group-item-light-purple.list-group-item-action.active {
    color: #FFF;
    background-color: #5f6166;
    border-color: #5f6166;
}

.list-group-item-light-dark {
    color: #363636;
    background-color: #dedede;
}

.list-group-item-light-dark.list-group-item-action:hover, .list-group-item-light-dark.list-group-item-action:focus {
    color: #363636;
    background-color: #c8c8c8;
}

.list-group-item-light-dark.list-group-item-action.active {
    color: #FFF;
    background-color: #363636;
    border-color: #363636;
}

.list-group-item-light-red {
    color: #900045;
    background-color: #fccce3;
}

.list-group-item-light-red.list-group-item-action:hover, .list-group-item-light-red.list-group-item-action:focus {
    color: #900045;
    background-color: #e3b8cc;
}

.list-group-item-light-red.list-group-item-action.active {
    color: #FFF;
    background-color: #900045;
    border-color: #900045;
}

.list-group-item-easy-azure {
    color: #606264;
    background-color: #fcfdfe;
}

.list-group-item-easy-azure.list-group-item-action:hover, .list-group-item-easy-azure.list-group-item-action:focus {
    color: #606264;
    background-color: #e3e4e5;
}

.list-group-item-easy-azure.list-group-item-action.active {
    color: #FFF;
    background-color: #606264;
    border-color: #606264;
}

.list-group-item-easy-drab {
    color: #5b5b5b;
    background-color: #f9f9f9;
}

.list-group-item-easy-drab.list-group-item-action:hover, .list-group-item-easy-drab.list-group-item-action:focus {
    color: #5b5b5b;
    background-color: #e0e0e0;
}

.list-group-item-easy-drab.list-group-item-action.active {
    color: #FFF;
    background-color: #5b5b5b;
    border-color: #5b5b5b;
}

.list-group-item-easy-gray {
    color: #626265;
    background-color: #fdfdff;
}

.list-group-item-easy-gray.list-group-item-action:hover, .list-group-item-easy-gray.list-group-item-action:focus {
    color: #626265;
    background-color: #e4e4e6;
}

.list-group-item-easy-gray.list-group-item-action.active {
    color: #FFF;
    background-color: #626265;
    border-color: #626265;
}

.list-group-item-easy-cream {
    color: #606060;
    background-color: #fcfcfc;
}

.list-group-item-easy-cream.list-group-item-action:hover, .list-group-item-easy-cream.list-group-item-action:focus {
    color: #606060;
    background-color: #e3e3e3;
}

.list-group-item-easy-cream.list-group-item-action.active {
    color: #FFF;
    background-color: #606060;
    border-color: #606060;
}

.list-group-item-easy-blue {
    color: #606870;
    background-color: #eceff1;
}

.list-group-item-easy-blue.list-group-item-action:hover, .list-group-item-easy-blue.list-group-item-action:focus {
    color: #606870;
    background-color: #d4d7d9;
}

.list-group-item-easy-blue.list-group-item-action.active {
    color: #FFF;
    background-color: #606870;
    border-color: #606870;
}

.list-group-item-easy-gray-cream {
    color: #646464;
    background-color: #fefefe;
}

.list-group-item-easy-gray-cream.list-group-item-action:hover, .list-group-item-easy-gray-cream.list-group-item-action:focus {
    color: #646464;
    background-color: #e5e5e5;
}

.list-group-item-easy-gray-cream.list-group-item-action.active {
    color: #FFF;
    background-color: #646464;
    border-color: #646464;
}

.list-group-item-sky-blue {
    color: #4a585d;
    background-color: #f1f8fa;
}

.list-group-item-sky-blue.list-group-item-action:hover, .list-group-item-sky-blue.list-group-item-action:focus {
    color: #4a585d;
    background-color: #d9dfe1;
}

.list-group-item-sky-blue.list-group-item-action.active {
    color: #FFF;
    background-color: #4a585d;
    border-color: #4a585d;
}

.list-group-item-sky-grey {
    color: #626262;
    background-color: #fdfdfd;
}

.list-group-item-sky-grey.list-group-item-action:hover, .list-group-item-sky-grey.list-group-item-action:focus {
    color: #626262;
    background-color: #e4e4e4;
}

.list-group-item-sky-grey.list-group-item-action.active {
    color: #FFF;
    background-color: #626262;
    border-color: #626262;
}

.list-group-item-sky-azure {
    color: #006485;
    background-color: #ccedf8;
}

.list-group-item-sky-azure.list-group-item-action:hover, .list-group-item-sky-azure.list-group-item-action:focus {
    color: #006485;
    background-color: #b8d5df;
}

.list-group-item-sky-azure.list-group-item-action.active {
    color: #FFF;
    background-color: #006485;
    border-color: #006485;
}

.list-group-item-sky-light {
    color: #636466;
    background-color: #fdfeff;
}

.list-group-item-sky-light.list-group-item-action:hover, .list-group-item-sky-light.list-group-item-action:focus {
    color: #636466;
    background-color: #e4e5e6;
}

.list-group-item-sky-light.list-group-item-action.active {
    color: #FFF;
    background-color: #636466;
    border-color: #636466;
}

.btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(59, 97, 255, 0.25);
}

.modal {
    --bs-modal-width: 636px;
    --bs-modal-bg: #FFF;
}

.tooltip {
    --bs-tooltip-font-size: 0.8rem;
    --bs-tooltip-color: #FFF;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 600;
}

.popover {
    --bs-popover-font-size: calc(1.25625rem + 0.075vw);
    --bs-popover-bg: #FFF;
    --bs-popover-header-font-size: calc(1.275rem + 0.3vw);
    --bs-popover-body-color: #292D32;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 600;
}

.carousel-control-prev, .carousel-control-next {
    color: #FFF;
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color: #FFF;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators [data-bs-target] {
    background-color: #FFF;
}

.carousel-caption {
    color: #FFF;
}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
    --bs-offcanvas-bg: #FFF;
}

.text-bg-white {
    color: #000 !important;
    background-color: RGBA(255, 255, 255, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-black {
    color: #FFF !important;
    background-color: RGBA(0, 0, 0, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
    color: #FFF !important;
    background-color: RGBA(41, 45, 50, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-grey {
    color: #000 !important;
    background-color: RGBA(148, 150, 152, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-blue {
    color: #000 !important;
    background-color: RGBA(91, 157, 255, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-azure {
    color: #000 !important;
    background-color: RGBA(94, 184, 244, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
    background-color: RGBA(247, 247, 249, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-primary {
    color: #FFF !important;
    background-color: RGBA(59, 97, 255, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-drab {
    color: #000 !important;
    background-color: RGBA(200, 200, 208, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-green {
    color: #000 !important;
    background-color: RGBA(52, 168, 83, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-red {
    color: #000 !important;
    background-color: RGBA(255, 62, 76, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-orang {
    color: #000 !important;
    background-color: RGBA(247, 158, 27, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-pink {
    color: #000 !important;
    background-color: RGBA(251, 0, 255, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-yellow {
    color: #000 !important;
    background-color: RGBA(246, 179, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-cyan {
    color: #000 !important;
    background-color: RGBA(137, 242, 253, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark-blue {
    color: #FFF !important;
    background-color: RGBA(39, 57, 120, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark-red {
    color: #FFF !important;
    background-color: RGBA(216, 0, 39, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark-grey {
    color: #FFF !important;
    background-color: RGBA(80, 87, 94, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark-brown {
    color: #FFF !important;
    background-color: RGBA(33, 33, 33, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light-white {
    color: #000 !important;
    background-color: RGBA(255, 255, 255, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light-cream {
    color: #000 !important;
    background-color: RGBA(255, 248, 238, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light-gray {
    color: #FFF !important;
    background-color: RGBA(41, 45, 50, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light-azure {
    color: #000 !important;
    background-color: RGBA(240, 255, 255, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light-purple {
    color: #000 !important;
    background-color: RGBA(238, 243, 255, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light-dark {
    color: #FFF !important;
    background-color: RGBA(90, 90, 90, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light-red {
    color: #000 !important;
    background-color: RGBA(240, 0, 115, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-easy-azure {
    color: #000 !important;
    background-color: RGBA(239, 245, 249, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-easy-drab {
    color: #000 !important;
    background-color: RGBA(227, 227, 227, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-easy-gray {
    color: #000 !important;
    background-color: RGBA(245, 246, 253, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-easy-cream {
    color: #000 !important;
    background-color: RGBA(240, 240, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-easy-blue {
    color: #000 !important;
    background-color: RGBA(160, 174, 186, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-easy-gray-cream {
    color: #000 !important;
    background-color: RGBA(250, 250, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-sky-blue {
    color: #000 !important;
    background-color: RGBA(184, 220, 232, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-sky-grey {
    color: #000 !important;
    background-color: RGBA(245, 245, 245, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-sky-azure {
    color: #000 !important;
    background-color: RGBA(0, 167, 222, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-sky-light {
    color: #000 !important;
    background-color: RGBA(247, 249, 255, var(--bs-bg-opacity, 1)) !important;
}

.link-white {
    color: #FFF !important;
}

.link-white:hover, .link-white:focus {
    color: white !important;
}

.link-black {
    color: #000 !important;
}

.link-black:hover, .link-black:focus {
    color: black !important;
}

.link-dark {
    color: #292D32 !important;
}

.link-dark:hover, .link-dark:focus {
    color: #212428 !important;
}

.link-grey {
    color: #949698 !important;
}

.link-grey:hover, .link-grey:focus {
    color: #a9abad !important;
}

.link-blue {
    color: #5B9DFF !important;
}

.link-blue:hover, .link-blue:focus {
    color: #7cb1ff !important;
}

.link-azure {
    color: #5EB8F4 !important;
}

.link-azure:hover, .link-azure:focus {
    color: #7ec6f6 !important;
}

.link-light {
    color: #F7F7F9 !important;
}

.link-light:hover, .link-light:focus {
    color: #f9f9fa !important;
}

.link-primary {
    color: #3B61FF !important;
}

.link-primary:hover, .link-primary:focus {
    color: #2f4ecc !important;
}

.link-drab {
    color: #C8C8D0 !important;
}

.link-drab:hover, .link-drab:focus {
    color: #d3d3d9 !important;
}

.link-green {
    color: #34A853 !important;
}

.link-green:hover, .link-green:focus {
    color: #5db975 !important;
}

.link-red {
    color: #FF3E4C !important;
}

.link-red:hover, .link-red:focus {
    color: #ff6570 !important;
}

.link-orang {
    color: #F79E1B !important;
}

.link-orang:hover, .link-orang:focus {
    color: #f9b149 !important;
}

.link-pink {
    color: #FB00FF !important;
}

.link-pink:hover, .link-pink:focus {
    color: #fc33ff !important;
}

.link-yellow {
    color: #F6B307 !important;
}

.link-yellow:hover, .link-yellow:focus {
    color: #f8c239 !important;
}

.link-cyan {
    color: #89f2fd !important;
}

.link-cyan:hover, .link-cyan:focus {
    color: #a1f5fd !important;
}

.link-dark-blue {
    color: #273978 !important;
}

.link-dark-blue:hover, .link-dark-blue:focus {
    color: #1f2e60 !important;
}

.link-dark-red {
    color: #D80027 !important;
}

.link-dark-red:hover, .link-dark-red:focus {
    color: #ad001f !important;
}

.link-dark-grey {
    color: #50575E !important;
}

.link-dark-grey:hover, .link-dark-grey:focus {
    color: #40464b !important;
}

.link-dark-brown {
    color: #212121 !important;
}

.link-dark-brown:hover, .link-dark-brown:focus {
    color: #1a1a1a !important;
}

.link-light-white {
    color: rgba(255, 255, 255, 0.8) !important;
}

.link-light-white:hover, .link-light-white:focus {
    color: rgba(255, 255, 255, 0.84) !important;
}

.link-light-cream {
    color: #FFF8EE !important;
}

.link-light-cream:hover, .link-light-cream:focus {
    color: #fff9f1 !important;
}

.link-light-gray {
    color: rgba(41, 45, 50, 0.5019607843) !important;
}

.link-light-gray:hover, .link-light-gray:focus {
    color: rgba(23, 26, 29, 0.6015686275) !important;
}

.link-light-azure {
    color: #F0FFFF !important;
}

.link-light-azure:hover, .link-light-azure:focus {
    color: #f3ffff !important;
}

.link-light-purple {
    color: #EEF3FF !important;
}

.link-light-purple:hover, .link-light-purple:focus {
    color: #f1f5ff !important;
}

.link-light-dark {
    color: #5A5A5A !important;
}

.link-light-dark:hover, .link-light-dark:focus {
    color: #484848 !important;
}

.link-light-red {
    color: #F00073 !important;
}

.link-light-red:hover, .link-light-red:focus {
    color: #f3338f !important;
}

.link-easy-azure {
    color: #EFF5F9 !important;
}

.link-easy-azure:hover, .link-easy-azure:focus {
    color: #f2f7fa !important;
}

.link-easy-drab {
    color: #E3E3E3 !important;
}

.link-easy-drab:hover, .link-easy-drab:focus {
    color: #e9e9e9 !important;
}

.link-easy-gray {
    color: #f5f6fd !important;
}

.link-easy-gray:hover, .link-easy-gray:focus {
    color: #f7f8fd !important;
}

.link-easy-cream {
    color: #F0F0F0 !important;
}

.link-easy-cream:hover, .link-easy-cream:focus {
    color: #f3f3f3 !important;
}

.link-easy-blue {
    color: #a0aeba !important;
}

.link-easy-blue:hover, .link-easy-blue:focus {
    color: #b3bec8 !important;
}

.link-easy-gray-cream {
    color: #FAFAFA !important;
}

.link-easy-gray-cream:hover, .link-easy-gray-cream:focus {
    color: #fbfbfb !important;
}

.link-sky-blue {
    color: #b8dce8 !important;
}

.link-sky-blue:hover, .link-sky-blue:focus {
    color: #c6e3ed !important;
}

.link-sky-grey {
    color: #F5F5F5 !important;
}

.link-sky-grey:hover, .link-sky-grey:focus {
    color: #f7f7f7 !important;
}

.link-sky-azure {
    color: #00a7de !important;
}

.link-sky-azure:hover, .link-sky-azure:focus {
    color: #33b9e5 !important;
}

.link-sky-light {
    color: #F7F9FF !important;
}

.link-sky-light:hover, .link-sky-light:focus {
    color: #f9faff !important;
}

.border-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-grey {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-grey-rgb), var(--bs-border-opacity)) !important;
}

.border-blue {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-blue-rgb), var(--bs-border-opacity)) !important;
}

.border-azure {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-azure-rgb), var(--bs-border-opacity)) !important;
}

.border-drab {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-drab-rgb), var(--bs-border-opacity)) !important;
}

.border-green {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-green-rgb), var(--bs-border-opacity)) !important;
}

.border-red {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-red-rgb), var(--bs-border-opacity)) !important;
}

.border-orang {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-orang-rgb), var(--bs-border-opacity)) !important;
}

.border-pink {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-pink-rgb), var(--bs-border-opacity)) !important;
}

.border-yellow {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-yellow-rgb), var(--bs-border-opacity)) !important;
}

.border-cyan {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-cyan-rgb), var(--bs-border-opacity)) !important;
}

.border-dark-blue {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-blue-rgb), var(--bs-border-opacity)) !important;
}

.border-dark-red {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-red-rgb), var(--bs-border-opacity)) !important;
}

.border-dark-grey {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-grey-rgb), var(--bs-border-opacity)) !important;
}

.border-dark-brown {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-brown-rgb), var(--bs-border-opacity)) !important;
}

.border-light-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-white-rgb), var(--bs-border-opacity)) !important;
}

.border-light-cream {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-cream-rgb), var(--bs-border-opacity)) !important;
}

.border-light-gray {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-gray-rgb), var(--bs-border-opacity)) !important;
}

.border-light-azure {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-azure-rgb), var(--bs-border-opacity)) !important;
}

.border-light-purple {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-purple-rgb), var(--bs-border-opacity)) !important;
}

.border-light-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-light-red {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-red-rgb), var(--bs-border-opacity)) !important;
}

.border-easy-azure {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-easy-azure-rgb), var(--bs-border-opacity)) !important;
}

.border-easy-drab {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-easy-drab-rgb), var(--bs-border-opacity)) !important;
}

.border-easy-gray {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-easy-gray-rgb), var(--bs-border-opacity)) !important;
}

.border-easy-cream {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-easy-cream-rgb), var(--bs-border-opacity)) !important;
}

.border-easy-blue {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-easy-blue-rgb), var(--bs-border-opacity)) !important;
}

.border-easy-gray-cream {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-easy-gray-cream-rgb), var(--bs-border-opacity)) !important;
}

.border-sky-blue {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-sky-blue-rgb), var(--bs-border-opacity)) !important;
}

.border-sky-grey {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-sky-grey-rgb), var(--bs-border-opacity)) !important;
}

.border-sky-azure {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-sky-azure-rgb), var(--bs-border-opacity)) !important;
}

.border-sky-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-sky-light-rgb), var(--bs-border-opacity)) !important;
}

.fs-1 {
    font-size: calc(1.6125rem + 4.35vw) !important;
}

.fs-2 {
    font-size: calc(1.527rem + 3.324vw) !important;
}

.fs-3 {
    font-size: calc(1.425rem + 2.1vw) !important;
}

.fs-4 {
    font-size: calc(1.3245rem + 0.894vw) !important;
}

.fs-5 {
    font-size: 1.05rem !important;
}

.fs-6 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

.fw-normal {
    font-weight: 600 !important;
}

.fw-bold {
    font-weight: 800 !important;
}

.fw-semibold {
    font-weight: 700 !important;
}

.text-grey {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-grey-rgb), var(--bs-text-opacity)) !important;
}

.text-blue {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important;
}

.text-azure {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-azure-rgb), var(--bs-text-opacity)) !important;
}

.text-drab {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-drab-rgb), var(--bs-text-opacity)) !important;
}

.text-green {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important;
}

.text-red {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-red-rgb), var(--bs-text-opacity)) !important;
}

.text-orang {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-orang-rgb), var(--bs-text-opacity)) !important;
}

.text-pink {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-pink-rgb), var(--bs-text-opacity)) !important;
}

.text-yellow {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important;
}

.text-cyan {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-cyan-rgb), var(--bs-text-opacity)) !important;
}

.text-dark-blue {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-blue-rgb), var(--bs-text-opacity)) !important;
}

.text-dark-red {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-red-rgb), var(--bs-text-opacity)) !important;
}

.text-dark-grey {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-grey-rgb), var(--bs-text-opacity)) !important;
}

.text-dark-brown {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-brown-rgb), var(--bs-text-opacity)) !important;
}

.text-light-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-white-rgb), var(--bs-text-opacity)) !important;
}

.text-light-cream {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-cream-rgb), var(--bs-text-opacity)) !important;
}

.text-light-gray {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-gray-rgb), var(--bs-text-opacity)) !important;
}

.text-light-azure {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-azure-rgb), var(--bs-text-opacity)) !important;
}

.text-light-purple {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-purple-rgb), var(--bs-text-opacity)) !important;
}

.text-light-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-light-red {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-red-rgb), var(--bs-text-opacity)) !important;
}

.text-easy-azure {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-easy-azure-rgb), var(--bs-text-opacity)) !important;
}

.text-easy-drab {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-easy-drab-rgb), var(--bs-text-opacity)) !important;
}

.text-easy-gray {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-easy-gray-rgb), var(--bs-text-opacity)) !important;
}

.text-easy-cream {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-easy-cream-rgb), var(--bs-text-opacity)) !important;
}

.text-easy-blue {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-easy-blue-rgb), var(--bs-text-opacity)) !important;
}

.text-easy-gray-cream {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-easy-gray-cream-rgb), var(--bs-text-opacity)) !important;
}

.text-sky-blue {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-sky-blue-rgb), var(--bs-text-opacity)) !important;
}

.text-sky-grey {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-sky-grey-rgb), var(--bs-text-opacity)) !important;
}

.text-sky-azure {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-sky-azure-rgb), var(--bs-text-opacity)) !important;
}

.text-sky-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-sky-light-rgb), var(--bs-text-opacity)) !important;
}

.bg-grey {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-grey-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-azure {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-azure-rgb), var(--bs-bg-opacity)) !important;
}

.bg-drab {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-drab-rgb), var(--bs-bg-opacity)) !important;
}

.bg-green {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important;
}

.bg-red {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important;
}

.bg-orang {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-orang-rgb), var(--bs-bg-opacity)) !important;
}

.bg-pink {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-pink-rgb), var(--bs-bg-opacity)) !important;
}

.bg-yellow {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important;
}

.bg-cyan {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-cyan-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-blue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark-red {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-red-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark-grey {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-grey-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark-brown {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-brown-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light-cream {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-cream-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light-gray {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-gray-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light-azure {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-azure-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light-purple {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-purple-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light-red {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-red-rgb), var(--bs-bg-opacity)) !important;
}

.bg-easy-azure {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-easy-azure-rgb), var(--bs-bg-opacity)) !important;
}

.bg-easy-drab {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-easy-drab-rgb), var(--bs-bg-opacity)) !important;
}

.bg-easy-gray {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-easy-gray-rgb), var(--bs-bg-opacity)) !important;
}

.bg-easy-cream {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-easy-cream-rgb), var(--bs-bg-opacity)) !important;
}

.bg-easy-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-easy-blue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-easy-gray-cream {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-easy-gray-cream-rgb), var(--bs-bg-opacity)) !important;
}

.bg-sky-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-sky-blue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-sky-grey {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-sky-grey-rgb), var(--bs-bg-opacity)) !important;
}

.bg-sky-azure {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-sky-azure-rgb), var(--bs-bg-opacity)) !important;
}

.bg-sky-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-sky-light-rgb), var(--bs-bg-opacity)) !important;
}

abbr[title] {
    text-decoration: underline dotted;
    text-decoration-skip-ink: none;
}

/* ::-webkit-file-upload-button {
		font: inherit;
		-webkit-appearance: button;
	} */

/* .form-control::-moz-placeholder {
		color: #6c757d;
		opacity: 1;
	} */

/* .form-control::-webkit-file-upload-button {
		padding: 0.375rem 0.75rem;
		margin: -0.375rem -0.75rem;
		-webkit-margin-end: 0.75rem;
		margin-inline-end: 0.75rem;
		color: #212529;
		background-color: #e9ecef;
		pointer-events: none;
		border-color: inherit;
		border-style: solid;
		border-width: 0;
		border-inline-end-width: 1px;
		border-radius: 0;
		-webkit-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;
		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;
	} */

/* .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
		background-color: #dde0e3;
	} */

/* .form-control-sm::-webkit-file-upload-button {
		padding: 0.25rem 0.5rem;
		margin: -0.25rem -0.5rem;
		-webkit-margin-end: 0.5rem;
		margin-inline-end: 0.5rem;
	} */

.form-control-sm::file-selector-button {
    -webkit-margin-end: 0.5rem;
}

/* .form-control-lg::-webkit-file-upload-button {
		padding: 0.5rem 1rem;
		margin: -0.5rem -1rem;
		-webkit-margin-end: 1rem;
		margin-inline-end: 1rem;
	} */

.form-control-lg::file-selector-button {
    -webkit-margin-end: 1rem;
}

.form-range {
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* .form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
		color: transparent;
	} */

/* .form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
		padding-top: 1.625rem;
		padding-bottom: 0.625rem;
	} */

/* .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
		opacity: 0.65;
		transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
	} */

/* .btn-secondary {
		--bs-btn-color: #fff;
		--bs-btn-bg: #6c757d;
		--bs-btn-border-color: #6c757d;
		--bs-btn-hover-color: #fff;
		--bs-btn-hover-bg: #5c636a;
		--bs-btn-hover-border-color: #565e64;
		--bs-btn-focus-shadow-rgb: 130, 138, 145;
		--bs-btn-active-color: #fff;
		--bs-btn-active-bg: #565e64;
		--bs-btn-active-border-color: #51585e;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #fff;
		--bs-btn-disabled-bg: #6c757d;
		--bs-btn-disabled-border-color: #6c757d;
	} */

/* .btn-success {
		--bs-btn-color: #fff;
		--bs-btn-bg: #198754;
		--bs-btn-border-color: #198754;
		--bs-btn-hover-color: #fff;
		--bs-btn-hover-bg: #157347;
		--bs-btn-hover-border-color: #146c43;
		--bs-btn-focus-shadow-rgb: 60, 153, 110;
		--bs-btn-active-color: #fff;
		--bs-btn-active-bg: #146c43;
		--bs-btn-active-border-color: #13653f;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #fff;
		--bs-btn-disabled-bg: #198754;
		--bs-btn-disabled-border-color: #198754;
	} */

/* .btn-info {
		--bs-btn-color: #000;
		--bs-btn-bg: #0dcaf0;
		--bs-btn-border-color: #0dcaf0;
		--bs-btn-hover-color: #000;
		--bs-btn-hover-bg: #31d2f2;
		--bs-btn-hover-border-color: #25cff2;
		--bs-btn-focus-shadow-rgb: 11, 172, 204;
		--bs-btn-active-color: #000;
		--bs-btn-active-bg: #3dd5f3;
		--bs-btn-active-border-color: #25cff2;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #000;
		--bs-btn-disabled-bg: #0dcaf0;
		--bs-btn-disabled-border-color: #0dcaf0;
	} */

/* .btn-warning {
		--bs-btn-color: #000;
		--bs-btn-bg: #ffc107;
		--bs-btn-border-color: #ffc107;
		--bs-btn-hover-color: #000;
		--bs-btn-hover-bg: #ffca2c;
		--bs-btn-hover-border-color: #ffc720;
		--bs-btn-focus-shadow-rgb: 217, 164, 6;
		--bs-btn-active-color: #000;
		--bs-btn-active-bg: #ffcd39;
		--bs-btn-active-border-color: #ffc720;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #000;
		--bs-btn-disabled-bg: #ffc107;
		--bs-btn-disabled-border-color: #ffc107;
	} */

/* .btn-danger {
		--bs-btn-color: #fff;
		--bs-btn-bg: #dc3545;
		--bs-btn-border-color: #dc3545;
		--bs-btn-hover-color: #fff;
		--bs-btn-hover-bg: #bb2d3b;
		--bs-btn-hover-border-color: #b02a37;
		--bs-btn-focus-shadow-rgb: 225, 83, 97;
		--bs-btn-active-color: #fff;
		--bs-btn-active-bg: #b02a37;
		--bs-btn-active-border-color: #a52834;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #fff;
		--bs-btn-disabled-bg: #dc3545;
		--bs-btn-disabled-border-color: #dc3545;
	} */

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

/* .btn-outline-success {
		--bs-btn-color: #198754;
		--bs-btn-border-color: #198754;
		--bs-btn-hover-color: #fff;
		--bs-btn-hover-bg: #198754;
		--bs-btn-hover-border-color: #198754;
		--bs-btn-focus-shadow-rgb: 25, 135, 84;
		--bs-btn-active-color: #fff;
		--bs-btn-active-bg: #198754;
		--bs-btn-active-border-color: #198754;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #198754;
		--bs-btn-disabled-bg: transparent;
		--bs-btn-disabled-border-color: #198754;
		--bs-gradient: none;
	} */

/* .btn-outline-info {
		--bs-btn-color: #0dcaf0;
		--bs-btn-border-color: #0dcaf0;
		--bs-btn-hover-color: #000;
		--bs-btn-hover-bg: #0dcaf0;
		--bs-btn-hover-border-color: #0dcaf0;
		--bs-btn-focus-shadow-rgb: 13, 202, 240;
		--bs-btn-active-color: #000;
		--bs-btn-active-bg: #0dcaf0;
		--bs-btn-active-border-color: #0dcaf0;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #0dcaf0;
		--bs-btn-disabled-bg: transparent;
		--bs-btn-disabled-border-color: #0dcaf0;
		--bs-gradient: none;
	} */

/* .btn-outline-warning {
		--bs-btn-color: #ffc107;
		--bs-btn-border-color: #ffc107;
		--bs-btn-hover-color: #000;
		--bs-btn-hover-bg: #ffc107;
		--bs-btn-hover-border-color: #ffc107;
		--bs-btn-focus-shadow-rgb: 255, 193, 7;
		--bs-btn-active-color: #000;
		--bs-btn-active-bg: #ffc107;
		--bs-btn-active-border-color: #ffc107;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #ffc107;
		--bs-btn-disabled-bg: transparent;
		--bs-btn-disabled-border-color: #ffc107;
		--bs-gradient: none;
	} */

/* .btn-outline-danger {
		--bs-btn-color: #dc3545;
		--bs-btn-border-color: #dc3545;
		--bs-btn-hover-color: #fff;
		--bs-btn-hover-bg: #dc3545;
		--bs-btn-hover-border-color: #dc3545;
		--bs-btn-focus-shadow-rgb: 220, 53, 69;
		--bs-btn-active-color: #fff;
		--bs-btn-active-bg: #dc3545;
		--bs-btn-active-border-color: #dc3545;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #dc3545;
		--bs-btn-disabled-bg: transparent;
		--bs-btn-disabled-border-color: #dc3545;
		--bs-gradient: none;
	} */

/* .alert-secondary {
		--bs-alert-color: #41464b;
		--bs-alert-bg: #e2e3e5;
		--bs-alert-border-color: #d3d6d8;
	} */

/* .alert-secondary .alert-link {
		color: #34383c;
	} */

/* .alert-success {
		--bs-alert-color: #0f5132;
		--bs-alert-bg: #d1e7dd;
		--bs-alert-border-color: #badbcc;
	} */

/* .alert-success .alert-link {
		color: #0c4128;
	} */

/* .alert-info {
		--bs-alert-color: #055160;
		--bs-alert-bg: #cff4fc;
		--bs-alert-border-color: #b6effb;
	} */

/* .alert-info .alert-link {
		color: #04414d;
	} */

/* .alert-warning {
		--bs-alert-color: #664d03;
		--bs-alert-bg: #fff3cd;
		--bs-alert-border-color: #ffecb5;
	} */

/* .alert-warning .alert-link {
		color: #523e02;
	} */

/* .alert-danger {
		--bs-alert-color: #842029;
		--bs-alert-bg: #f8d7da;
		--bs-alert-border-color: #f5c2c7;
	} */

/* .alert-danger .alert-link {
		color: #6a1a21;
	} */

/* .list-group-item-secondary {
		color: #41464b;
		background-color: #e2e3e5;
	} */

/* .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
		color: #41464b;
		background-color: #cbccce;
	} */

/* .list-group-item-secondary.list-group-item-action.active {
		color: #fff;
		background-color: #41464b;
		border-color: #41464b;
	} */

/* .list-group-item-success {
		color: #0f5132;
		background-color: #d1e7dd;
	} */

/* .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
		color: #0f5132;
		background-color: #bcd0c7;
	} */

/* .list-group-item-success.list-group-item-action.active {
		color: #fff;
		background-color: #0f5132;
		border-color: #0f5132;
	} */

/* .list-group-item-info {
		color: #055160;
		background-color: #cff4fc;
	} */

/* .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
		color: #055160;
		background-color: #badce3;
	} */

/* .list-group-item-info.list-group-item-action.active {
		color: #fff;
		background-color: #055160;
		border-color: #055160;
	} */

/* .list-group-item-warning {
		color: #664d03;
		background-color: #fff3cd;
	} */

/* .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
		color: #664d03;
		background-color: #e6dbb9;
	} */

/* .list-group-item-warning.list-group-item-action.active {
		color: #fff;
		background-color: #664d03;
		border-color: #664d03;
	} */

/* .list-group-item-danger {
		color: #842029;
		background-color: #f8d7da;
	} */

/* .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
		color: #842029;
		background-color: #dfc2c4;
	} */

/* .list-group-item-danger.list-group-item-action.active {
		color: #fff;
		background-color: #842029;
		border-color: #842029;
	} */

.btn-close:disabled, .btn-close.disabled {
    -webkit-user-select: none;
    -moz-user-select: none;
}

.carousel-item {
    -webkit-backface-visibility: hidden;
}

.placeholder-wave {
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    mask-size: 200% 100%;
}

/* .text-bg-secondary {
		color: #fff !important;
		background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
	} */

/* .text-bg-success {
		color: #fff !important;
		background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
	} */

/* .text-bg-info {
		color: #000 !important;
		background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
	} */

/* .text-bg-warning {
		color: #000 !important;
		background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
	} */

/* .text-bg-danger {
		color: #fff !important;
		background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
	} */

/* .link-secondary {
		color: #6c757d !important;
	} */

/* .link-secondary:hover, .link-secondary:focus {
		color: #565e64 !important;
	} */

/* .link-success {
		color: #198754 !important;
	} */

/* .link-success:hover, .link-success:focus {
		color: #146c43 !important;
	} */

/* .link-info {
		color: #0dcaf0 !important;
	} */

/* .link-info:hover, .link-info:focus {
		color: #3dd5f3 !important;
	} */

/* .link-warning {
		color: #ffc107 !important;
	} */

/* .link-warning:hover, .link-warning:focus {
		color: #ffcd39 !important;
	} */

/* .link-danger {
		color: #dc3545 !important;
	} */

/* .link-danger:hover, .link-danger:focus {
		color: #b02a37 !important;
	} */

/* .border-secondary {
		--bs-border-opacity: 1;
		border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
	} */

/* .border-success {
		--bs-border-opacity: 1;
		border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
	} */

/* .border-info {
		--bs-border-opacity: 1;
		border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
	} */

/* .border-warning {
		--bs-border-opacity: 1;
		border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
	} */

/* .border-danger {
		--bs-border-opacity: 1;
		border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
	} */

/* .text-secondary {
		--bs-text-opacity: 1;
		color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
	} */

/* .text-success {
		--bs-text-opacity: 1;
		color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
	} */

/* .text-info {
		--bs-text-opacity: 1;
		color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
	} */

/* .text-warning {
		--bs-text-opacity: 1;
		color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
	} */

/* .text-danger {
		--bs-text-opacity: 1;
		color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
	} */

/* .bg-secondary {
		--bs-bg-opacity: 1;
		background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
	} */

/* .bg-success {
		--bs-bg-opacity: 1;
		background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
	} */

/* .bg-info {
		--bs-bg-opacity: 1;
		background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
	} */

/* .bg-warning {
		--bs-bg-opacity: 1;
		background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
	} */

/* .bg-danger {
		--bs-bg-opacity: 1;
		background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
	} */

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
}

@media (min-width: 1200px) {
    :root {
        --bs-body-font-size: 1.5rem;
    }
    h1, .h1 {
        font-size: 4.875rem;
    }
    h2, .h2 {
        font-size: 4.02rem;
    }
    h3, .h3 {
        font-size: 3rem;
    }
    h4, .h4 {
        font-size: 1.995rem;
    }
    h6, .h6 {
        font-size: 1.5rem;
    }
    .lead {
        font-size: 1.875rem;
    }
    .blockquote {
        font-size: 1.875rem;
    }
    .col-form-label-lg {
        font-size: 1.875rem;
    }
    .col-form-label-sm {
        font-size: 1.3125rem;
    }
    .form-control {
        font-size: 1.5rem;
    }
    .form-control-sm {
        font-size: 1.3125rem;
    }
    .form-control-lg {
        font-size: 1.875rem;
    }
    .form-select {
        font-size: 1.5rem;
    }
    .form-select-sm {
        font-size: 1.3125rem;
    }
    .form-select-lg {
        font-size: 1.875rem;
    }
    .input-group-text {
        font-size: 1.5rem;
    }
    .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn {
        font-size: 1.875rem;
    }
    .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
        font-size: 1.3125rem;
    }
    .btn-lg, .btn-group-lg > .btn {
        --bs-btn-font-size: 1.875rem;
    }
    .btn-sm, .btn-group-sm > .btn {
        --bs-btn-font-size: 1.3125rem;
    }
    .dropdown-menu {
        --bs-dropdown-font-size: 1.5rem;
    }
    .dropdown-header {
        font-size: 1.3125rem;
    }
    .accordion-button {
        font-size: 1.5rem;
    }
    .pagination {
        --bs-pagination-font-size: 1.5rem;
    }
    .pagination-lg {
        --bs-pagination-font-size: 1.875rem;
    }
    .pagination-sm {
        --bs-pagination-font-size: 1.3125rem;
    }
    .popover {
        --bs-popover-font-size: 1.3125rem;
        --bs-popover-header-font-size: 1.5rem;
    }
    .fs-1 {
        font-size: 4.875rem !important;
    }
    .fs-2 {
        font-size: 4.02rem !important;
    }
    .fs-3 {
        font-size: 3rem !important;
    }
    .fs-4 {
        font-size: 1.995rem !important;
    }
    .fs-6 {
        font-size: 1.5rem !important;
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 0.625rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    /* .form-control::-webkit-file-upload-button {
			-webkit-transition: none;
			transition: none;
		} */
    .form-range::-webkit-slider-thumb {
        /* -webkit-transition: none; */
    }
    .form-range::-moz-range-thumb {
        /* -moz-transition: none; */
    }
}

@keyframes placeholder-wave {
    100% {
        /* -webkit-mask-position: -200% 0%; */
    }
}