.linkAzul{
	display:block;
	font-size:80%;
	width:100%;
	text-align:center;
	text-decoration:none;
	color:#666;
}

.form_central_boton{
	width:100%;
	display: block;
    font-family: 'Oswald',sans-serif !important;
    font-size:1rem;
	text-align: center;
    padding: 0.5em !important;
    background-color: #666 !important;
    color: white;
    border: 0;
	cursor:pointer;
	letter-spacing:0.1em;
}

.form_section_title{
	margin-top:0.5em;
	font-size:120%;
	font-weight:bold;
	color:#333;
	background-color:#DDD;
	padding-left:0.25em;
}

.form_section_title .row_action{
	float:right;
}

.section_title_option{
	float:right;
	font-size:80%;
	font-weight:normal;
}

.form_subsection{
	margin-left:1em;
	border-left:0.2em solid #DDD;
}

.form_field,
.data_info {
    page-break-inside:avoid;
	break-inside: avoid-column;
	position:relative;
}
.form_field label,
.data_info_title,
.form_ninguno{
	font-family:'Oswald',arial;
    font-size: 80%;
    color: #333;
}

.data_info_value{
	margin-bottom:0.2em;
	margin-top:-0.3em;
}

.listaitemsx{
	position:relative;
	float:right;
	margin-right:0.2em;
	cursor:pointer;
	color:#AAA;
	font-weight:bold;
}

.listaitemsx:hover{
	color:red;	
}

.form_field .listitems > div:hover{
	background-color:#EEE;
}

.agregar_list{
	padding-left:1.5em;
	cursor:pointer;
	/*font-size:120%;*/
	background-image:url(../img/icon/plus.svg);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:1em 1em;
}

.form_field .listitems,
.form_field input,
.form_field select,
.form_field textarea,
.pasofallo{
    background-color: white;
    padding: 0.3em;
    font-family: 'Open Sans',sans-serif;
    font-size: 1rem;
    width: 100%;
    margin-bottom: 0.5em;
}

.action_button {
    font-size: 100%;
    line-height: 140%;
    height: 140%;
    display: inline-block;
    border-radius: 0.3em;
    background: linear-gradient(rgb(160, 160, 160), rgb(100, 100, 100));
    cursor: pointer;
    padding: 0 1em;
    color: white;
}
.form_actions {
    text-align: center;
    margin-top: 0.5em;
}
.seleccionador {
	font-size:1rem;
    background-color: #666;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	height: calc(100vh);
}

#seleccionador {
	padding-top:2em;
	outline:none;
}

#seleccionador-input {
	background-color: white;
	height:100%;
    width: 100%;
    border: 0px;
    font-size: 100%;
    padding-left: 0.5em;
    border-radius: 0.3em;
    box-shadow: inset 0 0.1em 0.2em rgba(0, 0, 0, 0.2);
	background-color:#F5F5F5;

}
#seleccionador-titulo {
    width: 1px;
    padding: 0 0.3em;
	color:#FFF;
}

#td-input {
	padding:0.2em;
}

.td-cancelar {
    width: 2em;
    text-align: center;
    cursor: pointer;
    color: white;
    background-color: #C13E3E;
}

#seleccionador-buscador {
    /*background: linear-gradient(rgb(160, 160, 160), rgb(100, 100, 100));*/
	/*background-color: #5AAEC7;*/
    width: 100%;
    border-collapse: collapse;
    position: absolute;
    top: 0px;
	left:0px;
	height:2em;
}

#seleccionador-buscador td{
	vertical-align:middle;
}
#seleccionador-opciones {
    background-color: white;
    height: 100%;
    overflow: auto;
	text-align:left;
}
#seleccionador-opciones div {
    border-top: 1px solid #DDD;
    padding: 0.2em;
	line-height:1em;
}
#seleccionador-opciones div:hover {
    background-color: rgba(17, 180, 197, 0.5);
    cursor: pointer;
}
#seleccionador-opciones div span{
	font-size:60%;
	color:#666;
}

.div-cancelar {
    line-height:3em;
    text-align: center;
    cursor: pointer;
    color: white;
    background-color: #3EC144;
}

#seleccionadorFecha{
	overflow-y:auto;
	outline:none;
}

#seleccionadorFechaDia{
	/*background-color:white;*/
}

#seleccionadorFechaDia .table_current_date{
	width:100%;
	color:white;
	border-collapse:collapse;
	min-height:2em;
}

#seleccionadorFechaDia .table_current_date td:nth-of-type(1){
	width:2em;
	cursor:pointer;
	text-align:left;
}

#seleccionadorFechaDia .table_current_date td:nth-of-type(3){
	width:2em;
	cursor:pointer;
	text-align:right;
}

#seleccionadorFechaDia .table_month{
	width:100%;
	background-color:white;
	border-collapse:collapse;
}

#seleccionadorFechaDia .table_month thead{
	background-color:#999;
	color:#333;
	font-size:90%;
}

#seleccionadorFechaDia .table_month tbody .feriado{
	color:rgb(255,0,0);
}

#seleccionadorFechaDia .table_month tbody .otro_mes{
	background-color:rgb(180,180,180);
	opacity:0.5;
}

#seleccionadorFechaDia .table_month tbody .dia_actual{
	background-color:rgba(231,196,48,0.5);
}

