*{
    font-family: 'Roboto', sans-serif;
}

#loader {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: rgba(98, 98, 98, 0.75) no-repeat center center;
  z-index: 10000;
}
body.busy #loader {
    visibility:visible !important;
}

.form-help{
    font-style: italic;
    font-size: 0.9rem;
}
.input-group label.input-group-text{
    width: 100%;
    font-size: 0.9rem;
}
.form-control:focus{
    box-shadow: none;
}
.material-icons.mr{
    margin-right: 12px;
}
.material-icons.ml{
    margin-left: 12px;
}
.btn-primary{
    border: none;
}
.btn-check:focus + .btn-primary, .btn-primary:focus{
    border: none;
    box-shadow: none;
}
select.form-control options{
    font-family: 'Roboto', sans-serif;
}

/* Benviguda */
#benvenida_page .card{
    background-color: #FFF;

    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
#bto_primera, #bto_seguimiento {
    min-width: 280px;
}

/* Calendario */
.calendario * {
    font-family: 'Pushster', cursive;
}
.item-dia{
    margin-bottom: 20px;
}
.horas div.row{
    margin-bottom: 6px;
}
.horas div.row:hover{
    filter: brightness(90%);
}
.calendario .cal_item_dia{
    padding: 10px;
}
.calendario .cal_item_dia .cal_num_dia{
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 1.3rem;
}

/* Estilos del calendario para móviles */
@media (max-width: 768px) {
    .calendario .cal_item_dia{
        padding: 0px 10px 5px 10px;
        margin-bottom: 3px;
    }
    .calendario .cal_item_dia div{
        display: inline;
    }
    .calendario .cal_item_dia .cal_texto_dia {
        display: inline-block;
        min-width: 75px;

    }
    .calendario .cal_item_dia .cal_num_dia{
        margin-right: 10px;
        padding: 12px 15px;
        -webkit-box-shadow: 0px 0px 15px -8px #000000;
        box-shadow: 0px 0px 15px -8px #000000;
    }
}

/* Estilos del calendario para mayor que móviles */
@media (min-width: 768px) {
    .item-dia{
        padding: 10px 0px;
    }
    .calendario .cal_item_dia{
        padding-top: 0px;
        text-align: center;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        width: 130px;
    }
    .calendario .cal_item_dia .cal_num_dia{
        display: inline-block;
        padding:12px 18px;
        font-size: 1.8rem;
        margin: -6px 0px 10px;

    }
    .calendario .cal_item_dia .cal_texto_dia{
        font-size: 1.2rem;
    }
}

/* Estilos para mayor que tableta */
@media (min-width: 992px) {
    .input-group label.input-group-text{
        width: 200px;
    }
}