/*
.spDatePicker button.active {
    background-color: inherit;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e7eaec;
}

.spDatePicker button.btn-info {
    background-color: #23c6c8 !important;
    border-color: #23c6c8;
}

.spDatePicker .text-info {
    color: #333 !important;
    font-weight: bold;
}
*/


/* Eliminar estilo del borde los botones del calendario */
.spDatePicker .uib-datepicker-popup button.btn-default {
    border: 1px solid rgba(255, 255, 255, 0);
    /* Borde transparerente entre los botones */

    color: var(--spStylePaleteColor3);
    background: rgba(255, 255, 255, 0);
}

/* Fecha activa */
.spDatePicker .uib-datepicker-popup button.btn-info {
    background: rgba(0, 60, 136, .5);
}

/* Indicador sobre fecha */
.spDatePicker .uib-datepicker-popup button.btn-default:hover {
    border: 1px solid rgba(0, 60, 136, .5);
}

.spDatePicker .dropdown-menu {
    padding: 5px;
    border-radius: 5px;
}

.spDatePicker tr.uib-weeks:hover {
    background: rgb(202, 210, 219);
}




/* * * CALENDARIO  * * */
/* Eliminar borde y color de los botones del calendario */
/*
.spDatePicker button.btn-default{
         border: 0px solid var(--spStylePaleteColor6);
    background: none;
}
*/

/* Eliminar borde de los botones de navegación del calendario */
.spDatePicker thead button.btn-default {
    border: 0px solid var(--spStylePaleteColor6);
    background: none;
}

/* Eliminar estilo de los botones de dia del calendario */
.spDatePicker .uib-datepicker button.btn-default {
    border: 0px solid var(--spStylePaleteColor6);
    background: none;
}

/* Elemento indicador de la semana */
.spDatePicker tr.uib-weeks td:first-child {
    color: var(--spStylePaleteColor4);
    /* border-right: 1px solid var(--spStylePaleteColor4); */
}


/* Color del dia cuando pasas el raton */
.spDatePicker .uib-day button.btn-default span:hover,
.spDatePicker .uib-month button.btn-default span:hover,
.spDatePicker .uib-year button.btn-default span:hover {
    /* border-bottom: 2px solid var(--spStylePaleteColor7); */
    border: none;
    color: var(--spStylePaleteColor7);
    font-weight: bold;
}

/* Fecha activa */
.spDatePicker .uib-day button.btn-info {
    background: var(--spStylePaleteColor6);
}

/* Horas del calendario */

.spDatePicker .uib-timepicker span.glyphicon {
    color: var(--spStylePaleteColor5);
}

.spDatePicker .uib-timepicker .uib-time .form-control {
    border: 0px solid white;
    /* Eliminar borde */
}

.spDatePicker .uib-timepicker .uib-time.am-pm .btn-default {
    background: var(--spStylePaleteColor5);
}


/* Fecha activa */
.spDatePicker .uib-datepicker-popup button.btn-info {
    background: var(--spStylePaleteColor6);
}

/* Indicador sobre fecha */
.spDatePicker .uib-datepicker-popup button.btn-default:hover {
    border: 0px solid var(--spStylePaleteColor6);
}

.spDatePicker tr.uib-weeks:hover {
    background: var(--spStylePaleteColor4);
    border-radius: 5px;
}


.spDatePicker tr.uib-weeks td:first-child {
    color: var(--spStylePaleteColor4);
    /* border-right: 1px solid var(--spStylePaleteColor4); */
}

.spDatePicker tr.uib-weeks:hover td:first-child {
    color: white;
    /* border-right: 1px solid var(--spStylePaleteColor4); */
}

/* Linea lateral del dia de la semana */
.spDatePicker tr.uib-weeks td:first-child:before {
    content: '';
    display: inline-block;
    margin: auto;
    left: 20px;
    position: relative;
    width: 1px;
    height: 10px;
    background: var(--spStylePaleteColor4);
}

.spDatePicker .uib-datepicker-popup button.btn-default span:hover {
    /* border-bottom: 2px solid var(--spStylePaleteColor7); */
    color: var(--spStylePaleteColor7);
    font-weight: bold;
}

.spDatePicker .uib-daypicker i.glyphicon-chevron-right,
.spDatePicker .uib-daypicker i.glyphicon-chevron-left,
.spDatePicker .uib-monthpicker i.glyphicon-chevron-right,
.spDatePicker .uib-monthpicker i.glyphicon-chevron-left,
.spDatePicker .uib-yearpicker i.glyphicon-chevron-right,
.spDatePicker .uib-yearpicker i.glyphicon-chevron-left {
    color: var(--spStylePaleteColor5);
}

.spDatePicker .uib-daypicker button span.text-info,
.spDatePicker .uib-months button span.text-info,
.spDatePicker .uib-years button span.text-info {
    color: var(--spStylePaleteColor3);
    font-weight: bold;
}


.spDatePicker .uib-months .btn-default:active,
.spDatePicker .uib-months .btn-default.active,
.spDatePicker .uib-months .open .dropdown-toggle.btn-default,
.spDatePicker .uib-years .btn-default:active,
.spDatePicker .uib-years .btn-default.active,
.spDatePicker .uib-years .open .dropdown-toggle.btn-default {
    box-shadow: none;
}

/* Evitamos la salida de teclado en dispositivos móviles */
.spDatePicker {
    position: relative;
}

.cajaFechaMascara {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0);
    cursor: pointer;
}