/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.table-fixed tbody {
    height: 300px;
    overflow-y: auto;
    width: 100%;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}

.table-fixed tbody td,
.table-fixed tbody th,
.table-fixed thead > tr > th {
    float: left;
    position: relative;

    &::after {
        content: '';
        clear: both;
        display: block;
    }
}


/* JAVI */

#tb_reporte_rutas_length:focus{
    box-shadow:0 0 0 0.2rem rgba(86,204,157,0.25);
}
div.dataTables_wrapper div.dataTables_length {
	width: 40% !important;
}
select:focus{
    box-shadow:0 0 0 0.2rem rgba(86,204,157,0.25) !important;
    outline: none;
}

div.dataTables_wrapper div.dataTables_length label {
	width: 100% !important;
}

div.dataTables_wrapper div.dataTables_length select {
	border: 1px solid #ced4da;
    height: 36px;
    background-color: white;
    width: 15%;
}


div.dataTables_wrapper div.dataTables_filter input {
	border: 1px solid #ced4da;
    height: 36px;
    border-radius: 0.4rem;
    background-color: white;
    width: 60%;
}

div.dataTables_wrapper div.dataTables_filter{
    width: 45%;
}


div.dataTables_wrapper div.dataTables_filter label{
    width: 100%;
}

div.dataTables_wrapper div.dataTables_filter input:focus{
    outline: none;
    box-shadow:0 0 0 0.2rem rgba(86,204,157,0.25) !important;
}

.odd:hover{
    cursor: pointer;
    background-color: rgba(64, 180, 134, 0.808) !important;
    color: white !important;
    transition: .3s;
}

.alert-info{
    color:rgb(255, 255, 255) !important;
}

.alert-info,.alert-info>th,.alert-info>td{background-color: rgba(22, 99, 68, 0.808) !important}