.mr-2 {
    margin-right: 10px;
}

.mb-2 {
    margin-bottom: 10px;
}

.mb-5 {
    margin-bottom: 20px;
}

.mt-20 {
    margin-top: 10px;
}

.column span {
    font-weight: bold;
}


.bold {
    font-weight: bold !important;
}

.d-flex {
    display: flex;
}

.justify-content-between {
    justify-content: space-between;
}

.blue-color {
    color: blue;
}

.red-color {
    color: red;
}

.black-color {
    color: #000;
}

.input-caderneta {
    width: 100px;
}


/* Estilo do contêiner da tabela com rolagem */
.table-caderneta {
    max-height: 400px;
    /* Define a altura máxima da tabela */
    overflow-y: auto;
    /* Habilita a rolagem vertical */
    display: block;
    /* Garante que o contêiner seja um bloco para permitir rolagem */
}

/* Estilo do cabeçalho fixo da tabela */
.table-caderneta thead th {
    position: sticky;
    top: 0;
    /* Fixar o cabeçalho no topo ao rolar */
    background-color: white;
    z-index: 2;
    /* Certifica que o cabeçalho fique acima do conteúdo */
}

/* Estilizando a barra de rolagem */
.table-caderneta::-webkit-scrollbar {
    width: 8px;
    /* Largura da barra de rolagem */
}

.table-caderneta::-webkit-scrollbar-thumb {
    background-color: #888;
    /* Cor do "polegar" da barra de rolagem */
    border-radius: 4px;
    /* Bordas arredondadas no "polegar" */
    border: 2px solid transparent;
    /* Adiciona borda transparente ao redor do "polegar" */
}

.table-caderneta::-webkit-scrollbar-thumb:hover {
    background-color: #555;
    /* Cor do "polegar" quando está sendo arrastado */
}

.table-caderneta::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Cor do fundo da área da barra de rolagem */
    border-radius: 4px;
    /* Bordas arredondadas no fundo da área */
}

/* Firefox: Personalizando a barra de rolagem */
.table-caderneta {
    scrollbar-width: thin;
    /* Define a largura da barra de rolagem */
    scrollbar-color: #888 #f1f1f1;
    /* Cor do "polegar" e da área da barra */
}

div.operadores-da-caderneta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}