.form-input-field{-webkit-transform:translateY(0);transform:translateY(0);transition:transform .2s ease-out}
.form-input-field .comp-rich-text{padding-top:5px;width:570px}
.form-input-field .col-xs-12.col-sm-12.col-md-12.col-lg-12{padding-left:0}
.form-input-field .error-container{display:none}
.form-input-field.row{margin-left:0;margin-right:0}
.form-input-field.errorState .input-field[isvalid="false"]{background-repeat:no-repeat;background-position:100% 21px;animation:shake .4s;animation-iteration-count:1}
.form-input-field.errorState .input-field{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/form/form_text_v1/clientlibs/clientlib_form_text_v1_base/resources/images/icon-wrong.png") !important}
.form-input-field.errorState.focus:after{border-top-color:#e60303}
.form-input-field.errorState.focus .form__input-wrap{border-color:#e60303}
.form-input-field.errorState.focus .form__input-wrap:after{border-top-color:#e60303}
.form-input-field.errorState .form__input-wrap{border-color:#e60303}
.form-input-field.errorState .error-container{color:#e60303;font-size:14px;line-height:18px;display:block}
.form-input-field.errorState .error-container .error-arrow{display:none}
.form-input-field .form-field-wrap .form__input-wrap,.form-input-field .form-field-wrap .formtext-roadblock-message{width:471px}
.form-input-field .form-field-wrap .formtext-roadblock-message{position:relative;border-radius:8px;margin-top:31px}
.form-input-field .form-field-wrap .form-field-label{max-width:432px}
.form-input-field .form-field-wrap--medium .form__input-wrap{width:372px}
.form-input-field .form-field-wrap--medium .form-field-label{max-width:372px}
.form-input-field .form-field-wrap--small .form__input-wrap{width:273px}
.form-input-field .form-field-wrap--small .form-field-label{max-width:273px}
.form-input-field .form-field-label{font-size:16px;font-weight:normal;overflow:hidden;display:block;margin-bottom:5px;margin-top:35px;color:#333}
.form-input-field .form-field-label.labelinfo-comp{float:left}
.form-input-field .comp-rich-text p{font-size:14px;line-height:18px}
.form-input-field.focus .form-field-label{color:#5e10b1}
.form-input-field.errorState .form-field-label,.form-input-field.errorState.focus .form-field-label{color:#e60303}
.form-input-field .form__input-wrap{position:relative;border:1px solid #646068;height:66px;padding:0 20px 20px 20px;background-color:#fff;border-radius:8px}
.form-input-field .form__input-wrap .text-field-comp{float:left;padding:0;width:100%}
.form-input-field .form__input-wrap .text-field-comp input{background-color:transparent}
.form-input-field .form__input-wrap .input-field{border:0;padding:20px 44px 0 0;width:100%;outline:0;background-color:transparent;float:right}
.form-input-field .form__input-wrap .input-field[isvalid="true"]{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/form/form_text_v1/clientlibs/clientlib_form_text_v1_base/resources/images/icon-right-champion.svg");background-repeat:no-repeat;background-position:100% 21px;color:#333}
.form-input-field .form__input-wrap .input-field::-ms-clear{display:none}
.form-input-field .form__input-wrap .input-date::placeholder{color:#646068}
.form-input-field.focus .form__input-wrap{border-width:1px;border-color:#5e10b1}
.form-input-field.errorState .error-container{padding-top:10px}
@keyframes shake{0{background-position:100% 21px}
30%{background-position:calc(100% + 7px) 21px}
40%{background-position:calc(100% + 5px) 21px}
50%{background-position:100% 21px}
60%{background-position:calc(100% - 5px) 21px}
70%{background-position:calc(100% - 7px) 21px}
100%{background-position:100% 21px}
}
@media(min-width:1024px) and (max-width:1255px){.form-input-field .comp-rich-text{width:450px}
.form-input-field .form-field-wrap--large .form__input-wrap{width:371px}
.form-input-field .form-field-wrap--large .form-field-label{max-width:332px}
.form-input-field .form-field-wrap--medium .form-field-label{max-width:333px}
.form-input-field .form-field-wrap--small .form__input-wrap{width:292px}
.form-input-field .form-field-wrap--small .form-field-label{max-width:292px}
}
@media(min-width:768px) and (max-width:1023px){.form-input-field .comp-rich-text{width:402px}
.form-input-field .form-field-wrap--large .form__input-wrap{width:403px}
.form-input-field .form-field-wrap--large .form-field-label{max-width:364px}
.form-input-field .form-field-wrap--medium .form__input-wrap{width:342px}
.form-input-field .form-field-wrap--medium .form-field-label{max-width:342px}
.form-input-field .form-field-wrap--small .form__input-wrap{width:281px}
.form-input-field .form-field-wrap--small .form-field-label{max-width:281px}
}
@media(max-width:767px){.form-input-field .comp-rich-text{width:100%}
.form-input-field .form-field-wrap .form__input-wrap,.form-input-field .form-field-wrap .formtext-roadblock-message{width:100%}
.form-input-field .form-field-wrap .form-field-label{max-width:100%}
.form-input-field .form-field-wrap--large .form__input-wrap,.form-input-field .form-field-wrap--medium .form__input-wrap{width:100%}
.form-input-field .form-field-wrap--large .form-field-label,.form-input-field .form-field-wrap--medium .form-field-label{max-width:calc(100% - 39px)}
.form-input-field .form-field-wrap--small .form__input-wrap{width:75%}
.form-input-field .form-field-wrap--small .form-field-label{max-width:75%}
}