.table-holder {
    overflow: hidden; /* Garante que o border-radius funcione corretamente */
    font-family: inherit;
    border-radius: 16px; /* Aplica o border-radius em todos os cantos */
    border: 1px solid #abbed1;
    background: #ffffff;
    text-align: center;
    margin-top: 0.5%;
    overflow-y: auto; /* Adiciona o scroll vertical quando necessário */
}

.table-holder table {
    border-collapse: separate;
    border-spacing: 0; /* Remove espaçamento entre as células */
}

.table-holder thead th {
    border-top: 2px solid #abbed1; /* Borda no topo */
    border-bottom: 2px solid #abbed1; /* Borda na parte inferior */
    border-left: 2px solid #abbed1; /* Borda na parte inferior */
    border-right: 2px solid #abbed1; /* Borda na parte inferior */
    padding: 10px; 
    background-color: #ffffff; 
}

.table-holder thead th:not(:first-child) {
    border-left: none; /* Remove a borda esquerda dos <th> que não são o primeiro */
}

.table-holder thead th:not(:last-child) {
    border-right: none; /* Remove a borda direita dos <th> que não são o último */
}

.table-holder-x table {
    border-collapse: separate;
    border-spacing: 0; /* Remove espaçamento entre as células */
}

.table-holder-x thead th {
    border-top: 2px solid #abbed1; /* Borda no topo */
    border-bottom: 2px solid #abbed1; /* Borda na parte inferior */
    border-left: 2px solid #abbed1; /* Borda na parte inferior */
    border-right: 2px solid #abbed1; /* Borda na parte inferior */
    padding: 10px; 
    background-color: #ffffff; 
}

.table-holder-x thead th:not(:first-child) {
    border-left: none; /* Remove a borda esquerda dos <th> que não são o primeiro */
}

.table-holder-x thead th:not(:last-child) {
    border-right: none; /* Remove a borda direita dos <th> que não são o último */
}

.table-holder-x {
    overflow: hidden; /* Garante que o border-radius funcione corretamente */
    font-family: inherit;
    border-radius: 16px; /* Aplica o border-radius em todos os cantos */
    border: 1px solid #abbed1;
    background: #ffffff;
    text-align: center;
    margin-top: 0.5%;
    overflow-y: auto; /* Adiciona o scroll vertical quando necessário */
}

table { border-collapse: collapse; }
table td,
table th {
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    word-wrap:break-word;
    /* font-weight: bold; */
}
table th {
    padding: 24px 24px 24px 24px !important;
    background: #ffffff;
    font-weight: bold; 
    /* background: #eee;
    border: 1px solid #aaa;
    font-weight: bold; */
}
table td {
    padding: 4px;
    border: 1px solid transparent;
    text-align: -webkit-center;
}

.ql-toolbar {
    margin-left: 10px;
    margin-right: 10px;
}

#NumeroPaginacao {
    width: 50px;
    text-align: center;
    height: 35px;
    margin-top: 4px;
    border-radius: 8px; /* Bordas arredondadas */
    box-shadow: inset #000 0px 0px 1px; /* Sombra interna */
    border: 1px solid #ccc; /* Borda leve */
    padding: 0 5px; /* Espaçamento interno */
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Efeito ao focar no input */
#NumeroPaginacao:focus {
    border-color: #3091f0; /* Cor da borda ao focar */
    box-shadow: inset 0 0 3px #3091f0; /* Sombra interna ao focar */
    outline: none; /* Remove o contorno padrão do navegador */
}

/* table thead,
table tbody,
table tbody tr { width: 100%; }
table tbody tr:nth-child(odd) { background-color:#d3e2e9; }
table tbody tr:nth-child(even) { background-color:#e9f0f4; }
table tbody tr.selected {
    background-color: #f9cf55;
} */

@media screen and (max-width: 1500px) {
    .table-holder { overflow: auto; }
}

@media screen and (max-width: 1650px) {
    .table-holder-x {
        overflow: auto; 
        transform: rotate(180deg); 
        direction: rtl; 
    }

    .RodarBarrar {
        /* Ajusta a rotação da tabela para que não fique invertida novamente */
        transform: rotate(-180deg);
        direction: ltr; 
    }
}

table tbody tr.subTotal {
    background-color: #8ecbe7;
    font-weight: bold;
}
table tbody tr.total {
    background-color: #ef552f7a;
    font-weight: bold;
}

.scroll::-webkit-scrollbar-track {
    background-color: #F4F4F4;
}
.scroll::-webkit-scrollbar {
    width: 6px;
    background: #F4F4F4;
}
.labelGrid {
  display: inline-block;
  padding: 2px 8px;             /* menos preenchimento */
  border: 0.5px solid currentColor; /* borda mais fina */
  border-radius: 50px;          /* formato cápsula */
  font-weight: normal;          /* texto mais leve */
  font-size: 12px;              /* opcional: fonte menor */
  text-align: center;
  min-width: 80px;              /* cápsula menor */
}

/* Variações */
.labelGrid-baixo {
  color: green;
}

.labelGrid-medio {
  color: orange;
}

.labelGrid-alto {
  color: red;
}