.form-input-textbox.form-text{position:relative;width:100% !important;margin:0 !important;padding-top:10px !important;padding-bottom:10px !important;padding-left:25px;padding-right:25px;@media screen and (min-width:576px){padding-left:10px !important;padding-right:10px !important}
@media screen and (min-width:992px){padding-left:0 !important;padding-right:10px !important}
label{top:40px !important}
input,textarea{font-size:18px;border:1px solid @light-grey-4;border-radius:16px;background:#ffffff;//////#BDS/////// padding:20px 45px 12px 16px;text-overflow:ellipsis;&:focus,&.hasValue{& ~ label{font-size:12px;transition:.15s ease-out all;.hrb-referralInfo{height:13px;width:13px;background-size:13px 13px}
}
}
}
input{height:80px;&:focus,&.hasValue{& ~ label{top:24px !important}
}
}
textarea{height:100%;padding-top:23px;&:focus,&.hasValue{& ~ label{top:18px !important}
}
}
}
//================================= .cmp-form-text{margin:0 5px}
label.referral-label{display:flex;pointer-events:all}
.cmp-form-text .tool-error{color:#dc1f00;display:flex;letter-spacing:-0.22px;font-weight:500;margin-top:5px;margin-left:15px}
.cmp-form-text .tool-error,.form-input-custom label p>span{font-size:14px}
.tool-error-icon{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M7.11111%205.18508C7.11111%204.77598%207.50908%204.44434%208%204.44434C8.49092%204.44434%208.88889%204.77598%208.88889%205.18508V8.14804C8.88889%208.55714%208.49092%208.88878%208%208.88878C7.50908%208.88878%207.11111%208.55714%207.11111%208.14804V5.18508Z%22%20fill%3D%22%23DC1F00%22%2F%3E%0A%3Cpath%20d%3D%22M7.11111%2010.6662C7.11111%2010.1753%207.50908%209.77734%208%209.77734C8.49092%209.77734%208.88889%2010.1753%208.88889%2010.6662C8.88889%2011.1572%208.49092%2011.5551%208%2011.5551C7.50908%2011.5551%207.11111%2011.1572%207.11111%2010.6662Z%22%20fill%3D%22%23DC1F00%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%2013.3331C10.9455%2013.3331%2013.3333%2010.9453%2013.3333%207.99978C13.3333%205.05426%2010.9455%202.66645%208%202.66645C5.05448%202.66645%202.66666%205.05426%202.66666%207.99978C2.66666%2010.9453%205.05448%2013.3331%208%2013.3331ZM8%2015.1109C11.9274%2015.1109%2015.1111%2011.9271%2015.1111%207.99978C15.1111%204.07242%2011.9274%200.888672%208%200.888672C4.07264%200.888672%200.888885%204.07242%200.888885%207.99978C0.888885%2011.9271%204.07264%2015.1109%208%2015.1109Z%22%20fill%3D%22%23DC1F00%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat 0 0;padding-left:18px}
.tooltip{position:inherit !important;p{font-size:11px !important;margin-left:10px;margin-bottom:0}
}
// ---------------------------------------------------------------------------------- // toOLTIP REFERRAL INFO // ---------------------------------------------------------------------------------- .hrb-referralInfo{background:url("https://www.hrblock.com/images/w2-question.jpg") no-repeat 50%;display:block;height:18px;width:18px;margin-left:5px;padding-top:5px;transition:.5s;background-size:18px 18px;.tooltiptext{visibility:hidden;width:120px;background-color:#276702;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:150%;margin-left:-53px;padding:5px;font-size:11px;opacity:0;transition:opacity .3s}
.tooltiptext::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #276702 transparent}
&:hover .tooltiptext{visibility:visible;opacity:1}
}
.cmp-form-text{&.error{input,select,textarea{background-color:#fff;//////#BDS/////// border:2px solid #dc1f00}
label{font-size:18px;color:#dc1f00}
}
}