.fl_wrap {
position: relative;
}
.fl_wrap > span, .fl_wrap > input {
transition: all 0.2s;
touch-action: manipulation;
}
.floating-label{
position: absolute;
top: 15px;
left: 35px;
padding: 0px 0 0 0px;
transition: all 200ms;
opacity: 1;
font-size: 13px;
color: #7d7e80;
pointer-events: none;
z-index: 2;
}
.inputText:focus + .floating-label,
.inputText:valid + .floating-label {
left: 15px !important;
transform: translate(0, -130%);
opacity: 1;
color: #7d7e80;
top: 5px !important;
}
body#identity .inputText:focus + .floating-label,
body#identity .inputText:valid + .floating-label { left: 8px; }
body#identity .js-parent-focus .inputText:focus + .floating-label,
body#identity .js-parent-focus .inputText:valid + .floating-label { left: 0px; }
body#checkout #customer-form .floating-label { left: 35px; top: 15px; }
body#checkout #customer-form .inputText:focus + .floating-label,
body#checkout #customer-form .inputText:valid + .floating-label,
body#checkout .js-address-form .form-fields .fl_wrap .inputText:focus + .floating-label,
body#checkout .js-address-form .form-fields .inputText:valid + .floating-label { left: 0px; }
body#checkout #customer-form .inputText:valid + .floating-label{ top: 9px;/*left: 25px;*/ }
body#checkout #customer-form .js-parent-focus .inputText:valid + .floating-label { left: 10px; }
body#checkout .js-address-form .form-fields .forn-fields.add2-col .floating-label { left: 25px; top: 50px; }
body#checkout .js-address-form .form-fields .forn-fields.add2-col.fl_wrap .inputText:focus + .floating-label,
body#checkout .js-address-form .form-fields .forn-fields.add2-col .inputText:valid + .floating-label { top: 15px; left: 0px; }
body#checkout #login-form .floating-label { left: 40px; top: 15px; }
body#checkout #login-form .js-parent-focus .floating-label { left: 15px; top: 15px; }
body#checkout #login-form .inputText:focus + .floating-label,
body#checkout #login-form .inputText:valid + .floating-label { left: 20px; }
body#checkout #login-form .js-parent-focus .inputText:focus + .floating-label,
body#checkout #login-form .js-parent-focus .inputText:valid + .floating-label { left: 0px; }
.fl_wrap.col-md-6.forn-fields.acc-margin-less {margin-bottom: 20px;}
.fl_wrap.col-md-6.forn-fields.acc-margin-less-error {margin-bottom: 0px;}
.js-address-form .fl_wrap { margin-bottom: 20px; }
.js-address-form .fl_wrap .form-group.form-error { margin-bottom: 0px }
.acc-margin-less-error .form-control { margin-bottom: 20px; }
@media (max-width: 1024px) {
#authentication .register-form h1 { padding: 0 0 15px; }
.row.dob-select .select-day,
.row.dob-select .select-months,
.row.dob-select .select-year { padding: 0 15px; width: 33.3% }
.row.dob-select .select-months{padding: 0px;}
.acc-margin-less-error .form-control { margin-bottom: 40px; }
#authentication .register-form .form-footer button { max-width: 100%; }
.dob-col .select-wrapper select,
.dob-col .select-months .select-wrapper select,
.dob-col .select-day .select-wrapper select { padding-left: 4px; font-size: 12px; }
#identity #customer-form .forn-fields:nth-child(6) { margin-bottom: 20px; }
}
@media (min-width: 768px) and (max-width: 991px) {
.fl_wrap { width: 100%; }
.dob-col { margin-bottom: 10px; }
}
body#checkout #login-form .inputText:focus + .floating-label { left: 0; }
body#checkout .js-address-form .form-fields .forn-fields.add2-col .inputText:valid + .floating-label { left: 0; }
.fl_wrap.populated .floating-label,
.fl_wrap.focused .floating-label{ left: 0px; transform: translate(0, -180%); opacity: 1; color: #000000; }
body#checkout #login-form .inputText:valid + .floating-label { left: 0; }
.fl_wrap > span.floating-label.telephone {
left: 0px;
transform: translate(0, -180%);
opacity: 1;
color: #000000;
}
body#checkout .form-control.inputText.phoneno {
padding: 16px 50px;
}
#checkout .intl-tel-input { width: 100%; }
#checkout .form-group.row { width: 100%; }
#checkout #field-phone{ padding-left: 46px; }