/* ----------------------------------------------------------------------------------------------------------------------- */
.ui-widget-header {
    background-color: #007DC5;
}
/* 
input:read-only {
    background-color: #f3f3f3;
    color: #666;
    border: 1px solid #ccc;
    cursor: not-allowed;
}

select:read-only {
    background-color: #f3f3f3;
    color: #666;
    border: 1px solid #ccc;
    cursor: not-allowed;
} */

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0;
}

.btn-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 0;
}

.accordion-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0;
}

.dropdown-item:focus {
    background-color: #fff;
    color: #000;

}

.dropdown-item {
    --bs-dropdown-link-active-bg: none;
}

/* ----------------------------------------------------------------------------------------------------------------------- */

#body-area-login {
    background-color: #15335f;
}

#background-area-login {
    background: url(/img/login-background.png) repeat;
}

.card-header-icons,
.card-header-icons>a {
    color: #000;
    text-align: end;
    opacity: 0.85;
    align-content: center;
}

span.break {
    border-left: 1px var(--bs-card-cap-color);
    border-right: 1px solid var(--bs-card-cap-color);

    opacity: 0.20;
    margin: -12px 16px -10px 12px;
    padding: 14px 0px 14px 0px;
}

.filtro-opcoes {
    margin-bottom: 15px;
}

