.colorFondo { background-color:#0099CC!important; color:white!important;  }

.colorFondoBody { background-color: white;  }
.subtitulo{
    border-bottom : 2px solid lightgray; font-size : 22px; margin-top:10px; margin-bottom:10px; width : 100%;
}

button {cursor: pointer;}


.tablelab thead { *width: calc( 100%   );  font-size:11px;}
.tablelab tbody {  background-color:white;}
.tablelab thead, .tablelab tbody tr {
                     display:table;
                     width:100%;
                     table-layout:fixed;}



                     .tablelab thead tr {
                        box-shadow: 0 5px 8px 0 rgba(50, 50, 50, 0.35);
                        -webkit-box-shadow: 0 5px 8px 0 rgba(50, 50, 50, 0.35);
                        -moz-box-shadow: 0 5px 8px 0 rgba(50, 50, 50, 0.35);
 }

 .tablelab thead tr th{

border-bottom:1px solid  #ddd;
/*text-align:center;*/

}
.tablelab tbody tr td{
padding-left:5px;
padding-top:10px;
padding-bottom:10px;
}

.tablelab tbody tr {
 font-size:11px;
}






@media  (max-height: 1079px) {
    .tablelab tbody  {
    display: block;
    min-height:30px;
    max-height:520px;
    overflow-y:auto;
    }


}

@media  (max-height: 767px) {
    .tablelab tbody  {
        display: block;
        min-height:30px;
        max-height:300px;
        overflow-y:auto;
    }


}

@media   (max-height:479px) {
    .tablelab tbody  {
    display: block;
    min-height:30px;
    max-height:110px;
    overflow-y:auto;
    }

}
@media   (max-height:239px) {
    .tablelab tbody  {
        display: block;
        min-height:30px;
        max-height:80px;
        overflow-y:auto;
    }

}


@media  only screen and (max-width: 1920px) {
    .tablelab  {
        display: block!important;
        min-width:1850px!important;
        overflow-y:auto!important;
    }

}



@media  only screen and  (max-width:1366px) {
    .tablaGenerica  {
        display: block!important;
        min-width:1280px!important;
        overflow-y:auto!important;
    }

}


@media  only screen and    (max-width:639px) {
    .tablaGenerica  {
        display: block!important;
        min-width: 1200px!important;
        overflow-y:auto!important;

    }

}


@media  only screen and    (max-width:319px) {
    .tablaGenerica  {
        display: block!important;
        min-width: 1200px!important;
        overflow-y:auto!important;
    }

}