.pagination {
    float: right !important;
    text-align: right;
}
.float-right{
    float: right !important;
}
.oculto{
    display: none;
}
.table-hover{ 
    min-width: 100% !important; 
    width: 100% !important; 
    table-layout: fixed;
}
.logo-lg{
    width: 100%;
    max-width: 100%;
}
.hover{
    color: #FFF !important
}
.text-center{
    text-align: center;
}
.dt-length{
    margin-bottom: 8px;
}
.thead {
    width: 25%;
    text-align: center;
    height: 50px;
}

.td-vencimento {
    width: 25%;
    text-align: center;
    height: 50px;
}

.tabela_vencimento {
    width: 80%;
    position: relative;
    margin: 0 auto;
    border-collapse: collapse; /* Isso ajuda na distribuição correta das colunas */
}
.red{
    background-color: #ea5551;
    color: #FFF;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.orange{
    background-color: #ff944f;
    color: #FFF;
}
.yellow{
    background-color: #fec047;
    color: #FFF;
}
.green{
    background-color: #31a06b;
    color: #FFF;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}
.logo-ved{
    width: 2%;
    margin: 8px;
}
.logo-login {
    max-width: 40% !important;
    /* max-height: 102vh; */
}