/* #region primary colors */

.border-primary {
    border-color: var(--color-green) !important;
}

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

.text-primary {
    color: var(--color-green) !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--color-green);
    box-shadow: 0 0 0 0.25rem rgba(var(--color-green-rgb), .25);
}

/* #endregion */

/* #region font */

.fs-7 {
    font-size: 0.75rem !important;
    ;
}

.fs-8 {
    font-size: 0.5rem !important;
    ;
}

/* #endregion */

/* #region navbar */

.bg-dark {
    color: white;
    background-color: #4b4c4d !important;
}

/* #endregion */

/* #region buttons */

.btn-primary {
    --bs-btn-bg: var(--color-green);
    --bs-btn-border-color: var(--color-green);
    --bs-btn-hover-bg: var(--color-green-hover);
    --bs-btn-hover-border-color: var(--color-green-hover);
    --bs-btn-active-bg: var(--color-green-hover);
    --bs-btn-active-border-color: var(--color-green-hover);
    --bs-btn-disabled-bg: var(--color-green);
    --bs-btn-disabled-border-color: var(--color-green);
    --bs-btn-focus-shadow-rgb: var(--color-green-rgb);
    color: #fff;
    background-color: var(--color-green);
    border-color: var(--color-green);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--color-green-hover);
    border-color: var(--color-green-hover);
}

.btn-primary:focus {
    color: #fff;
    background-color: var(--color-green-hover);
    border-color: var(--color-green-hover);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-green-rgb), .25);
}

.btn-primary:active {
    color: #fff;
    background-color: var(--color-green-hover);
    border-color: var(--color-green-hover);
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}

.btn-default:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-light:focus,
.btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

/* #endregion */