/* backgrownd color y redondeo esquinas */
.datepicker-dropdown { 
  top: 0;
  left: 0;
  padding: 4px;
  background-color: var(--secondary); /* #2C6E8E; */
  border-radius: 10px;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}

/* color de los dias */ 
.datepicker table tr td,
.datepicker table tr th {  
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
  color: var(--white); /*#FFFFFF;*/
}

/* cambia aspecto dias al pasar el raton */
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: var(--gray-700); /*#555555;*/
  cursor: pointer;
}

/* color del dia preseleccionado que viene del input que no cohincide con el de hoy */
.datepicker table tr td.active, 
.datepicker table tr td.active.disabled, 
.datepicker table tr td.active.disabled:hover, 
.datepicker table tr td.active:hover {
	background-color: var(--urv); /*#006dcc;*/
	background-image: -moz-linear-gradient(to bottom,var(--urvlight1),var(--urvdark1));
	background-image: -ms-linear-gradient(to bottom,var(--urvlight1),var(--urvdark1));
	background-image: -webkit-gradient(linear,0 0,0 100%,from(var(--urvlight1)),to(var(--urvdark1)));
	background-image: -webkit-linear-gradient(to bottom,var(--urvlight1),var(--urvdark1));
	background-image: -o-linear-gradient(to bottom,var(--urvlight1),var(--urvdark1));
	background-image: linear-gradient(to bottom,var(--urvlight1),var(--urvdark1));
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--urvlight1), endColorstr=var(--urvdark1), GradientType=0);
	border-color: var(--urv) var(--urv) var(--urvdark2); /* #04c #04c #002a80; */
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: var(--white); /*#fff;*/
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

/* color de los dias del mes anterior y posterior */
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: var(--silver); /*#FF8000;*/
}

/* color para el dia de hoy */
.datepicker table tr td.today, 
.datepicker table tr td.today.disabled, 
.datepicker table tr td.today.disabled:hover, 
.datepicker table tr td.today:hover {
	color: var(--gray-800); /*#000000;*/
	background-color: var(--urvlight1); /*#FFA953;*/
	border-color: var(--gray-900); /*#FFB76F;*/
	background-image: -moz-linear-gradient(to bottom,var(--urvlight3),var(--urvlight1));
	background-image: -ms-linear-gradient(to bottom,var(--urvlight3),var(--urvlight1));
	background-image: -webkit-gradient(linear,0 0,0 100%,from(var(--urvlight1)),to(var(--urvlight3)));
	background-image: -webkit-linear-gradient(to bottom,var(--urvlight3),var(--urvlight1));
	background-image: -o-linear-gradient(to bottom,var(--urvlight3),var(--urvlight1));
	background-image: linear-gradient(to bottom,var(--urvlight3),var(--urvlight1));
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* hover sobre el dia de hoy */
.datepicker table tr td.today:hover {
  color: #FFFFFF;
  background-color: var(--success); /* #884400; */
  border-color: #f59e00;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
  color: #ffffff;
  background-color: var(--orange); /* #419841;*/
  border-color: #285e8e;
}

/* ----- */
/* pulsando en años ... busqueda por años y meses :hover en mes selecionado */
.datepicker table tr td span.active, 
.datepicker table tr td span.active.disabled, 
.datepicker table tr td span.active.disabled:hover, 
.datepicker table tr td span.active:hover {
	background-color: var(--urv); /*#006dcc;*/
	background-image: -moz-linear-gradient(to bottom,var(--urvlight1),var(--urvdark1));
	background-image: -ms-linear-gradient(to bottom,var(--urvlight1),var(--urvdark1));
	background-image: -webkit-gradient(linear,0 0,0 100%,from(var(--urvlight1)),to(var(--urvdark1)));
	background-image: -webkit-linear-gradient(to bottom,var(--urvlight1),var(--urvdark1));
	background-image: -o-linear-gradient(to bottom,var(--urvlight1),var(--urvdark1));
	background-image: linear-gradient(to bottom,var(--urvlight1),var(--urvdark1));
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--urvlight1), endColorstr=var(--urvdark1), GradientType=0);
	border-color: var(--urv) var(--urv) var(--urvdark2); /* #04c #04c #002a80; */
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: var(--white); /*#fff;*/
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
/* mes selecionado */
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
	background-color: var(--urvdark2); /* #04c; */
}
/* hover sobre meses no selecionados */
.datepicker table tr td span.focused, .datepicker table tr td span:hover {
	background: var(--urv); /* #eee; */
}
/* --fin para años */

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus {
  color: #ffffff;
  background-color: var(--cyan); /* #285e8e; */
  border-color: #193c5a;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
  color: #ffffff;
  background-color: var(--success); /* #3071a9; */
  border-color: #285e8e;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus {
  color: #ffffff;
  background-color: var(--silver); /* #285e8e; */
  border-color: #193c5a;
}

/* encabezado para año y mes ... */
.datepicker .datepicker-switch {
  width: 145px;

}
/* ... encabezado para año y mes */
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: var(--gray-700); /*#50A2C9;*/
}