body {
    background-color: rgb(255, 255, 255);
}


footer { 
    position: absolute;
    bottom: 0px;
    width: 100%;


}



.marcas{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fa4c07;
    position: absolute;
 }

 .legendas{
    
    font-size: 10px;

    color: #110501;
    position: absolute;
 }



/* FIXA CABEÇALHO DA TABELA */
.table-responsive {
    position: relative;
    /*height: 70vh;*/
    overflow: auto;
}

table thead {
    background-color: #fff !important; /* Aplica no <thead> */
}

table thead tr {
    background-color: #fff !important; /* Garante no <tr> */
}

table thead th {
    position: sticky;
    top: -1px;
    background-color: #fff !important; /* Aplica diretamente nos <th> */
    z-index: 10;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); /* Opcional, destaque */
}

/* ---------------------------------------------------------------------------*/



/*   BOTOES MAIS ESTILIZADOS -------------------- */
.btn-xx-danger {
                color: #8B0000 !important;             /* texto normal */
                border: 1px solid red !important;  /* borda vermelha escura */
                background-color: white !important;    /* fundo branco */
                transition: all 0.3s ease !important;  /* transição suave */
            }

.btn-xx-danger:hover {
                background-color: #8B0000 !important;
                color: white !important; /* muda a cor do texto quando hover */
            }


.btn-xx-warning {
                color: #a8a609 !important;             /* texto normal */
                border: 1px solid rgb(207, 243, 78) !important;  /* borda vermelha escura */
                background-color: white !important;    /* fundo branco */
                transition: all 0.3s ease !important;  /* transição suave */
            }

.btn-xx-warning:hover {
                background-color: #a8a609 !important;
                color: white !important; /* muda a cor do texto quando hover */
            }


.btn-xx-primary {
                color: #211497 !important;             /* texto normal */
                border: 1px solid rgb(25, 86, 216) !important;  /* borda vermelha escura */
                background-color: white !important;    /* fundo branco */
                transition: all 0.3s ease !important;  /* transição suave */
            }

.btn-xx-primary:hover {
                background-color: #211497 !important;
                color: white !important; /* muda a cor do texto quando hover */
            }
/*-------------------------------------------------*/