:root {
    --green-fc: #05301a;
    --btn-primary: #c6bc97;
    --red-fc: #FC0201;
}

.bg-color-gw {
    background-color: var(--green-fc) !important;
    color: white !important;
}
.bg-color-pl {
    background-color: var(--red-fc) !important;
    color: white !important;
}
.bg-color-uh {
    background-color: #FFE600 !important;
    color: black !important;
    font-weight: 900;
}
.bg-color-al {
    background-color: #FFE600 !important;
    color: #117BA0 !important;
    font-weight: 600;
}
.bg-color-ag {
    background-color: #233468 !important;
    color: white !important;
}
.bg-color-other {
    background-color: var(--btn-primary) !important;
    color: white !important;
}

.bg-green-fc { background-color: var(--green-fc); }
.bg-green-fc-dev { background-image: radial-gradient(circle, #05301a, #073f23, #0a4e2c, #0d5e35, #116f3e); }
.btn.primary:not(.disabled),
.btn-small.primary:not(.disabled) {
    background-color: var(--btn-primary) !important;
    color: white;
}
.btn.secondary,
.btn-small.secondary:not(.disabled) {
    background-color: white;
    border: 1px solid var(--btn-primary);
    color: var(--btn-primary);
    font-weight: 600;
}
.btn.secondary i,
.btn-small.secondary i {
    font-weight: 600;
}

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

.progress {
    background-color: #CDD5D1;
}
.progress .indeterminate {
    background-color: #05301A;
}

.btn.red:not(.disabled),
.btn-small.red:not(.disabled) { background-color: var(--red-fc) !important; color: white; }

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: var(--btn-primary);
}

.bg-gold { background-color: var(--btn-primary); }
.bg-red { background-color: var(--red-fc); }

.blue-main-bg { background: linear-gradient(180deg, #FFFFFF 0%, #B8C4E9 52%) !important; }

.main-bg { background: #E8E8F0 !important; }
.btn-red { background-color: #E56161 !important; }
.btn-blue { background-color: #4263BB !important; }

.btn-blue-secondary {
    border: 1px solid #4263BB !important;
    background: #E6EDFE !important;
    color: #4263BB !important;
}

.btn-red-secondary {
    border: 1px solid #E56161 !important;
    background: #f6c6c6 !important;
    color: #E56161 !important;
}

.waves-effect.waves-blue .waves-ripple {
    /* The alpha value allows the text and background color
       of the button to still show through. */
    background-color: rgba(	66, 99, 187, 0.65);
}

.btn-yellow {
    background: #FFB800 !important;
}
.btn-yellow:hover {
    background: #FFB800 !important;
    opacity: .8 !important;
}
.btn-yellow-secondary:not(.disabled) {
    background: #FFF2D0 !important;
    border: 2px solid #FFB800;
    color: #FFB800 !important;
    line-height: 32px;
}
.btn-yellow-secondary:hover {
    background: #FFF2D0 !important;
    opacity: .8 !important;
}
/* .btn-red {
    background: #D93333 !important;
}
.btn-red:hover {
    background: #D93333 !important;
    opacity: .8 !important;
} */

.warning-container {
    border: 1px solid #C27803;
    color: #C27803;
    background: #FDFDEA;
    padding: 10px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
}

.card.red-warning {
    padding: 8px !important;
    border-radius: 4px !important;
    border: 1px solid #E56161 !important;
    background: #f6c6c6 !important;
    color: #E56161 !important;
}

.card.green-warning {
    padding: 8px !important;
    border-radius: 4px !important;
    border: 1px solid #0d5e35 !important;
    background: #c6e6c6 !important;
    color: #0d5e35 !important;
}

.card.primary-warning {
    padding: 8px !important;
    border-radius: 4px !important;
    border: 1px solid var(--btn-primary) !important;
    background: var(--btn-primary) !important;
    color: white !important;
}

.datepicker-date-display {
    background-color: var(--green-fc);
}
.datepicker-table td.is-selected {
    background-color: var(--green-fc);
    color: white !important;
}
.datepicker-table td.is-today {
    color: #116f3e;
}
.datepicker-table td.is-today button {
    font-weight: bold;
}
.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
    color: var(--btn-primary);
}