/* --------------------------- Calendario ------------------------ */

.bootstrap-datetimepicker-widget {
    max-width: 415px;
}

.datepicker {
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.datepicker-days > table {
    border: none !important;
}

.picker-switch {
    border: none !important;
}

/* Título */
.picker-switch {
    color: black !important;
    background-color: white !important;
    border-bottom: 1px solid;
}

/* Botones */

.prev {
    color: #3C763D !important;
    background-color: white !important;
}

    .prev.disabled {
        color: white !important;
        background-color: #eeeeee !important;
    }

.next {
    color: #3C763D !important;
    background-color: white !important;
}

    .next.disabled {
        color: white !important;
        background-color: #eeeeee !important;
    }

/* Días de la semana */

.dow {
    color: black !important;
    background-color: white !important;
    border-bottom: 1px solid;
}

/* Selección de días */

/* Días inactivos */

.day.disabled {
    color: #cccccc !important;
}

/* Días con disponibilida alta */

.day.green {
    background-color: lightgreen !important;
    border: solid white 2px !important;
}

/* Días sin citas */

.day.yellow {
    background-color: #F7FE2E !important;
    border: solid white 2px !important;
}

/* Días sin citas */

.day.red {
    background-color: #FE2E2E !important;
    cursor: not-allowed;
    border: solid white 2px !important;
}

/* Día seleccionado */

.day.active {
    background-color: transparent !important;
    border-top: solid black 2px !important;
    border-bottom: solid black 2px !important;
    color: black !important;
    font-weight: bold;
    max-height: 20px !important;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #3C763D !important;
}