/*
* ==========================================
*             JQUERYVALIDATE (INICIO)
* ==========================================
*/
label.error {
    display: block;
    margin-top: 0rem;
    font-size: 0rem !important;
    color: #dc3545;
    margin-bottom: 0rem !important;
}

input.error, select.error, textarea.error, div.error {
    /*border-color: #dc3545; */
    border: 1px solid #dc3545 !important;
}

input.valid, select.valid, textarea.valid {
    /*border-color: #28A745; 
  border: 1px solid #28A745 !important;*/
}


/* VALIDAR CON JQUERYVALIDATE-- SELECT2*/
select.error + label.error + .select2-container .select2-selection--single {
    border: 1px solid #dc3545 !important;
}


{
}
/*label.valid + span.select2-container--bootstrap4 {
  border-color: #28A745; 
  border: 1px solid #28A745 !important;
}*/
/*
* ==========================================
*            // JQUERYVALIDATE (FIN)
* ==========================================
*/
/*
* ==========================================
*             CONFIGURACIONES DATATABLE JS
* ==========================================
*/
thead {
    background-color: #ccc;
    vertical-align: middle;
}

.tbCabecera > tr > th {
    font-size: 0.8rem;
    font-weight: bold;
    color: #ffffff !important;
    background-color: #566A7F !important;
    padding:0;
}

.titulo{
    font-size: 1.2rem;
}

.tbCuerpo :not(.tbIgnorar_01) {
    font-size: 0.8rem;
}


div.dataTables_wrapper div.dataTables_filter input {
    display: block;
    width: 350px !important;
}

div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter {
    margin-top: 1rem;
    margin-bottom: 1rem;
}



@media screen and (max-width: 767px) {
    div.dt-buttons {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 1em;
    }
}

.page-link {
    padding: 0.5125rem 0.5125rem;
}

.table > :not(caption) > * > * {
    padding: .625rem 1.25rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

thead, tbody, tfoot, tr, td, th {
    padding-top: .4rem;
    padding-bottom: .4rem;
}

/*
* ==========================================
*           //  CONFIGURACIONES DATATABLE JS
* ==========================================
*/