html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 1em;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.card-selectable:hover {
    background-color: lightgray;
    cursor: pointer;
}

.table-hover tbody tr:hover {
    cursor: pointer;
}
.w-60{
    width: 60%;
}
.w-35 {
    width: 35%;
}

.w-15{
    width: 15%;
}

.w-10{
    width: 10%;
}
.w-5 {
    width: 5%;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.table-container {
    max-height: 300px; /* Defina a altura máxima desejada */
    overflow-y: auto;
    position: relative; /* Necessário para a posição sticky funcionar corretamente */
}
.table-excel2 {
    border-collapse: collapse; /* Combina as bordas das células */
    width: 100%; /* Ajusta a largura da tabela conforme necessário */
    table-layout: fixed; /* Fixa a largura das colunas */
    padding: 0.15em; /* Ajusta o espaçamento interno conforme necessário */
}


.table-excel {
    border-collapse: collapse; /* Combina as bordas das células */
    width: 100%; /* Ajusta a largura da tabela conforme necessário */
    table-layout: fixed; /* Fixa a largura das colunas */
}

    .table-excel th,
    .table-excel td {
        border: 1px solid #ccc; /* Aplica bordas apenas nas bordas internas */
        padding: 0.3em; /* Ajusta o espaçamento interno conforme necessário */
        height: 1.5em; /* Define a altura das células */
        white-space: nowrap; /* Impede que o texto quebre em várias linhas */
    }

    .table-excel input {
        border: none; /* Remove as bordas dos inputs */
        background-color: transparent; /* Remove o fundo dos inputs */
        width: 100%; /* Preenche a largura das células */
        box-sizing: border-box; /* Inclui padding e borda no tamanho total */
        height: 80%; /* Define a altura dos inputs para 100% */
    }


        .table-excel input:focus {
            outline: none; /* Remove a borda de foco ao clicar */
        }


    /* Aplica posicionamento "sticky" ao cabeçalho da tabela */
    .table-excel thead th {
        position: sticky;
        top: -1px;
        z-index: 1; /* Coloca o cabeçalho acima do conteúdo rolando */
    }

.custom-disabled {
    background-color: #f7f7f7; /* Cor de fundo que sugere desativado */
    cursor: not-allowed; /* Cursor indicando que não está disponível para interação */
    opacity: 0.6; /* Reduz a opacidade para sugerir desativado */
}

/* Estilos do modal */
.parcemodal {
    display: none; /* Oculta o modal por padrão */
    position: fixed; /* Faz com que o modal cubra toda a tela */
    z-index: 1; /* Coloca o modal acima de outros elementos */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0); /* Fundo preto com um pouco de transparência */
    background-color: rgba(0,0,0,0.4);
    padding-top: 60px; /* Adiciona espaço acima do modal para a barra de navegação */
    z-index: 2;
}

/* Conteúdo do modal */
.modal-content2 {
    background-color: #fefefe;
    margin: 5% auto; /* Centraliza o modal na tela */
    padding: 20px;
    border: 1px solid #888;
    border-radius: 0.5em;
    width: 50%; /* Define a largura do modal */
}

/* Botão de fechar (x) */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

@media (min-width: 991px) {
    .separador-vertical {
        border-right: 1px solid #dee2e6; /* Adicione sua cor desejada aqui */
        padding-right: 15px; /* Opcional: adicione algum espaço à direita da borda */
    }
}

textarea{
    text-transform: uppercase;
}
.custom-table {
    max-height: 100px !important;
    overflow-y: auto !important;
    background-color: red;
}

.cbg-gradient {
    background: linear-gradient(to bottom, #15ED27, #15ED27);
    /* background: linear-gradient(to bottom, #15ED27, #00A30E);*/
}

/* Seletor específico para a tabela com a classe custom-table */
.table.custom-table > :not(caption) > * > {
    padding: 0.15rem 0.15rem;
}

.large-checkbox {
    width: 0.8em; /* Defina a largura desejada */
    height: 0.8em; /* Defina a altura desejada */
    /* Opcional: ajuste a escala se necessário */
    transform: scale(1.5);
    -webkit-transform: scale(1.5); /* para navegadores WebKit */
}
.hover-effect:hover {
    transition: 0.2s;
    background-color: #FFC8C8; /* Altere a cor do preenchimento */
    cursor: pointer; /* Altere o cursor para pointer */
}