:root {
     --cor_principal: #d9534f;
     --cor_secundaria: #ffd9cc;
     --cor_principal_rgb: 217, 83, 79;
}
 a:link {
      color: var(--cor_principal);
 }

 a:visited {
      color: var(--cor_principal);
 }

 a:hover {
      color: var(--cor_principal);
      background-color: var(--cor_secundaria);
 }

 a.btn {
      color: white;
 }
a.escuro {
     color: #000000;
}
 table {
      table-layout: auto !important;
 }
 
 th, td {
     text-align: center !important;
}
.cor_principal {
     background-color: var(--cor_principal); /* dodgerblue;*/
     color: white;
}
.cor_secundaria {
     background-color: var(--cor_secundaria);
}
.text-cor_principal {
     color: var(--cor_principal);  /* dodgerblue;*/
} 
.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;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
     /*altera a cor de fundo dos selecionados no select2 em múltiplo*/
     background-color: var(--cor_principal) !important;
     color: white !important;
     border: 1px solid white !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
     /*altera a cor de fundo do hover no select2*/
     background-color: var(--cor_principal) !important;
     /* Cor de fundo no hover */
     color: white !important;
}