body
{
    /*padding-top:50px;   */
}
.navbar
{    
    background-color:#FFF;
    color:#000;
    
}
.navbar img
{
    max-height:100%;
}
.page-header
{
    margin:20px 0 20px;
}
.card-header
{
    font-weight:bold;
}

.center
{
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
.center img
{
    height: 128px;
    width: 128px;
}

.button_start {
  border-radius: 50%;
  width:50%;
  padding-top: 20%; 
  padding-bottom: 20%; 
  margin-left:25%;
  border:0;
  font-size:25px;
}
.form-group {
    margin-bottom: 15px;
    top: 0 !important; 
    left: 0 !important; 
}
.card-header{
    text-transform:uppercase;
    text-align-last:center;
    font-weight:900;
}
.card-header.bg-success {
    color:#FFF;
    }
.card-header.bg-danger {
    color:#FFF;
    }
h1.alert{
    font-size:16px;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
}
/*MOVIL*/

    .div_movil
    {
        vertical-align:middle;
        padding:15px;
        margin-top:30px;
        margin-bottom:30px;

    }

    .div_movil .material-icons{font-size:120px;} 
/* FICHADOR */
    .btn_numero
    {font-weight:900; font-size:25px; border:1px solid #000;}
    .btn_accion
    {
        font-size:33px;
    }
    .btn_cancel{
        margin-top:15px;
    }
    h4 {
        font-weight: 900;
    }
    .row_login{margin-bottom:40px;}  /*
        height: 25px;
        line-height: 25px;*/
        /*position: absolute;
        bottom: 0;
        margin-top:0;*/
    .div_horas
    {
        vertical-align:middle;
        padding:15px;
        margin-top:30px;
        margin-bottom:30px;

    }
    .div_horas .btn
    {
        margin-top:75px;       
    }
    .div_horas .material-icons{
        font-size:200px;
    }
@media screen and (orientation:portrait){
    .div_empresa{width:100%; text-align:center;}
    .div_empresa h4 { font-weight:normal;}
    .div_usuario{width:100%; text-align:center; margin-bottom:15px;}
}
@media screen and  (max-width: 799px){
    .page-header h4 { font-size:14px;}   
}
@media screen and (orientation:landscape){
    .div_usuario{text-align:right;}
}
@media screen and (orientation:landscape) and (min-width: 800px) and (max-height:480px) {
    .footer {
        position: relative;
        margin-top: 25px;
    }
}
/*RASPBERRY*/
@media screen  and (orientation:landscape) and (min-width: 800px) and (min-height:480px) {
    .btn_numero {font-weight: 800; font-size:18px}
    .btn_accion {
        font-size: 25px;
    }
    .row_login{margin-bottom:20px;}
    .btn_cancel {margin-top: 0;}
    .footer{
        position: absolute;
        bottom: 0;
        margin-top:0; margin-left:auto;
    }
    .page-header {
        margin-bottom: 0;
    }
    .div_horas {
        margin-top: 15px;
        margin-bottom:0px;
    }
}