#submit_borrar{
    display:contents;
    color: #337ab7;
}

.caja_fechas {
    width:100%;
    border:1px solid #aaa;
    padding:10px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.numeros {
    width:100%;        
    background: #f60;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #00f;
    display: inline-block;
    font-weight: bold;
    text-align: center;
}


.div_fichaje{
    width:300px; 
    margin:0 auto;
}
.dashicons, .dashicons-before:before {
    vertical-align: middle;    
}
.btn_fichajes{
    color:#000 important;
    margin:5px 0px;
    font-size: 1.2rem;
}

.btn-onsat {
    color: #000;
    background-color: #ff6600;
    border-color: #ff6600;
}
.btn-onsat.disabled {
    color: #000;
    background-color: #f8b284;
    border-color: #f8b284;    
}

.bg-primary {
    background-color: #f60 !important;
}

/* Smartphones (landscape) y tablets vertical*/
@media only screen 
and (min-width : 321px) {
    .numeros {
        font-size: 3rem;
        color:#000 !important;
    }    
    .fuente_grid_fichajes {
        font-size:0.9rem;
    }

    /*pantalla fichar*/
    .div_fichaje{
        width:315px; 
        text-align: center;
        margin:0 auto;
    }  
    .usuario {
        font-size:1.2rem;
    }
    .btn_grupo_fichar {
        width:70%;
    }    
    .btn_fichajes{
        color:#000 important;
        margin:7px 0px;
        font-size: 1.2rem;
    }
}


/* iPads (portrait & landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    .numeros {
        font-size: 3rem;
        color:black !important;
    }
    .fuente_grid_fichajes {
        font-size:1rem;
    }
}
/* iPads (landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    .numeros {
        font-size: 3rem;
        color:black !important;
    }
    .fuente_grid_fichajes {
        font-size:1rem;
    }
}




/* Ordenadores de sobremesa y portátiles y tablets en horizontal*/
@media only screen 
and (min-width : 1224px) {
    .div_fichaje{
        --width_tablet:1000px;
        --width_movil:700px;
        width: var(--width_tablet); /*width: var(--width_movil);*/
        text-align: center;
        margin:0 auto;
    }  
    .usuario {
        font-size:1.8rem;
    }
    .btn_grupo_fichar {
        width:50%;
    }
    .btn_fichajes {
        color:#000 important;
        height: 80px;
        margin:5px 0px;
        font-size: 1.5rem;
    }
}


/* Pantallas grandes */
@media only screen 
and (min-width : 1824px) {
    .numeros {
        font-size: 3rem;
        color:red !important;
    }    
    .fuente_grid_fichajes {
        font-size:unset;
    }
}

.hidden_onsat{
    display:none !important;
}