table {
  font-size: 100%; /* 100% = 16px */
}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.height23px {height: 23px;}

.font10px {font-size:10px;}

.width20px {width: 20px;}
.width40px {width: 40px;}
.width60px {width: 60px;}
.width80px {width: 80px;}
.width100px {width: 100px;}
.width120px {width: 120px;}
.width140px {width: 140px;}
.width160px {width: 160px;}
.width180px {width: 180px;}
.width200px {width: 200px;}

div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:230px}

.table tr td {
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}

.table tr th {
    vertical-align: top;
    text-align: center;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}








	


/* Telefono: el layout fija <html> en 12px, asi que todo lo de Bootstrap que va en rem queda chico
   (campos en 10.5px, botones en 10px). Se suben solo hasta 990px, el mismo corte que el menu.
   - Campos a 16px: es el minimo para que iOS no haga zoom al enfocar. No bajarlo.
   - Botones a 14px. Los .btn-mada-* conservan su tamano: lo fijan con !important en buttons.css
     porque van dentro de filas de tabla. */
@media (max-width: 990px) {
    .form-control,
    .custom-select,
    select,
    textarea,
    input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]):not([type=file]) {
        font-size: 16px;
    }

    .btn {
        font-size: 14px;
    }

    /* Filas fuera de un .container: el margen de -15px de Bootstrap las saca 10px de la pagina
       (el <html> solo tiene 5px de relleno) y todo el sitio desplazaba de lado. Se llevan a
       -5px con columnas de 5px: el contenido queda a la misma distancia del borde que antes y
       entre columnas quedan 10px. Las .no-gutters ya estan bien y no se tocan. */
    .row:not(.no-gutters):not(.container .row):not(.container-fluid .row) {
        margin-left: -5px;
        margin-right: -5px;
    }

    .row:not(.no-gutters):not(.container .row):not(.container-fluid .row) > .col,
    .row:not(.no-gutters):not(.container .row):not(.container-fluid .row) > [class^="col-"],
    .row:not(.no-gutters):not(.container .row):not(.container-fluid .row) > [class*=" col-"] {
        padding-left: 5px;
        padding-right: 5px;
    }
}