@charset "utf-8";
/* dt.css - formatos para dt (date / time) */

.css_dt_btn {
	color: #a0a0a0;
	/* vertical-align: middle; */
    display: flex;
    align-items: center;
	cursor: pointer;
}
.css_dt_btn:hover {
	color: #000;
}

.css_date_1 {
	width: 135px;
}
.css_time_1 {
	width: 80px;
}
.css_dt_b {
	float: left;
	width: 16px;
	padding-top: 4px;
}
.css_dt_b:hover {
	color: #42609B;
	text-shadow: #724848 0 0 10px;
}
.css_fecha_1 {
	float: left;
	width: 160px;
}
.css_fecha_1:hover {
	background-color: #B6C2D6;
}

.css_dt_dia_1 {
	text-align: center;
	display: inline-block;
	width: 2em;
}

.css_dt_mes_1 {
	text-align: center;
	display: inline-block;
	width: 2em;
}

.css_dt_anio_1 {
	text-align: center;
	display: inline-block;
	width: 4em;
}

.css_dt_barra_1 {
 	display: inline-block;
	width: 4px;
	text-align: center;
	border: none;
}

.css_calendario_1 {
	float: left;
	width: 340px;
	background-color: #FFFFFF;
	padding: 12px;
	position: absolute;
	overflow: hidden;
}

.css_b_calendar {
	cursor: pointer;
	vertical-align: middle;
}

.css_calendario_dia_1 {
	width: 14%;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	border-radius: 100%;
}
.css_calendario_dia_1:hover {
	background-color: #9C27B0;
	color: #fff;
}
.css_calendario_dia_1_selected {
	background-color: #B1C2DB;
	color: #000;
}

.css_hms_1 {
	width: 82px;
}
.css_dt_horas_1 {
	text-align: center;
	display: inline-block;
	width: 2em;
}
.css_dt_minutos_1 {
	text-align: center;
	display: inline-block;
	width: 2em;
}
.css_dt_dos_puntos_1 {
 	display: inline-block;
	width: 4px;
	text-align: center;
	border: none;
}

.css_reloj_1 {
	float: left;
	/* width: 350px; */
	width: 310px;
	background-color: #FFFFFF;
	padding: 12px;
	position: absolute;
	overflow: hidden;
}

.css_reloj_hora_1 {
	width: 16.66%;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	border-radius: 100%;
}
.css_reloj_hora_1:hover {
	background-color: #9C27B0;
	color: #fff;
}
.css_reloj_hora_1_selected {
	background-color: #B1C2DB;
	color: #000;
}