/* body */
html, button, textarea, .form-date, ::placeholder {font-family:  'Mada', Helvetica, Arial, sans-serif;} 
body {background: #f2f4f8}

::placeholder {
  color: #98a2a3;
}

/* colores relleno */
.fill-white{
    color:#ffffff;
}
.fill-black{
    color:#000000;
}
.fill-dark-blue{
    color:#003b4a;
}
.fill-light-blue{
    color:#00a7e1;
}
.fill-lighter-blue{
    color:#a9e7fc;
}

.fill-grey{
    color:#414d4f;
}
.fill-light-grey{
    color:#98a2a3;
}
.fill-super-light-grey{
    color:#e0e0e0;
}
.fill-yes{
    color:#49eb34;
    }
.fill-light-yes{
    color:#9ec462;
    }
.fill-alert{
    color: #bf612a;
    }
/* colores fondo */
.background-black{
    background-color:#000000;
}
.background-white{
    background-color:#FFFFFF;
}
.background-dark-blue{
    background-color:#003b4a;
}
.background-light-blue{
    background-color:#00a7e1;
}

/* msg */
.form-input{
    background: #FFFFFF;
}
.form-input-error{
    border-color: red;
}

.display-errors{
    margin-top: .5em;
    background: #e67f77;
    color: #ffffff;
    clear: both;
    float: left;
    padding: .4em;
    font-size: .9em;
    border-radius: 4px;
    border: 1px solid #d17f79;
    font-weight: 600;
}
.SI, .estado-4{
    color:#003b4a;
    font-weight: 700;
}
.SI, .estado-3{
    color: #8bbf2a;
    font-weight: 600;
}
 .estado-2{
    color: #cfb13a;
    font-weight: 600;
}
.NO, .estado-1{
    color: #bf612a;
    font-weight: 600;
}
/* alerts */
.alert{
    clear:both; 
    float:left;
    width:100%;
    padding:.5em;
    font-size:.8em;
    font-weight:600;
    margin:.5em 0 .5em 0;

}
.alert ul{list-style:none;}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.alert-success hr{border-top-color:#c9e2b3}
.alert-success .alert-link{color:#2b542c}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.alert-info hr{border-top-color:#a6e1ec}
.alert-info .alert-link{color:#245269}
.alert-warning{background-color:#FFF; border:2px solid #5797d2 ; font-weight:300;}
.alert-warning hr{border-top-color:#f7e1b5}
.alert-warning .alert-link{color:#66512c}
.alert-danger, .alert-register{color:#fff;background-color:#d22724;border-color:#ebccd1}
.alert-danger hr{border-top-color:#e4b9c0}
.alert-danger .alert-link{color:#245269}
.alert-noclose{background-image:none;}

.alert-register::after {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    border-color: transparent;
    border-style: solid;
    border-radius: 0.2em;
    border-width: .8em;
    z-index:888;
    border-top-color: #f2dede;
}

.reference-txt{
    color: #414d4f;
    font-size: .9em;
}
/* login */
#login-box{
    border: 1px solid #d4d5d8;
    border-radius: 8px;
    background: #ffffff;
}

/* forms */
.form-title, .form-check-label{
    color: #475254;
}
.form-input{
    border-color: #475254;
    border-radius: 4px;
}
.form-button{
   background: #00a7e1;
   color: #FFFFFF;
   font-weight: 600;
   text-transform: uppercase;
   border-radius: 4px;
}
.form-button:hover{
   background: #0ab4f0;
}

/* sidenav */
.sidenav-color{
    background: #FFFFFF;
}
.proyect-menu{
 
 border-radius: 0px 6px 6px 6px;
 padding: 1em;
}

.sidenav ul li.separator{
 
    background-color: #d6e0df;
}
/* header */



/* tables */

.data-table  {
 background:#FFFFFF;
 border-radius: 6px;
 padding: 1em;
}


.data-table .tr1{
  background:#ffffff;
  
}
.data-table  .tr2{
  background:#f5f7f5;
 
}
.data-table .tr-marked td {

 /*border-bottom:1px solid #ccc;*/
}
.data-table .tr-marked .strong{
 font-weight:700;
}
 .data-table  th{
 background:#FFFFFF;
 color:#000000;
 
}
.tbl-header th a{
 border-bottom: 2px solid #FFFFFF;
 color:#000000;
 text-decoration:none;
 }
.tbl-header th a:hover{
 color:#000000;
 border-bottom: 2px solid #00a7e1;
 }
 .no-bakcground{background: transparent}

 .total_footer{
    background: #000000;
    color: #FFFFFF;
 }

 /* otros */
 .tabmenu{
    font-size: 1.1em;
    border-bottom: 3px solid #e3e3e3;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 2em;
}
 .tabactive{
    color: #000000;
    border-bottom: 3px solid #00a7e1;
}
 .tabmenu:hover{
   
    border-bottom: 3px solid #000000;
  
}


.reserva_prop{
    background: #f08d86;
    color:#000000;
}
.reserva_prop_border{
    border: #f08d86;
    border-left:#FFFFFF;
}

.reserva_prop_out{
    background-image:linear-gradient(90deg, #f08d86 50%, transparent 50%);
}
.reserva_prop_in{
     border: #f08d86; background: #f08d86;
}


.reserva_pre{
    background: #e8e8cf;
    color:#000000;
}

.reserva_pre_border{
    border: #e8e8cf;
    border-left:#FFFFFF;
}

.reserva_pre_out{
    background-image:linear-gradient(90deg, #e8e8cf 50%, transparent 50%);
}
.reserva_pre_in{
     border: #e8e8cf; background: #e8e8cf;
}

.reserva_saldo{
    background: #60caeb;
    color:#000000;
}
.reserva_saldo_border{
     border: #60caeb;
    border-left:#FFFFFF;
}

.reserva_saldo_out{
    background-image:linear-gradient(90deg, #60caeb 50%, transparent 50%);
}
.reserva_saldo_in{
     border: #60caeb; background: #60caeb;
}

.reserva_saldo_total{
    background: #85d4a6;
    color:#000000;
}
.reserva_saldo_total_border{
     border: #85d4a6;
    border-left:#FFFFFF;
}

.reserva_saldo_total_out{
    background-image:linear-gradient(90deg, #85d4a6 50%, transparent 50%);
}
.reserva_saldo_total_in{
     border: #85d4a6; background: #85d4a6;
}