.text-field-comp input{background-color:#f5f5f5;padding:17px 14px 15px 21px;border:0;font-size:18px;line-height:22px;width:100%;letter-spacing:.3px;-webkit-appearance:none;color:#333;border:1px solid #646068;border-radius:8px}
.text-field-comp input:focus{outline:1px solid #5e10b1}
.text-field-comp input::-ms-clear{display:none}
.focussed .text-field-comp input{border:1px solid #5e10b1 !important;color:#646068}
.errorState .text-field-comp input{color:#e60303;border:1px solid #e60303 !important}
.error-container{display:none;color:#fff;background-color:#e60303;width:100%;padding:25px 12px 25px 25px;margin-top:37px;position:relative;letter-spacing:.3px}
.error-container .error-text{font-size:20px;line-height:24px;display:inline-block}
.error-container .error-arrow{width:0;height:0;position:absolute;border-top:0;border-left:13px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #e60303;top:-12px;left:calc(25% - 17px)}
@media(min-width:1024px) and (max-width:1255px){.text-field-comp input{padding:14px 15px;border:1px solid #646068}
.error-container{padding-right:27px}
}
@media(min-width:768px) and (max-width:1023px){.text-field-comp input{padding:17px 18px 15px 21.5px}
.error-container{padding-right:26px;margin-top:32px}
}
@media(max-width:767px){.text-field-comp input{padding:15px 10px 15px 9px;line-height:24px;border:1px solid #646068}
.error-container{padding:24px 26px 26px 25px;margin-top:32px}
}
.text-field-comp input:-ms-input-placeholder{color:#646068}