@media (max-width : 671px) {
	.validacionDialog {
	position: absolute;
	margin: 1em 0 3em;
	border: 2px solid #09b1dd;/*#66AFE9*/
	color: #333;
	background: #FFF;/*#FFF*/
	/* css3 */
	-webkit-border-radius: 0px;/*10*/
	-moz-border-radius: 0px;/*10*/
	border-radius: 0px;/*10*/
	z-index: 999;
	box-shadow:2px 2px 2px #888888;
	width:98% !important;/*60*/
	min-height: 40px;
	text-align: left;
	padding: 5px 5px 5px 10px;	
}
	.validacionDialog:before {
		content: "";
		position: absolute;
		border-style: solid;
		/* reduce the damage in FF3.0 */
		display: block;
		width: 0;
		top: -15px; /*-23 controls vertical position */
		bottom: auto;
		left: 20px; /* value = - border-left-width - border-right-width */
		border-width: 7px 15px 7px 0;/*11px 21px 11px 0*/
		border-color: transparent #09b1dd;/*#66AFE9*/
		transform: rotateZ(90deg);
	}
	.validacionDialog:after {
		content: "";
		position: absolute;
		border-style: solid;
		/* reduce the damage in FF3.0 */
		display: block;
		width: 0;
		top: -10px;/*-19*/
		/* value = (:before top) + (:before border-top) - (:after border-top) */
		bottom: auto;
		left: 22px; /* value = - border-left-width - border-right-width */
		border-width: 5px 11px 5px 0;/*11px 21px 11px 0*/
		border-color: transparent #fff;/*#fff*/
		transform: rotateZ(90deg);
	}
}
@media ( max-width : 800px) {
	.validacionDialog {
	position: absolute;
	margin: 1em 0 3em;
	border: 2px solid #09b1dd;/*#66AFE9*/
	color: #333;
	background: #FFF;/*#FFF*/
	/* css3 */
	-webkit-border-radius: 0px;/*10*/
	-moz-border-radius: 0px;/*10*/
	border-radius: 0px;/*10*/
	z-index: 999;
	box-shadow:2px 2px 2px #888888;
	width:98% !important;/*60*/
	min-height: 40px;
	text-align: left;
	padding: 5px 5px 5px 10px;
}
	.validacionDialog:before {
		content: "";
		position: absolute;
		border-style: solid;
		/* reduce the damage in FF3.0 */
		display: block;
		width: 0;
		top: -15px; /*-23 controls vertical position */
		bottom: auto;
		left: 20px; /* value = - border-left-width - border-right-width */
		border-width: 7px 15px 7px 0;/*11px 21px 11px 0*/
		border-color: transparent #09b1dd;/*#66AFE9*/
		transform: rotateZ(90deg);
	}
	.validacionDialog:after {
		content: "";
		position: absolute;
		border-style: solid;
		/* reduce the damage in FF3.0 */
		display: block;
		width: 0;
		top: -10px;/*-19*/
		/* value = (:before top) + (:before border-top) - (:after border-top) */
		bottom: auto;
		left: 22px; /* value = - border-left-width - border-right-width */
		border-width: 5px 11px 5px 0;/*11px 21px 11px 0*/
		border-color: transparent #fff;/*#fff*/
		transform: rotateZ(90deg);
	}
}
@media ( min-width : 801px) {
	.validacionDialog {
	position: absolute;
	margin: 1em 0 3em;
	border: 2px solid #09b1dd;/*#66AFE9*/
	color: #333;
	background: #FFF;/*#FFF*/
	/* css3 */
	-webkit-border-radius: 0px;/*10*/
	-moz-border-radius: 0px;/*10*/
	border-radius: 0px;/*10*/
	z-index: 999;
	box-shadow:2px 2px 2px #888888;
	width:98% !important;/*60*/
	min-height: 40px;
	text-align: left;
	padding: 5px 5px 5px 10px;
}
	.validacionDialog:before {
		content: "";
		position: absolute;
		border-style: solid;
		/* reduce the damage in FF3.0 */
		display: block;
		width: 0;
		top: -15px; /*-23 controls vertical position */
		bottom: auto;
		left: 20px; /* value = - border-left-width - border-right-width */
		border-width: 7px 15px 7px 0;/*11px 21px 11px 0*/
		border-color: transparent #09b1dd;/*#66AFE9*/
		transform: rotateZ(90deg);
	}
	.validacionDialog:after {
		content: "";
		position: absolute;
		border-style: solid;
		/* reduce the damage in FF3.0 */
		display: block;
		width: 0;
		top: -10px;/*-19*/
		/* value = (:before top) + (:before border-top) - (:after border-top) */
		bottom: auto;
		left: 22px; /* value = - border-left-width - border-right-width */
		border-width: 5px 11px 5px 0;/*11px 21px 11px 0*/
		border-color: transparent #fff;/*#fff*/
		transform: rotateZ(90deg);
	}
}

.validatedIco {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 16px;
	background-color: #8f8f90;
}

.okValidated{
	background: #12b300;
	border: 1px #12b300 solid;
}
.errorValidated {
	background: red;
	border: 1px red solid;
}
.mensajeErrorCampo{
	font-family:Work Sans Regular;
	font-size:1.2rem;
	font-weight:300;
	color: rgb(129, 133, 139);
	margin: 2px;
}