:root {
    /*Cores iniciais*/
    --cor-amarelo: #fbbe0b;
    --cor-branco: #fff;
    --cor-vermelho: #dd1e49;
    --cor-preto: #181c14;
    --cor-azul: #3498db;
    --cor-verde: #017e20;
    --cor-cinza-claro: #ebebeb;
    --cor-cinza-btn: #333;
    --cor-cinza-btn-over: #555;

    /*Cores alternativas*/
    --cor-verde-encomenda: #99fbbf;
    --cor-azul-aprovado: #fbdd67;
    --cor-amarelo-claro: #FFE15A;
    --cor-rosa-claro: #F25470;
    --cor-azul-claro: #7FC6F5;
    --cor-amarelo-escuro: #C99609;
    --cor-vermelho-escuro: #A11A38;
    --cor-azul-escuro: #256EA0;
    --cor-laranja: #F78927;
    --cor-roxo: #8B2E82;
    --cor-verde: #79B446;
    --cor-amarelo-pastel: #FFE7A6;
    --cor-rosa-pastel: #F89EAA;
    --cor-azul-pastel: #A8D9F2;


}



/*Fix table headers*/
.fixTableHead {
    overflow-y: auto;
}

.fixTableHead thead th {
    position: sticky;
    top: 0;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th {
    background: var(--cor-cinza-btn-over);
    color: var(--cor-branco);
}

th,
td {
    padding: 4px 5px;
    border: 1px solid var(--cor-azul);
}

.td-center{
    text-align: center;
}

.td-right{
    text-align: right;
}

.dropdown-app{
    display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}


.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
  }

.subitem {
    display: none; /* Esconder subitens por padrão */
    background-color: #f9f9f9;
}
.toggle-btn {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
    border: none;
    background: none;
    font-size: 14px;
}


.btn-column {
    width: 20%;
    white-space: nowrap;
    text-align: right;
}
/* Espaçamento entre os botões */
.btn-column button,
.btn-column input {
    margin-left: 5px;
}