.select2-selection .select2-selection--single {
    padding: .375rem .75rem;
    height: 37.6px;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.select2-selection {
    min-height: 34px !important;
    height: auto !important;
}

.select2-selection--multiple {
    max-height: 25vh !important;
    overflow-y: scroll;
}

.select2-selection__rendered {
    word-wrap: break-word !important;
    text-overflow: inherit !important;
    white-space: normal !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.card-home {
    height: 50vh;
}

.card-home>img {
    max-width: 50vh;
}

.card-text-sindico {
    flex-direction: column;
    justify-content: center;
}

.nav-link {
    text-decoration: none !important;
}

.nav-link:hover {
    text-decoration: none !important;
}

.dropdown-menu .dropdown-item {
    text-decoration: none !important;
}

.dropdown-menu .dropdown-item:hover {
    text-decoration: none !important;
}

/* Botões personalizados */
.btn-primary-custom {
    background-color: #0082c9;
    border-color: #0082c9;
    color: #fff;
}

.btn-primary-custom:hover {
    background-color: #006ba1;
    border-color: #006ba1;
}

/* Botões amarelo */
.btn-warning-custom {
    background-color: #fcb813;
    border-color: #fcb813;
    color: #fff;
}

.btn-warning-custom:hover {
    background-color: #e6a500;
    border-color: #e6a500;
}

/* Botões verde */
.btn-success-custom {
    background-color: #8bc53f;
    border-color: #8bc53f;
    color: #fff;
}

.btn-success-custom:hover {
    background-color: #7aa634;
    border-color: #7aa634;
}

/* Botões vermelho */
.btn-danger-custom {
    background-color: #ec1c24;
    border-color: #ec1c24;
    color: #fff;
}

.btn-danger-custom:hover {
    background-color: #c21817;
    border-color: #c21817;
}

/* Cards personalizados */
.card-custom {
    border: 1px solid #0082c9;
    background-color: #e6f0ff;
    /* Azul claro de fundo */
}

.card-custom .card-header {
    background-color: #0082c9;
    color: #fff;
}

.card-custom .card-body {
    background-color: #f1f9ff;
}

/* Cards Amarelo */
.card-warning-custom {
    border: 1px solid #fcb813;
    background-color: #fff8e1;
    /* Amarelo claro de fundo */
}

.card-warning-custom .card-header {
    background-color: #fcb813;
    color: #fff;
}

.card-warning-custom .card-body {
    background-color: #fff3b3;
}

/* Cards Verde */
.card-success-custom {
    border: 1px solid #8bc53f;
    background-color: #eaf7d7;
    /* Verde claro de fundo */
}

.card-success-custom .card-header {
    background-color: #8bc53f;
    color: #fff;
}

.card-success-custom .card-body {
    background-color: #d9f1b8;
}

/* Cards Vermelho */
.card-danger-custom {
    border: 1px solid #ec1c24;
    background-color: #f9e0e0;
    /* Vermelho claro de fundo */
}

.card-danger-custom .card-header {
    background-color: #ec1c24;
    color: #fff;
}

.card-danger-custom .card-body {
    background-color: #f5b1b1;
}

/* Card Informação (Info) */
.card-info-custom {
    border: 1px solid #17a2b8;
    background-color: #d1ecf1;
    /* Azul claro de fundo */
}

.card-info-custom .card-header {
    background-color: #17a2b8;
    color: #fff;
}

.card-info-custom .card-body {
    background-color: #b8e0e6;
    /* Azul mais suave para o corpo */
}

/* Badges personalizados */
.badge-primary-custom {
    background-color: #0082c9;
    color: #fff;
}

.badge-warning-custom {
    background-color: #fcb813;
    color: #fff;
}

.badge-success-custom {
    background-color: #8bc53f;
    color: #fff;
}

.badge-danger-custom {
    background-color: #ec1c24;
    color: #fff;
}

/* Badge (informação) */
.badge-info-custom {
    background-color: #17a2b8;
    color: #fff;
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}

/* Spans personalizados */
span.primary-custom {
    background-color: #0082c9;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

span.warning-custom {
    background-color: #fcb813;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

span.success-custom {
    background-color: #8bc53f;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

span.danger-custom {
    background-color: #ec1c24;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

/* Span (informação) */
span.info-custom {
    background-color: #17a2b8;
    color: #fff;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 0.9rem;
    display: inline-block;
}

/* Botões Outline Azul */
.btn-outline-primary-custom {
    border: 2px solid #0082c9;
    color: #0082c9;
    background-color: transparent;
}

.btn-outline-primary-custom:hover {
    background-color: #0082c9;
    color: #fff;
    border-color: #006ba1;
}

/* Botões Outline Amarelo */
.btn-outline-warning-custom {
    border: 2px solid #fcb813;
    color: #fcb813;
    background-color: transparent;
}

.btn-outline-warning-custom:hover {
    background-color: #fcb813;
    color: #fff;
    border-color: #e6a500;
}

/* Botões Outline Verde */
.btn-outline-success-custom {
    border: 2px solid #8bc53f;
    color: #8bc53f;
    background-color: transparent;
}

.btn-outline-success-custom:hover {
    background-color: #8bc53f;
    color: #fff;
    border-color: #7aa634;
}

/* Botões Outline Vermelho */
.btn-outline-danger-custom {
    border: 2px solid #ec1c24;
    color: #ec1c24;
    background-color: transparent;
}

.btn-outline-danger-custom:hover {
    background-color: #ec1c24;
    color: #fff;
    border-color: #c21817;
}

/* Botão Outline Informação */
.btn-outline-info-custom {
    border: 2px solid #17a2b8;
    color: #17a2b8;
    background-color: transparent;
}

.btn-outline-info-custom:hover {
    background-color: #17a2b8;
    color: #fff;
    border-color: #138496;
    /* Um tom mais escuro de azul */
}

/* Background Azul */
.bg-primary-custom {
    background-color: #0082c9 !important;
    color: #fff;
}

/* Background Amarelo */
.bg-warning-custom {
    background-color: #fcb813 !important;
    color: #fff;
}

/* Background Verde */
.bg-success-custom {
    background-color: #8bc53f !important;
    color: #fff;
}

/* Background Vermelho */
.bg-danger-custom {
    background-color: #ec1c24 !important;
    color: #fff;
}

.bg-info-custom {
    background-color: #17a2b8 !important;
    /* Cor de fundo azul clara */
    color: #fff;
    /* Texto branco */
}