.text-field-comp input{background-color:#f5f5f5;padding:17px 14px 15px 21px;border:0;font-size:18px;line-height:22px;color:#42145f;width:100%;letter-spacing:.3px;border:1px solid #888;-webkit-appearance:none}
.text-field-comp input:focus{outline:0}
.text-field-comp input::-ms-clear{display:none}
.focussed .text-field-comp:after{content:"";width:100%;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fbbb21;border-bottom:0;display:block}
.msie8 .focussed .text-field-comp{border-bottom:6px solid #fbbb21}
.errorState .text-field-comp input{color:#e60303}
.msie8 .errorState .text-field-comp{border-bottom:6px solid #e60303}
.errorState .text-field-comp:after,.errorState.focussed .text-field-comp:after{content:"";width:100%;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #e60303;border-bottom:0;display:block}
.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)}
.msie8 .error-container .error-arrow{left:125px}
@media(min-width:1024px) and (max-width:1255px){.text-field-comp input{padding:14px 15px;border:1px solid #888}
.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 #888}
.error-container{padding:24px 26px 26px 25px;margin-top:32px}
}