body{
    padding-top: 48px;    /* altura da navbar fixa (normal do Bootstrap) */
    background-color: #f1f5f9; /* cinza clarinho */
}
/*Margem do conteúdo main*/
.main-content {
    margin-left: 250px;
    width: calc(100% - 250px);
    padding: 2rem;
    box-sizing: border-box;
}

/*Define a cor do botão busca de todos os formulários*/
.btn-buscar {
    background-color: #dce9f9;
    color: #000;
    border: 1px solid #3b6ea5;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/*Define a hover do botão busca de todos os formulários*/
.btn-buscar:hover {
    background-color: #020B1E;
    color: #fff;
    border-color: #3b6ea5;
}
/*Define a cor dos campos referente ao código*/
.input-readonly-bg {
    background-color: #e9ecef;
}

/*Tamanho do campo referente ao código*/
.col-auto-codigo{
	width: 100px;
}
/*Tamanho do campo referente a data*/
.col-auto-data{
	width: 170px;
}

.col-auto-cep{
	width: 150px;
}

.col-auto-estado{
	width: 100px;
}

.col-auto-telefone{
	width: 170px;
}
.col-auto-sexo{
	width: 170px;
}

/*Para alterar a cor quando clicar na linha da tabela, nos formulários com tabela*/
.table-active {
    --bs-table-active-bg: #599bca;
    --bs-table-active-color: white;
}
tr.linhaSelecionada:hover > td {
    cursor: pointer;
    background-color: #e9ecef;
}

/*Coloca o asteristico pra informar que o campo é obrigatório*/
.label-obrigatorio::after {
    content: " *";
    color: red;
}

.input-muito-pequeno {
    width: 80px !important;
}

.input-pequeno {
    width: 100px !important;
}

.input-pequeno-medio {
    width: 150px !important;
}

.input-medio {
    width: 180px !important;
}

.input-medio-grande {
    width: 250px !important;
}

.input-grande {
    width: 300px !important;
}

.input-muito-grande {
    width: 400px !important;
}

.input-gigante {
    width: 500px !important;
}

.input-muito-gigante {
    width: 650px !important;
}

select option:checked {
  background-color: #dce9f9; 
  color: #000;
}

select option:hover {
  background-color: #ffe066;
  color: #000;
}

select option:active {
  background-color: #599bca; 
  color: white;
}

.botoes-fixos {
    position: sticky;
    bottom: 20px; /* distância do rodapé da tela */
    background-color: white;
    padding-top: 12px;
    padding-bottom: 12px;
    z-index: 100;
}

/*DEFINE A COR DA COLUNA STATUS DA TELA DE CONSULTA DE CONTAS A PAGAR*/
td.status-pago {
    background-color: #d4ed91 !important; /* verde-limão suave */
    color: #2f4f00 !important;           /* verde escuro */
    font-weight: 600;
}

td.status-parcial {
    background-color: #d9f0ff !important; /* azul céu suave */
    color: #0b4f6c !important;           /* azul profundo */
    font-weight: 600;
}

td.status-pendente {
    background-color: #f6d776  !important;
    color: #664d03 !important;
    font-weight: 600;
}

tr.linhaSelecionada:hover > td.status-pago,
tr.linhaSelecionada:hover > td.status-parcial,
tr.linhaSelecionada:hover > td.status-pendente {
    background-color: inherit !important; /* não sobrescreve a cor do status */
}