.text-input-field{-webkit-transform:translateY(0);transform:translateY(0);transition:transform .2s ease-out}
.text-input-field .comp-rich-text{padding-top:5px;width:570px}
.text-input-field .col-xs-12.col-sm-12.col-md-12.col-lg-12{padding-left:0}
.text-input-field .error-container{display:none}
.text-input-field.row{margin-left:0;margin-right:0}
.text-input-field.errorState .input-field[isvalid="false"]{background-image:url(clientlib_gdpr_tool_base/images/icon-wrong.png);background-repeat:no-repeat;background-position:100% 21px;animation:shake .4s;animation-iteration-count:1}
.text-input-field.errorState.focus:after{border-top-color:#e60303}
.text-input-field.errorState.focus .text__input-wrap{border-color:#e60303}
.text-input-field.errorState.focus .text__input-wrap:after{border-top-color:#e60303}
.text-input-field.errorState .text__input-wrap{border-color:#e60303}
.text-input-field.errorState .error-container{color:#e60303;font-size:14px;line-height:18px;display:block}
.text-input-field.errorState .error-container .error-arrow{display:none}
.text-input-field .text-field-wrap .text__input-wrap{width:471px}
.text-input-field .text-field-wrap .form-field-label{max-width:432px}
.text-input-field .text-field-wrap--medium .text__input-wrap{width:372px}
.text-input-field .text-field-wrap--medium .form-field-label{max-width:372px}
.text-input-field .text-field-wrap--small .text__input-wrap{width:273px}
.text-input-field .text-field-wrap--small .form-field-label{max-width:273px}
.text-input-field .form-field-label{font-size:16px;max-height:26px;font-weight:normal;overflow:hidden;display:block;margin-bottom:5px;margin-top:35px}
.text-input-field .form-field-label.labelinfo-comp{float:left}
.text-input-field .comp-rich-text p{font-size:14px;line-height:18px}
.text-input-field.focus .form-field-label{color:#1d7b8a}
.text-input-field.errorState .form-field-label,.text-input-field.errorState.focus .form-field-label{color:#e60303}
.text-input-field .text__input-wrap{position:relative;border:1px solid #c5c5c5;height:66px;padding:0 20px 20px 20px;background-color:#fff}
.text-input-field .text__input-wrap .text-field-comp{float:left;padding:0;width:100%}
.text-input-field .text__input-wrap .text-field-comp input{background-color:transparent}
.text-input-field .text__input-wrap .input-field{border:0;padding:20px 24px 0 0;width:100%;outline:0;background-color:transparent;float:right}
.text-input-field .text__input-wrap .input-field[isvalid="true"]{background-image:url(clientlib_gdpr_tool_base/images/icon-right.png);background-repeat:no-repeat;background-position:100% 21px}
.text-input-field .text__input-wrap .input-field::-ms-clear{display:none}
.msie .text-input-field .text__input-wrap .input-field,.msedge .text-input-field .text__input-wrap .input-field{height:46px}
.text-input-field.focus{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.text-input-field.focus .text__input-wrap{border-color:#002d64}
.text-input-field.errorState .error-container{padding-top:10px}
.text-input-field .text__input-wrap:after{content:"";position:absolute;opacity:0;filter:alpha(opacity=0);border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:0 solid;bottom:-5px;width:100%;float:left;height:0;right:0;left:0;-webkit-transition:opacity .2s ease-out,color .2s ease-out,height .2s ease-out;-moz-transition:opacity .2s ease-out,color .2s ease-out,height .2s ease-out;-ms-transition:opacity .2s ease-out,color .2s ease-out,height .2s ease-out;transition:opacity .2s ease-out,color .2s ease-out,height .2s ease-out;border-top:5px solid transparent}
.text-input-field.errorState{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@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){.text-input-field .comp-rich-text{width:450px}
.text-input-field .text-field-wrap--large .text__input-wrap{width:371px}
.text-input-field .text-field-wrap--large .form-field-label{max-width:332px}
.text-input-field .text-field-wrap--medium .form-field-label{max-width:333px}
.text-input-field .text-field-wrap--small .text__input-wrap{width:292px}
.text-input-field .text-field-wrap--small .form-field-label{max-width:292px}
}
@media(min-width:768px) and (max-width:1023px){.text-input-field .comp-rich-text{width:402px}
.text-input-field .text-field-wrap--large .text__input-wrap{width:403px}
.text-input-field .text-field-wrap--large .form-field-label{max-width:364px}
.text-input-field .text-field-wrap--medium .text__input-wrap{width:342px}
.text-input-field .text-field-wrap--medium .form-field-label{max-width:342px}
.text-input-field .text-field-wrap--small .text__input-wrap{width:281px}
.text-input-field .text-field-wrap--small .form-field-label{max-width:281px}
}
.text-selection-error-message{display:none}
@media(max-width:767px){.text-input-field .comp-rich-text{width:100%}
.text-input-field .text-field-wrap--large .text__input-wrap,.text-input-field .text-field-wrap--medium .text__input-wrap{width:100%}
.text-input-field .text-field-wrap--large .form-field-label,.text-input-field .text-field-wrap--medium .form-field-label{max-width:calc(100% - 39px)}
.text-input-field .text-field-wrap--small .text__input-wrap{width:75%}
.text-input-field .text-field-wrap--small .form-field-label{max-width:75%}
}