body {
    background-color: gainsboro !important;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: center;
    overflow: scroll;
    overflow-x: hidden;
    min-height: 100vh;
}

main {
    width: 97vw;
    margin-top: 2vh;
}

footer {
    margin-top: auto;
    align-self: flex-end;
    width: 100vw;
    max-width: 100vw;
    height: 5vh;
    max-height: 5vh;
    color: white;
    background-color: #229544;
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
}

footer p {
    margin: 0 !important;
}

.iniciar {
    color: black
}

#paginate .controls {
    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 8px;
}

#paginate .controls div {
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 14;
}

#paginate .controls div:not(.numbers),
#paginate .controls div.numbers div {
    width: 40px;
    height: 40px;
    
}

#paginate .controls div:not(.numbers):hover,
#paginate .controls div.numbers div:hover,
#paginate .controls div.numbers div.active {
    color: #00a632;
    font-weight: 900;

}

.bg-titulo {

    background-color: #93d482;
    text-align: center;
    font-family: -apple-system;
    border-radius: 10px;
}

.bg-subtitulo {

    background-color: #c0dfb8;
    text-align: center;
    font-family: -apple-system;
    border-radius: 10px;

}

.anexocampo1 {
    text-align: align-self auto;
    ;
}

.navbar {
    background-color: #229544;
    height: 55px;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    justify-content: space-between;
    z-index: 99;
}

.navbar .logo {
    width: 40px;
    margin-top: 4px;
}

.navbar .nameLogo {
    width: 200px;
}

.containerLogo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.containerImagemUsuario {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    background-color: #329b2e7c;
    width: max-content;
    color: #fff;
    padding: 2px 15px;
    border-radius: 25px;
    border: 2px solid #fff;
}

.containerImagemUsuario img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #fff;
}

.navbar {
    align-items: center;
}

.titulo {
    justify-content: center;
    padding: 15px 15px;
    display: flex;
    align-items: center;
}

.sair {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 15px;

}

.perfilESair {
    display: flex;
    align-items: center;
}

.filtros{
    align-items: center;
}

@keyframes abrirModalanimation {
    from{
        opacity: 0;
        transform: translate3d(-30px, 0, 0);
    }
    to{
        opacity: 1;
        transform:  translate(0,0, 0);
    }
}

.iniciar {
    animation: abrirModalanimation 0.9s;
    display: flex;
}

.tabela{
    width: 100%;
    color: #000000;
    background-color: transparent;
    display: table;
    text-indent: initial;
}

.tabela thead{
    background: linear-gradient(50deg, #32C912, #235e4e);
    color: #FFF;
    height: 2rem;
    border-radius: 10px; 
    text-align: center;
}

.tabela tbody td {
    line-height: 3;
}

.tabela tr {
    border-bottom: 1px solid #5eff0057;
}

.tabela tr:last-child {
    border-bottom:none;
}

.tabela td:first-child{
    width: 150px;
}

.tabela td:nth-child(2) {
    width: 100px;
}

.tabela td:nth-child(3) {
    width: 270px;
}

.tabela td:nth-child(4) {
    width: 20px;
}

.tabela td:nth-child(5) {
    width: 20px;
}

.tabela td:nth-child(6) {
    width: 20px;
}

.botao{
    background: transparent;
    border-radius: 20px !important; 
    border: 3px solid #32C912 !important;
    color: #000000 !important;
}

.div_filtros label{
    color: #000000;
    font-weight: bold; 
}

/* modais de inclusao alteracao e viszualisação */

.texto-Inicio-modal{
    border-bottom: 0px !important;
    text-align: center !important;
}

.texto-modal{
    border-radius: 16px !important;
    border: 3px solid #32C912 !important;
    margin: 0 auto;
}

.modal-body{
    color: #000000;
}

.tabela-geral tbody tr:hover {
    background-color: rgba(94, 255, 0, 0.075);
}

.titulo-comunicado{
    border-radius: 16px !important;
    border: 3px solid #32C912 !important;
    box-sizing: border-box;
        /* Isso inclui a borda no tamanho total */
        width: 100%;
}

.visualizar{
    border-radius: 16px !important;
    border: 3px solid #00000022;
    background-color: transparent !important;
    color: #000000 !important;
}