#seleccionadorFechaDia .table_month td:hover{
	background-color:rgb(17, 180, 197);
	cursor:pointer;
}

#seleccionadorFechaDia .table_month .dia_mes{
	width:100%;
	display:block;
	padding:0.5em 0;
}

#seleccionadorFechaHora{
	font-size:200%;
	margin-top:0.15em;
}

#seleccionadorFechaHora > table{
	width:100%;
	text-align:center;
	border-collapse:collapse;
}

#seleccionadorFechaHora > table > tbody > tr > td:nth-of-type(1),
#seleccionadorFechaHora > table > tbody > tr > td:nth-of-type(3){
	background-color:white;
	width:20%;
}

#seleccionadorFechaHora > table > tbody > tr > td:nth-of-type(4){
	width:0.2em;
}

#seleccionadorFechaHora > table > tbody > tr > td:nth-of-type(5){
	vertical-align:top;
	background-color:#BBB;
}

#seleccionadorFechaHora > table input{
	width:100%;
	border:0;
	text-align:center;
	text-align-last:center;
	margin-top:0.1em;
	font-size:100%;
	height:1em;
	padding:0;
}

.botonHora{
	line-height:1em;
	cursor:pointer;
	color:rgb(80,80,80);
}

.containerSeleccionadorHora{
	line-height:1ex;
}

.botonHora:hover{
	background-color:rgb(17, 180, 197);
	color:white;
	user-select:none;
}

#seleccionadorAhora,
#seleccionadorVaciar{
	font-size:80%;
	cursor:pointer;
}

#seleccionadorAhora:hover,
#seleccionadorVaciar:hover{
	background-color:rgb(17, 180, 197);
}

.switch {
	background-color:#DDD;
	border-radius:0.4em;
	box-shadow:inset 0 0.2em 0.5em rgba(0,0,0,0.3);
	border:0.1em solid rgb(17, 180, 197);;
	box-sizing:content-box;
	display:inline-block;
	width:5em;
	height:1.5em;
	overflow:hidden;
	position:relative;
	transition:background-color 0.5s;
}
.switch_circle {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:50%;
	height:1.5em;
	border:0.05em outset #CCC;
	border-radius:0.3em;
	background-color:#999999;
	box-shadow:0 0 0.5em rgba(0,0,0,0.3);
	transition:left 0.5s;
}

.yesno{
	width:100%;
	/*position:absolute;
	top:0;
	text-align:right;
	line-height:2em;*/
}

.yesno input {
	display:none;
}

.yesno label {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.yesno label:hover{
	cursor:pointer;
}
			
.yesno input:checked + label {
	display:none;
}
			
.yesno_yes:checked ~ .switch {
	background-color:#0C0;
}

.yesno_yes:checked ~ .switch .switch_circle  {
	left:50%;
}

.pasofallo{
	width:100%;
	display:flex;
	padding:0 !important;
	overflow:hidden;
	/*border:0.1em solid rgba(17, 180, 197, 1);*/
	/*position:absolute;
	top:0;
	text-align:right;
	line-height:2em;*/
}

.pasofallo_paso + label {
	border-right:0.1em solid rgba(17, 180, 197, 1);
}

.pasofallo input {
	display:none;
}
.pasofallo label {
	width:50%;
	padding:0.3em;
	text-align:center;
	cursor:pointer;
}
			
.pasofallo_paso:checked + label {
	background-color:green;
	color:white;
}

.pasofallo_fallo:checked + label {
	background-color:red;
	color:white;
}

.general_form{
	display:block;
	width:100%;
	text-align:left;
}

.titulo_general_form{
	text-align:center;
	color:rgb(80,80,80);
}

.quitar_html{
	font-size:80%;
	font-weight:normal;
	color:#666;
	margin-left:3em;
	cursor:pointer;
}

#agregar_html{
	font-size:120%;
	background-image:url(../img/icon/plus.svg);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:1em 1em;
	padding-left:1.5em;
	cursor:pointer;
	margin:0.5em;
}

.seleccionadorShadow{
	position:fixed;
	top:2.22em;
	left:0px;
	bottom:0px;
	width:100%;
	width:calc(100vw - 1.5em);
	height:100%;
}

.hidden_select_input{
	background-color:red;
	display:block;
	margin-top:-1.5em;
	visibility: hidden;
	height: 0;
}

.form_item_action div{
	width:1em;
	height:1em;
	background-size:contain;
	background-position:center center;
	display:inline-block;
}

.signature{
	user-select:none;
}

.signature canvas{
	border:0.2em dashed rgba(17, 180, 197, 1);
	width:100%;
	height:10em;
	cursor:pointer;
}

.no-select{
	user-select:none;
}

.boton_gris{
	background-color: #bbb;
	color:white;
	line-height:2em;
	text-align:center;
	cursor:pointer;
}

.datafield_img{
	width:100%;
	height:7em;
	cursor:pointer;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	background-size:contain !important;
}

.parametros_input{
	font-size:70%;
}

.form_field_img{
	width:100%;
	cursor:pointer;
	background-color:white;
	border:1px solid rgb(169,169,169);
}

.data_field_img{
	width:100%;
	margin-top:0.4em;
}

.mensaje_pdf{
	display:block;
	font-family:'Open Sans',sans-serif !important;	
}

.pdf_pdf{
	background-color:white;
	border:1px solid rgb(169,169,169);
	width:100%;
}