.callout-new {padding: 50px 0 80px;}
.callout-new._exitoso{padding: 120px 0 140px;}
.callout-new._exitoso blockquote{font-size: 20px;line-height: 30px;}

.step-header {display: flex;padding: 0 15px;width: 20%;justify-content: space-between;margin-bottom: 40px;}
.step {background: #d7d4d4;border-radius: 100%;color: #fff;padding: 6px 12px;display: table;text-align: center;position: relative;cursor: pointer;width:36px;}
.step:nth-child(1) {background: #00ac5c;z-index: 1;}
.step:nth-child(2):before {content: " ";top: 16px;bottom: 0;position: absolute;width: 129px;height: 3px;background-color: #ccc;z-index: 0;left: -129px;}

.stepbef:after{position: absolute;bottom: 0;height: 18px;left: 0;top: 45px;font-weight: bold;font-size: 12px;line-height: 18px;text-align: left;}
.step1:after{content: "INFORMACIÓN";color: #00ac5c;width: 116px;}
.step2:after{content: "DATOS CONTACTO";color: #d7d4d4;width: 150px;}
.step1-finish:before {background-color: #00ac5c;}
.step2-finish:before {color: #00ac5c;}
.step2-finish.step2 {background: #00ac5c;}
.step2-finish.step2:before {background-color: #00ac5c;}
.step2-finish.step2:after {color: #00ac5c;}
.message-form{margin-bottom: 10px;font-weight: 300;font-size: 14px !important;line-height: 19px;color: #5c5c5c;}
.has-tip{border-bottom: 0;margin-top: 20px;}
.tooltip{top: 586px !important;max-width: 241px;padding: 16px 34px 16px 26px;border-radius: 4px;background-color: #000;}
.tooltip.right::before{border-color: transparent #000 transparent transparent;}

form input[type="text"]:hover,
form input[type="email"]:hover,
form input[type="number"]:hover,
form input[type="password"]:hover,
form input[type="date"]:hover,
form textarea:hover,
form select:hover{border: 1px solid #00ac5c;}

#politicas{opacity:0;}
.solhelp:hover{background: #92dc61;}
.button:hover{background: #000;}

.ptitle{color: #000;font-size:40px !important;font-weight: bold;line-height: 50px;margin: 30px 0;}
.ptitle._interno{font-size:30px !important;line-height: 40px;}

.ptitle_exito{color: #000;font-size: 45px !important;font-weight: bold;line-height: 55px;margin: 30px 0;position: relative;padding-left: 50px;}
.ptitle_exito img{position: absolute;left: 0;}


.tooltip-align{display: inline-flex;}
.formb{ background: #00ac5c; border-radius:40px; padding: 14px 79px; width: 276px; margin: 0 0 32px !important; color:#fff; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; margin-top:45px !important;}
.recuerda {font-weight: bold;font-size: 12px !important;line-height: 18px;letter-spacing: 1.6px;text-transform: uppercase;color: #acacac;}
.checkmark{height: 20px;width: 20px;}
.check-init .checkmark:after {left: 6px !important;top: 2px;}
.btn-file {position: relative;overflow: hidden;margin-left: 10px;}

.btn-file input[type="file"]{position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: white;cursor: inherit;display: block;}
.lista_imagenes_f {cursor:pointer;min-height: 150px;border: 2px dashed rgba(0, 0, 0, 0.3);background: white;padding: 20px 20px;margin-bottom: 66px;border-radius: 4px;}
.politicasleer {font-weight: 300;font-size: 14px;line-height: 20px;color: #546e7a;}
.check-init {font-style: normal;font-weight: 300;font-size: 14px !important;line-height: 20px;color: #546e7a;padding-left:42px;}
form label{margin: 19px 0 8px;color: #000;font-size: 18px !important;line-height: 25px;font-weight: 600;}
.classerrorred {color: red !important;}
.classerror{border: 1px solid red !important;color: red !important;margin-bottom: 8px !important;}
form input.classerror {border: 1px solid red !important;color: red !important;margin-bottom: 8px !important;}

.classerrorlabel{font-size: 10px !important;line-height: 14px;color: red !important;font-weight: 300;margin-top: 0 !important;}
.btndisabled{background: #eceff1 !important;cursor: no-drop;color: #b0bec5 !important;opacity: 1 !important;}
.btndisabled:hover{color: #b0bec5;}
#btn_reg.btn-pedidoencurso {background: #eceff1 !important;cursor: progress;color: #b0bec5;opacity: 1;}
#rptapago {margin: 1px 0 25px !important;}
#rptapago.pagoexito{background: green;padding: 5px 20px;border-radius: 25px;color: #fff;font-style: italic;}
#rptapago.pagoespera {background: #333;padding: 5px 20px;border-radius: 25px;color: #fff;font-style: italic;}
#rptapago.pagoerror{background: red;padding: 5px 20px;  border-radius: 25px;color: #fff;font-style: italic;}


.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;border: 1px solid #d7d4d4;border-radius: 4px}
.check-init:hover input ~ .checkmark {background-color: #ccc;}
.check-init input:checked ~ .checkmark {background-color: #98d571;}
.checkmark:after {content: "";position: absolute;display: none;}
.check-init input:checked ~ .checkmark:after {display: block;}
.check-init .checkmark:after{left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}


@media only screen and (max-width: 40em){ /*small*/

	#stepx.tab2{margin-left: 150px;}
	.step2:after {text-align: left;}
	.callout-new {padding: 20px 0 80px;}

}