:root {
    --primary: hsl(198, 35%, 21%);
    --secondary: hsl(189, 43%, 32%);
    --accent: hsl(170, 41%, 67%);
    --bg-color: hsl(156, 20%, 95%);

    --bs-primary: var(--primary);
    --bs-secondary: var(--secondary);
    --bs-box-shadow: 0 0 0 0.25rem hsl(from var(--bs-primary) h s 80% / 0.25);
    --bs-link-color: #212529bf;
}

body {
    font-family: "Inter", sans-serif;
    overflow-x: clip;
}

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

/* Botões */
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: hsl(from var(--bs-primary) h s 45%);
    --bs-btn-hover-border-color: hsl(from var(--bs-primary) h s 45%);
    --bs-btn-active-bg: hsl(from var(--bs-primary) h s 40%);
    --bs-btn-active-border-color: hsl(from var(--bs-primary) h s 40%);
}

.btn-primary:disabled,
.btn-primary.disabled {
    color: #ffffffcc;
    background-color: hsl(from var(--bs-primary) h s 80%);
    border-color: hsl(from var(--bs-primary) h s 80%);
    opacity: 1;
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: hsl(from var(--bs-primary) h s 70%);
    border-color: hsl(from var(--bs-primary) h s 70%);
}

.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: hsl(from var(--bs-secondary) h s 45%);
    --bs-btn-hover-border-color: hsl(from var(--bs-secondary) h s 45%);
    --bs-btn-active-bg: hsl(from var(--bs-secondary) h s 40%);
    --bs-btn-active-border-color: hsl(from var(--bs-secondary) h s 40%);
}

/* Inputs */
.form-control:focus,
.form-select:focus,
.input-group .form-control:focus {
    border-color: var(--bs-primary);
    box-shadow: var(--bs-box-shadow);
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.form-check-input:focus {
    border-color: hsl(from var(--bs-primary) h s 80%);
    outline: 0;
    box-shadow: var(--bs-box-shadow);
}

ul[uib-typeahead-popup].dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dropdown-menu > .uib-typeahead-match.active {
    background-color: #cff6e1 !important;
}

.dropdown-item.active,
.dropdown-item:hover {
    background-color: #cff6e1 !important;
    color: black!important;
}

/* COR DE FUNDO */
.bg-green-30{
 background-color: #dbf0e44d;   
}

.bg-green-80{
 background-color: #d2f4e1cc;   
}

.bg-section-soft {
    background-color: #f0f5f375;
}

/* TEXTO */
.text-xs {
    font-size: .75rem;
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

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

.text-blue {
    color: #0d6efd;
}

/* BORDAS */
.table-light {
    --bs-table-border-color: #dcdfe4;
}
.border-accent-50{
    border-color: #33997780 !important;
}
.border-dashed {
    border: 2px dashed #dee2e6;
}

/* Paginação */
.page-item.active .page-link {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color:white !important;
}

.page-link:hover{
    color:var(--bs-pagination-color);
}

.pagination {
    --bs-pagination-focus-box-shadow: var(--bs-box-shadow);
    --bs-pagination-active-bg: var(--bs-primary) !important;
    --bs-pagination-active-border-color: var(--bs-primary) !important;
}

/* UTILITÁRIOS */
.cursor-pointer {
    cursor: pointer;
}

/* ESPECÍFICOS */
.modal-backdrop {
    z-index: 1040 !important;
}

@media (max-width: 768px) {
    .table-fixed {
        table-layout: inherit;
        width: auto;
    }
    .table-responsive-mobile th, .table-responsive-mobile td {
        min-width: 80vw !important;
    }
}