h1 {color: #fff; }
ul li {font-size: 20px; }

#error {color: #ff0000; position: relative; margin: 0px; font-size: 12px; background: #fff; padding: 5px; box-sizing: border-box; border: 1px solid #ff0000; width: 98%; }
#success{color: #009284; position: relative; margin: 0px; font-size: 12px; background: #fff;  padding-left: 5px; box-sizing: border-box; border: 1px solid #009284; width: 98%;}


.yellow{background: #fff;}
.orangeDark3{background: #000;}
.orange{background: #000; color: #fff; padding-left: 60px; padding-right: 60px;}
.yellowDark3{background: #f8926e;}
.chicasSonriendo {display: block; width: 100%; }
.registrarCliente.yellow tbody tr td:first-child {width: 39%; }

.cabeceraRegistro {width: 100%; max-width: 1250px; margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 40px; text-align: left; }
.bordeNexible {padding: 3.125rem 2.8125rem; border: 3px solid #f2f2f3;  box-shadow: 0 .125rem .125rem rgba(0,0,0,.04),0 .25rem .625rem rgba(0,0,0,.05); }
.popover.tooltip-info {background: #fff; padding: 20px; border: 1px solid #000; max-width: 500px; }
.tooltip-info-show {cursor: pointer; display: inline-block; width: 30px; height: 30px; border-radius: 100%; border: 3px solid #5d45ff; text-align: center; }
.click-tooltip.masInfo { cursor: pointer; display: inline-block; width: 24px; height: 24px; margin-right: 10px;}
.formularioAcceso h2{color: 8e0038;}
.textoAyuda { font-size: 14px;}
.iconoLike {display: block; margin: auto; padding: 20px; width: 134px; }
.registrarCliente {width: 100%; max-width: 1250px; margin: auto; }
.iconoPapel {display: block; width: 100px; padding-left: 30px; padding-right: 30px; margin: auto; }
.chicaConMovil {display: block; width: 100%; overflow: hidden; }
.registrarCliente.yellow tr td.formularioAcceso {width: 60%; background: #fff; padding-left: 40px; padding-right: 40px; padding-top: 0px; padding-bottom: 0px; box-sizing: border-box; }
.form__group .ea-button-component {width: 100%; margin-bottom: 1rem; max-width: 200px; display: block; font-size: 18px; }
.form__group{display: block; overflow: hidden;} 
.passelem {display: inline-block; width: 49%; vertical-align: top;margin-top: 40px;}
.passelem label {min-height: 40px; display: inline-block; vertical-align: middle; }
.form__group .ea-textfield {width: 97%; background: #fff;}
.conCirculo {display: inline-block; border: 2px solid #8e0038; border-radius: 100%; width: 20px; vertical-align: middle; text-align: center; font-size: 18px; height: 20px; color: #8e0038; font-weight: bold; margin-left: 5px; }

@media screen and (max-width: 900px) {
	img.chicasSonriendo { display: none;}
	.iconoLike { width: 40px;}
   	.popover.tooltip-info { max-width: 300px;}
   	.registrarCliente.yellow tbody tr td:first-child {width: 100%; display: block; }
	.registrarCliente.yellow tr td.formularioAcceso {display: block; width: 100%; }
    .cabeceraRegistro{display: block; width: 100%;}
    .cabeceraRegistro tbody{display: block; width: 100%;}
    .cabeceraRegistro tbody tr{display: block; width: 100%;}
    .cabeceraRegistro tbody tr th{display: block; width: 100%; padding: 0px; margin: 0px; box-sizing: border-box; overflow: hidden;}
    .cabeceraRegistro tbody tr th h1{display: block; padding: 10px; overflow: hidden;}
    .passelem {display: block; width: 100%; margin-bottom: 20px; }
    
}