/* ESTILOS CUSTOMIZADOS DE LOS DATEPICKERS */
/* 
    Created on : 10-feb-2021, 13:34:51
    Author     : ljlazaro
*/  


/* datepicker */
div.datepicker {
        color: #333;
}
/*
.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;
}
 */
.datepicker td.day {
	text-align: center;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
        background: #eeeeee;
        color: #333;
        text-shadow: none;
}
.datepicker td.disabled.day {
	background: rgba(220, 20, 60,.2);
	color:  rgba(220, 20, 60,.4);
}
.datepicker td.old.day, .datepicker td.new.day {
	background: rgba(0, 0, 0,.2);
	color: rgba(0, 0, 0,.4);
	border-radius: 0px;
}
.datepicker td.range.day {
	background: rgba(0, 164, 220,.3);
}
.datepicker table tr td.selected.day,
.datepicker table tr td.selected.highlighted.day {
	background: rgba(0, 164, 220,.7);
        color: #333;
        text-shadow: none;
}
.datepicker table tr td, .datepicker table tr th {
        border-radius: 0;
}

.datepicker table tr td span {
        display: block;
        width: 23%;
        height: 54px;
        line-height: 54px;
        float: left;
        margin: 1%;
        cursor: pointer;
        border-radius: 4px;
}
.datepicker table tr td span:hover, .datepicker table tr td span.focused {
        background: #eeeeee;
}