/* Form check */
.form-check {
    line-height: 1.75em;
}

.form-check > .form-check-label {
    margin-left: 8px;
}

/* Top bar */
.nav-link_top {
    margin: 0 4px 0 4px;
    padding: 6px 12px 6px 12px;
    border-bottom: 3px solid transparent;
    color: black !important;
    font-size: 18px !important;
    font-family: nunitoSemibold !important;
    border-radius: 1px;
    transition: 0.1s ease all;
}

.nav-link_top:hover,
.nav-link_top.active{
    color: #000 !important;
    border-bottom: 3px solid black;
    transition: 0.1s ease all;
}

.filtro_svg{
    vertical-align: inherit;
    fill: #af943c2e;
    filter: invert(40%) sepia(80%) saturate(2500%) hue-rotate(15deg) brightness(100%) contrast(100%);
    width: 70%;
    height: auto;
}

.centra_user{
    width: auto;
    margin: auto;
    margin-top: 0.2%;   
}

#user_options .dropdown-toggle::after{ 
    display: none !important;
}

#user_options .dropdown-menu{
    position: absolute;
    top: 7rem;
    left: -6rem;
    border-radius: 10px;
    border-color: #fff;
    box-shadow: 0px 1px 20px rgb(0 0 0 / 25%);
    font-family: nunitoSemibold !important;
    text-align: left;
}

.btn_user_options{
    float: right;
    background-color: #fff;
    border-color: #fff;
    color: #000;
    color: #000 !important;
    font-size: 18px !important;
    font-family: nunitoSemibold !important;
    transition: 0.1s ease all;
}

.btn_user_options:hover,.btn_user_options:active,.btn_user_options:focus{
    color: #000 !important;
    background-color: #ddd;
    border-color: #fff;
    transition: 0.1s ease all;
}

/* Logo da navbar */
.navbar-brand-img-w3l {
    height: 60px;
}

#tabela-socios-emprestimos tbody > tr:hover {
    cursor: pointer;
}

@media (max-width: 575px) {
    .navbar-brand-img-w3l {
        height: 48px;
    }
}

@media (max-width: 991px) {
    #barra-superior {
        background-color: #f8f9fa !important;
        border-bottom: 1px solid #dee2e6 !important;
    }
}

/* Tabelas compactas */
table.tabela-compacta {
    table-layout: fixed;
}

table.tabela-compacta th,
table.tabela-compacta td {
    font-size: small;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Linhas inutilizadas */
tr.muted > td {
    color: #6c757d !important;
    text-decoration-line: line-through;
}
tr.muted:hover {
    color: #6c757d !important;
    text-decoration-line: none;
}

/* Célula contábil */
.currency-column {
    position: relative;
}

.currency-column > span:first-child {
    position: absolute;
    left: 10px;
}

/* Clicável */
.pickable {
    cursor: pointer;
}

.select2-selection.is-invalid {
    background-position: right calc(.5em + .75rem) center;
}

.is-invalid,
.is-problematic {
    padding-right: calc(1.5em + .75rem);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.is-invalid {
    border-color: #dc3545 !important;
    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='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}

.is-problematic {
    border-color: #ffc107 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!-- Font Awesome Pro 5.15.4 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --%3E%3Cpath style='fill:%23ffc107%3Bfill-opacity:1%3Bstroke:none%3Bstroke-opacity:1' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
}

.select2-selection.is-invalid,
.select2-selection.is-problematic {
    background-position: right calc(.5em + .75rem) center;
}

/* Erro de formulário */
div.error-feedback {
    font-size: small;
    color: #dc3545;
}

/* Carregamento/espera de ações */
.actions-wait {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}

/* Container de ações */
.spinner-container,
.actions-container,
.actions-wait {
    padding: 1rem !important;
}

/* Botões coloridos de ação */
.btn-w3l {
    display: block;
    width: 100%;
    margin: 4px 0 4px 0;
    padding: 8px;
    border: 1px solid;
    background-color: white;
}

.btn-w3l:hover {
    color: white;
}

.btn-amarelo {
    border-color: goldenrod;
    color: goldenrod;
}

.btn-amarelo:hover {
    background-color: goldenrod;
}

.btn-azul {
    border-color: dodgerblue;
    color: dodgerblue;
}

.btn-azul:hover {
    background-color: dodgerblue;
}

.btn-lilas {
    border-color: darkslateblue;
    color: darkslateblue;
}

.btn-lilas:hover {
    background-color: darkslateblue;
}

.btn-preto {
    border-color: black;
    color: black;
}

.btn-preto:hover {
    background-color: black;
}

.btn-verde {
    border-color: forestgreen;
    color: forestgreen;
}

.btn-verde:hover {
    background-color: forestgreen;
}

.btn-vermelho {
    border-color: darkred;
    color: darkred;
}

.btn-vermelho:hover {
    background-color: darkred;
}