/** 
 * Solo incluyen estilos que sobreescriben los originales
 * Incluir en la hoja de estilos o ponerlos después
 *
 */

body{
    background: rgba(255,255,255,.6) !important;
    padding: 10px 0 !important;
}
a, a:hover{
    color: #920234 !important;
}
#datos_reserva .col-sm-12:not([id]){
    display: none !important;
}
#datos_reserva  #reservar_button, #datos_reserva  #waiting_button_list{
    width: 50% !important;
}
#datos_reserva  #reservar_button{
    margin-top: 55px !important;
}
.form-control:not([type=button]){
    background: #FFFFFF;
    border: 1px solid #eee;
    box-shadow: none;
    outline: none;
}
.reservarButton {
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0;
    box-shadow: none;
    border: none;
    background: #920234 !important;
    color: #ffffff;
}
#waiting_button_list input{
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #122a40 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
@media screen and (min-width: 1px) and (max-width: 1000px){
    #datos_reserva  #personas_box, #datos_reserva  #hour_box,
    #datos_reserva  #reservar_button, #datos_reserva  #waiting_button_list{
        width: 100% !important;
    }
    #datos_reserva  #reservar_button{
        margin-top: 10px !important;
    }
}

/* ===== DATEPICKER ====== */
.ui-widget-content {
    border: 1px solid #eee !important;
    color: #222222;
    box-shadow: 0 0 10px rgba(100,100,100,.2);
}
.ui-widget-header{
    border: none;
    border-bottom: 1px solid #eee !important;
}
.ui-datepicker-calendar tbody td{
    padding: 0 !important;
    box-sizing: border-box;
}
.ui-state-default, .ui-widget-content .ui-state-default{
    border: none !important;
    box-shadow: none !important;
    width: 35px !important;
    height: 35px !important;
    line-height: 35px;
    text-align: center;
    margin: 0 !important;
    box-sizing: border-box;
    padding: 0 !important;
}
a.ui-state-active {
    background-color: #920234 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 50%;
}
.ui-widget-content a.ui-state-default:hover {
    background: #eee;
    border-radius: 50%;
}