@import '/apps/catalog-comp-cloud/clientlibs/clientlibs-dependencies/repsol-catalog/css/variables.less';.form-ecommerce-content{max-width:100%;padding:0;background-color:@rds-color-surface-white;padding:20px;padding-top:50px;padding-bottom:50px;margin-bottom:50px;.input.col-md-6:nth-child(odd){@media(min-width:@bp-m){padding-right:16px}
}
.input.col-md-6:nth-child(even){@media(min-width:@bp-m){padding-left:16px}
}
.legal-container{margin-top:16px;//+16px de margin-bottom aplicado en input margin-bottom:32px;@media(min-width:@bp-m){margin-top:16px;//+16px de margin-bottom aplicado en input margin-bottom:48px}
.icon-rp-Info{margin-left:4px;font-size:24px;color:@rds-color-content-high}
}
}
.form-ecommerce-fields.isContract{.rp-caption.required{margin-top:32px;@media(min-width:@bp-m){margin-top:48px}
}
}
.tooltip-contact{width:var(--widthTooltipContact);max-width:692px;//max-height:216px;@media(max-width:1023px){//Overwrite tooltip position //(!) Important:For mobile,set tooltip 'container' options //transform:translate3d(0,0,0) !important;box-shadow:0 4px 6px rgba(0,0,0,.2),0 0 2px rgba(0,0,0,.1)}
pointer-events:none;&.show{pointer-events:all}
.tooltip-outer{&:after{height:26px}
@media(max-width:1023px){padding-top:3px;box-shadow:none}
}
.btn-close{top:16px;right:16px;.icon-rp{color:@black}
}
}
.business-contact-container{.rp-description{margin-top:16px;margin-bottom:16px}
.legal-business-container{margin-top:8px;color:@grey-60;p{margin:0;color:inherit}
a{color:@rds-color-content-high}
}
}
.component-description .rp-link{cursor:pointer}
.form-ecommerce-fields{.rp-head-form-box{margin-top:40px;margin-bottom:44px;font-size:20px}
.rp-form-box{margin-top:24px;margin-bottom:44px;font-size:20px}
.rp-form-input{margin-bottom:44px}
.rp-head-form-box:last-child{margin-top:40px;margin-bottom:24px;font-size:20px}
.icon-rp-Chat-unfilled,.icon-rp-User-unfilled{padding-left:8px;padding-right:18px;color:@rds-color-content-high}
.rp-input-first{margin-bottom:88px}
.rp-input-contact{margin-bottom:28px}
.rp-input-email{margin-bottom:8px}
.cmp-form-textarea{margin-bottom:52px}
.cmp-form-textarea>textarea{height:100px}
.rp-char-count-box{display:flex;justify-content:space-between}
.rp-char-count{display:flex}
.rp-char-count span{margin-bottom:4px;font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px;letter-spacing:.25px;color:@rds-color-content-medium}
.rp-label-checkbox{position:absolute;opacity:0;& + label{cursor:pointer;padding:0;font-size:16px}
& + label:before{content:'';background-color:#c0ebf2;width:32px;height:32px;border:1px solid #00adc3;border-radius:4px;margin-right:10px;display:inline-block;vertical-align:text-top}
&:disabled + label:before{box-shadow:none;background:#ddd}
&:checked + label:after{font-family:@fontIcon !important;content:@icon-rp-Check;font-size:19px;color:@rds-color-content-high;position:absolute;left:16px;top:4px}
}
.rp-btn{border:0;margin-top:16px;margin-bottom:40px}
}
.response-message-success{border:2px solid #00a074;background-color:#d9f1ea}
.response-message-error{border:2px solid #e4002b;background-color:#fce5e9}
#responseMessage{position:relative;font-size:14px;padding:16px 36px 16px 16px;margin-left:10px;.icon-rp-close-noti{position:absolute;right:20px;top:20px;cursor:pointer}
}
.response-message-span{margin-left:10px}