:root {
     --cor_principal: #008057;
     --cor_secundaria: #e6fff6;
}
a:link {
     color: var(--cor_principal);
}
a:visited {
     color: var(--cor_principal);
}
a:hover,
li:hover {
     color: var(--cor_principal);
     background-color: var(--cor_secundaria);
}
a.btn {
     color: white;
}
a.escuro {
     color: #000000;
}
th,td {
     text-align: center !important;
}
.cor_principal {
     background-color:var(--cor_principal);
     color: white;
}
.cor_secundaria {
     background-color:var(--cor_secundaria);     /*e6fff6 #cedad6; */
}
.text-cor_principal {
     color: var(--cor_principal);
}
.paginate_button.active .page-link {
     background-color: var(--cor_principal) !important;
     /*border: 1px solid red !important;*/
}

@media only screen and (max-width: 600px) {
     .pc {
          display: none;
     }
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
     background-color: var(--cor_secundaria);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
     background-color: var(--cor_principal);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
     color: white !important;
     background-color: var(--cor_principal) !important;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--cor_principal)), color-stop(100%, var(--cor_principal))) !important;
     background: -webkit-linear-gradient(top, var(--cor_principal) 0%, var(--cor_principal) 100%) !important;
     background: -moz-linear-gradient(top, var(--cor_principal) 0%, var(--cor_principal) 100%) !important;
     background: -ms-linear-gradient(top, var(--cor_principal) 0%, var(--cor_principal) 100%) !important;
     background: -o-linear-gradient(top, var(--cor_principal) 0%, var(--cor_principal) 100%) !important;
     background: linear-gradient(to bottom, var(--cor_principal) 0%, var(--cor_principal) 100%) !important;
}
/*
@media only screen and (max-height: 300px) {
     .pc {
          display: none;
     }
}
/*Cor verde: var(--cor_principal) verde claro: var(--cor_secundaria) amarelo: #ffff00 cinza: #dbdbdb */