/* ----- Formulário ----- */

.pagamentos-a-fornecedores .card-body {
    padding: 1.5rem !important;
}

.pagamentos-a-fornecedores .formulario form {
    display: flex;
    gap: 1em;
    flex-direction: column;
    margin-top: 1.5rem;
}

.pagamentos-a-fornecedores .formulario form .campos {
    display: flex;
    gap: 2.25rem;
    text-align: left
}

.pagamentos-a-fornecedores .formulario form fieldset {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pagamentos-a-fornecedores .formulario form fieldset label {
    font-weight: bold;
}

.pagamentos-a-fornecedores .formulario form fieldset select {
    padding: 1rem
}

.pagamentos-a-fornecedores .botoes {
    display: none
}

.pagamentos-a-fornecedores .selectize-dropdown,
.pagamentos-a-fornecedores .selectize-input,
.pagamentos-a-fornecedores .selectize-input input {
    font-size: 1rem;
    text-align: left;
}

.selectize-dropdown-emptyoptionlabel {
    text-align: left !important;
}

.pagamentos-a-fornecedores input[type=date] {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 100%;
    font-size: .91rem;
    border-radius: 3px;
    color: #333;
    border: 1px solid #b8b8b8;
    background: linear-gradient(to bottom, #fefefe, #f2f2f2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* ----- Mensagens de erros ou alertas ------ */

.mensagens .alert {
    display: none;
    margin: 0.7rem 0;
    padding: 0.5rem 1rem;
}

.pagamentos-a-fornecedores .exibir {
    display: flex;
    align-items: center;
    gap: 0.5rem
}

.mensagens p {
    margin: 0.5em 0;
    padding: 2px;
}

/* ----- Aviso ----- */

.aviso {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    background: #f5f5f5;
    border: 1px dashed #00457a;
    padding: 1rem 1.5rem;
    border-radius: 6px;
    text-align: left;
}

.aviso-titulo {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: #00457a
}

.aviso p {
    font-size: 0.95rem;
    margin-bottom: 0
}

#erros-filtros {
    text-align: left;
}

#erros-filtros ul {
    display: flex;
    flex-direction: column
}

#erros-filtros ul li::before {
    content: "–";
    margin-right: 0.5rem;
    display: inline-block;
}

/* ----- Regras para responsividade ----- */

@media (width <=1024px) {
    .aviso {
        flex-direction: column;
        text-align: left;
    }

    .aviso-titulo {
        text-align: left;
        margin-right: auto;
    }

    .pagamentos-a-fornecedores .formulario form {
        margin-top: 0
    }

    .pagamentos-a-fornecedores .formulario form .campos {
        gap: 1rem;
        flex-direction: column;
    }
}