@import url(/assets/css/global.css);

/*Exibição de títulos*/
header {
    display: flex;
    flex-direction: column;
}

/*Pesquisar*/
#titulo-pagina em{
    letter-spacing: 2px;
}

.grupo-pesquisa {
    padding: 0 2rem 0 2rem;
    align-items: center;
}

#campo-pesquisa {
    height: auto; /* Ajusta a altura automaticamente */
    max-width: 20%;
    display: flex;
    align-items: center; /* Centraliza verticalmente */
}

/*Div Fomulário*/
#manual-regra-form {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/*Formatação da Tabela*/
.table-responsive {
    overflow-x: auto; /* Permite o scroll horizontal */
    overflow-y: auto; /* Permite o scroll vertical quando necessário */
    height: 280px; /* Define a altura da tabela */
    padding: 0rem 0rem;
    margin: 1rem 2rem 1rem 2rem;
}

thead th {
    position: -webkit-sticky; /* Para compatibilidade com navegadores WebKit */
    position: sticky;
    top: 0; /* Faz o cabeçalho ficar no topo */
    background-color: #343a40; /* Cor do fundo para o cabeçalho, ajuste conforme necessário */
    color: white; /* Cor do texto para o cabeçalho, ajuste conforme necessário */
    z-index: 10; /* Garante que o cabeçalho fique acima do conteúdo */
}

td {
    font-size: small;
    padding: 0.2rem!important;
}

.table-responsive td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.col-tipo {
    max-width: 22px; 
    text-align: center;
}

.col-titulo {
    max-width: 90px;
}

.col-acoes {
    width: 90px; /* Ajuste conforme necessário */
    text-align: center;
}

@media(max-width: 992px) {
    #titulo-pagina {
        padding: 1rem 0.5rem;
    }
    .grupo-pesquisa {
        padding: 0 0.5rem 1rem 0.5rem;
    }
    .table-responsive {
        padding: 0;
        margin: 0.5rem 0.5rem 0.5rem 0.5rem;
    }
    #campo-pesquisa {
        height: auto;
        max-width: 60%;
    }
    .col-titulo {
        min-width: 300px;
    }
    .col-tipo {
        min-width: 95px; 
    }
    .col-acoes {
        justify-content: center;
        min-width: 90px; /* Ajuste conforme necessário */
    }
    .fieldset-custom {
        margin: 0 0.5rem;
    }
}