/*FORMULARIO*/
/* SELECT */
select.not_chosen{color:#333;}
select option{color:#333;}
select option[default]{color:white;font-size:0px;display:none;}
select.not_chosen{color:rgba(166,166,166,.6);}.utm *{padding: 0 !important;}
body{
}
.formItem{position: relative;margin: 8px 0; width: 100%;background: #eee;}
.hiddenInput, .respuesta{display: none;}



/* EMAIL */#email .form-control{
	#text-transform: lowercase;
	}/* DISPLAY:NONE */ 
/* FORM */,
.exportLabel{display: none;}
.border{/* border */position: absolute;bottom: 0;left: 0;height: 2px;width: 100%;background: #00ABEC;transform: scaleX(0);transform-origin: 0 0;transition: all .15s ease;}

.form-control{
	#-webkit-appearance: none;
	width: 100%;
	border: 0;
	font-family: inherit;
	padding: 12px 5px 12px 10px;

	height: 48px;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 2px solid rgba(166,166,166,.3);
	background: none;
	border-radius: 0;
	color: #333;
	transition: all .15s ease;
	box-shadow:none;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(166,166,166,.6);
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: rgba(166,166,166,.6);
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: rgba(166,166,166,.6);
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: rgba(166,166,166,.6);
}

.form-control:focus{box-shadow: none !important; }
.form-control:hover{background: rgba(166,166,166,.03);}
.form-control:focus{background: none;outline: none;}
.form-control:focus + div,.form-control:valid + div{ color: #00ABEC;transform: translateY(-26px) scale(.75);}
.form-control:focus + div + .border,.form-control:valid + div + .border{transform: scaleX(1);}
select:focus + .border{transform: scaleX(1);}
select:not(.not_chosen) + .border{transform: scaleX(1);}




form *{box-sizing: border-box;}
form a{color: rgba(166,166,166,1);}
form a:hover{color: rgba(166,166,166,1);}
#submit-content{vertical-align: middle;text-align: center;}



/* CHECKBOX */
label{position: relative;padding-left: 30px;padding-top: 10px;cursor: pointer;font-size: 16px;color: rgba(166,166,166,1);}
label:before, label:after{font-size: 30px;font-family: FontAwesome;/*absolutely positioned*/position: absolute; top: 0; left: 1px;}
input[type="radio"] + label:after{left: 4px;}
label:before{content: '\f096'; /*checkbox unchecked */}
label:after{content: '\f00c'; /*checkbox checked*/max-width: 0;overflow: hidden;opacity: 0.5;font-size: 18px;top: 8px;left: 0;color: #00ABEC;-webkit-transition: all 0.30s;-moz-transition: all 0.30s;-o-transition: all 0.30s;transition: all 0.30s;}/* Hide the Ordinary Checkbox */
input[type="checkbox"], input[type="redio"]{display: none;}/* Animating the Checkbox Icon */
input[type="checkbox"]:checked + label::after, input[type="radio"]:checked + label::after{margin-right: 90px;max-width: 25px;opacity: 1;width: 25px;}
::placeholder { color: rgba(166,166,166,.6); }


/* BTN */
.btn{background: #00ABEC;}
.btn[disabled]{background: #00ABEC;}
.btn:not([disabled]):hover{background: #00ABEC;}
.btn:not([disabled]):hover, .btn, .btn[disabled]{color: #fff;;font-size: 1.2em;letter-spacing: 2px;margin-top: 9px;}

.loadingdiv{
    width: 250px;
    height: 250px;
    display: inline-block;
    background: url(http://www.uch.edu.pe/sites/default/files/loading.gif) no-repeat center -60px;
    line-height: 130px;
    font-size: 1.2em;
    font-weight: bold;
    background-size: cover;
    vertical-align: middle;
}
/*
placeholder: rgba(166,166,166,.6);
color :#333;
color active: #fff;
btn: #0077FF;
btn: hover #004FAA;
PRELOAD: http://www.uch.edu.pe/sites/default/files/loading.gif;
*/