.styled-checkbox + label, .input-group .input-group-append.tooglePass { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; align-items: center; } .form-group.macroKioskEmail-input-group .between-icon, .form-group.macroDate-input-group .input-group .icon, .form-group.date_single .input-group .icon, .form-group.error .icon.error { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; } input:-internal-autofill-selected { background-color: transparent !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { background-color: transparent !important; -webkit-box-shadow: 0 0 0 1000px transparent inset !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .form-group > label { display: block; font-size: 0.75rem; margin-bottom: 0; } .form-group > label .forgot > a { display: inline-block; text-decoration: underline; color: #000; padding: 0 2px; } .form-group > label .required { float: right; font-size: 0.875rem; font-weight: 600; line-height: 1; color: #e00751; } .form-group > label .required.inline { float: inherit; } .form-group input#checkbilling { visibility: hidden; } .form-group input { height: 45px; border-color: #929292; border-bottom-color: #929292; border-radius: 0; color: #111; font-size: 0.875rem; } .form-group input::-moz-placeholder { color: #ccc; } .form-group input::placeholder { color: #ccc; } .form-group input:not([type=checkbox]):hover, .form-group input:not([type=checkbox]).hover, .form-group input:not([type=checkbox]):active, .form-group input:not([type=checkbox]).active { box-shadow: 0 1px 0 #929292 !important; } .form-group input:focus, .form-group input.focus { border-bottom-color: #0058a3; box-shadow: 0 1px 0 #0058a3 !important; } .form-group input.form-control:disabled, .form-group input.form-control[readonly] { background-color: #e9ecef; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .form-group input.form-control:disabled:focus, .form-group input.form-control:disabled.focus, .form-group input.form-control[readonly]:focus, .form-group input.form-control[readonly].focus { border-bottom: 2px solid #0058a3; box-shadow: none !important; outline: none; cursor: default; } .form-group input.noSpinner { -moz-appearance: textfield; } .form-group input.noSpinner::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .form-group[class*=macro_icheck] > .icheck > [class*=icheckbox] { margin-right: 8px; } .form-group[class*=macro_icheck] > .icheck label a { text-decoration: underline; color: #111; } .form-group[class*=macro_icheck] > .icheck label .family { text-decoration: none; } .form-group[class*=macro_icheck] > .icheck label .family strong { position: relative; display: inline-block; padding: 0 2px; font-size: 1.2rem; line-height: 1.2rem; color: #007CC1; } .form-group .custom-select { display: block; width: 100%; height: 40px; border-color: #6c757d; color: #343a40; font-weight: 600; } .form-group.macroPhone-input-group .intl-tel-input, .form-group.macroNumber-input-group .intl-tel-input { width: 100%; } .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .form-group.macroNumber-input-group .intl-tel-input input[type=tel] { line-height: 1.45rem; } .form-group .message { display: none; } .form-group.error { position: relative; } .form-group.error input, .form-group.error textarea { border-bottom: 1px solid #e00751 !important; } .form-group.error input:hover, .form-group.error input.hover, .form-group.error input:active, .form-group.error input.active, .form-group.error textarea:hover, .form-group.error textarea.hover, .form-group.error textarea:active, .form-group.error textarea.active { box-shadow: 0 1px 0 #e00751 !important; } .form-group.error input:focus, .form-group.error input.focus, .form-group.error textarea:focus, .form-group.error textarea.focus { border-bottom-color: #e00751; box-shadow: 0 1px 0 #e00751 !important; } .form-group.error .message { display: block; width: 100%; color: #e00751; margin: 0.5rem 0 !important; padding: 0 0 0 0; background: transparent; font-size: 0.75rem; border-radius: 0; line-height: 1rem; white-space: normal; } .form-group.error .icon { display: none; } .form-group.error .icon.error { position: absolute; right: 2px; top: 2px; bottom: 2px; width: 30px; border-radius: 0; } .form-group.error .icon.error:before { content: "\e9ae"; font-size: 1.35rem; color: #e00751; font-family: "fundament-icons-v2" !important; display: inline-block; vertical-align: middle; padding-right: 0; line-height: 0; } .form-group.error .icon.error:before { transform: rotate(180deg); } .form-group.error.macroPhone-input-group .intl-tel-input input[type=tel] { border: 1px solid #e00751; } .form-group.error.checkbox .styled-checkbox + label :before { border-color: #e00751; } .form-group.macroPhone-input-group .input-group button { border-radius: 0.25rem 0 0 0.25rem; } .form-group.macroPhone-input-group .input-group input { border-radius: 0 0.25rem 0.25rem 0; } .form-group.macroDate-input-group .input-group, .form-group.date_single .input-group { position: relative; } .form-group.macroDate-input-group .input-group .icon, .form-group.date_single .input-group .icon { position: absolute; left: 0; top: 0; bottom: 0; width: 45px; z-index: 5; } .form-group.macroDate-input-group .input-group .icon:before, .form-group.date_single .input-group .icon:before { content: "\f133"; font-size: 1rem; color: #111; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; } .form-group.macroDate-input-group .input-group .icon:before, .form-group.date_single .input-group .icon:before { position: relative; top: 1px; } .form-group.macroDate-input-group .input-group input, .form-group.date_single .input-group input { padding-left: 45px; } .form-group.date_single .input-group .icon { display: none; } .form-group.macroKioskEmail-input-group .between-icon { padding: 0 0.75rem; font-size: 1.25rem; } .flat-form .form-group :not([data-section=review]):not(.intl-tel-input) input, .flat-form .form-group div[data-editable=true] input, #checkout .personalInformation_section .form-group :not([data-section=review]):not(.intl-tel-input) input, #checkout .personalInformation_section .form-group div[data-editable=true] input, .form_login .form-group :not([data-section=review]):not(.intl-tel-input) input, .form_login .form-group div[data-editable=true] input, .client_account .form-group :not([data-section=review]):not(.intl-tel-input) input, .client_account .form-group div[data-editable=true] input, #abandoned-form .form-group :not([data-section=review]):not(.intl-tel-input) input, #abandoned-form .form-group div[data-editable=true] input, .addProductToListComponent.form-group .form-group :not([data-section=review]):not(.intl-tel-input) input, .addProductToListComponent.form-group .form-group div[data-editable=true] input, .form_forgot .form-group :not([data-section=review]):not(.intl-tel-input) input, .form_forgot .form-group div[data-editable=true] input, .form_login-content .form-group :not([data-section=review]):not(.intl-tel-input) input, .form_login-content .form-group div[data-editable=true] input, .cartNostock .form-group :not([data-section=review]):not(.intl-tel-input) input, .cartNostock .form-group div[data-editable=true] input, .form_create-form .form-group :not([data-section=review]):not(.intl-tel-input) input, .form_create-form .form-group div[data-editable=true] input, .form_mobile .form-group :not([data-section=review]):not(.intl-tel-input) input, .form_mobile .form-group div[data-editable=true] input, .form_exist .advise_login-form .form-group :not([data-section=review]):not(.intl-tel-input) input, .form_exist .advise_login-form .form-group div[data-editable=true] input, #sales-quote-form .form-column .form-group :not([data-section=review]):not(.intl-tel-input) input, #sales-quote-form .form-column .form-group div[data-editable=true] input, #modalInformation .form-group :not([data-section=review]):not(.intl-tel-input) input, #modalInformation .form-group div[data-editable=true] input, .suggestedEmailBox-form_wrap .form-group :not([data-section=review]):not(.intl-tel-input) input, .suggestedEmailBox-form_wrap .form-group div[data-editable=true] input, .businessOrder .form-group :not([data-section=review]):not(.intl-tel-input) input, .businessOrder .form-group div[data-editable=true] input, .form_exist-generateBox .form-group :not([data-section=review]):not(.intl-tel-input) input, .form_exist-generateBox .form-group div[data-editable=true] input, .ikeabusiness .navbar #formLogin .form-group :not([data-section=review]):not(.intl-tel-input) input, .ikeabusiness .navbar #formLogin .form-group div[data-editable=true] input, .contactForm .form-group :not([data-section=review]):not(.intl-tel-input) input, .contactForm .form-group div[data-editable=true] input { border-radius: 0; background-clip: padding-box; } .flat-form .form-group select, .flat-form .form-group select.custom-select, #checkout .personalInformation_section .form-group select, #checkout .personalInformation_section .form-group select.custom-select, .form_login .form-group select, .form_login .form-group select.custom-select, .client_account .form-group select, .client_account .form-group select.custom-select, #abandoned-form .form-group select, #abandoned-form .form-group select.custom-select, .addProductToListComponent.form-group .form-group select, .addProductToListComponent.form-group .form-group select.custom-select, .form_forgot .form-group select, .form_forgot .form-group select.custom-select, .form_login-content .form-group select, .form_login-content .form-group select.custom-select, .cartNostock .form-group select, .cartNostock .form-group select.custom-select, .form_create-form .form-group select, .form_create-form .form-group select.custom-select, .form_mobile .form-group select, .form_mobile .form-group select.custom-select, .form_exist .advise_login-form .form-group select, .form_exist .advise_login-form .form-group select.custom-select, #sales-quote-form .form-column .form-group select, #sales-quote-form .form-column .form-group select.custom-select, #modalInformation .form-group select, #modalInformation .form-group select.custom-select, .suggestedEmailBox-form_wrap .form-group select, .suggestedEmailBox-form_wrap .form-group select.custom-select, .businessOrder .form-group select, .businessOrder .form-group select.custom-select, .form_exist-generateBox .form-group select, .form_exist-generateBox .form-group select.custom-select, .ikeabusiness .navbar #formLogin .form-group select, .ikeabusiness .navbar #formLogin .form-group select.custom-select, .contactForm .form-group select, .contactForm .form-group select.custom-select { border-radius: 0; padding-left: 0; padding-top: 0.25rem; height: 30px; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid #929292; border-radius: 0; } .flat-form .form-group select:hover, .flat-form .form-group select.custom-select:hover, #checkout .personalInformation_section .form-group select:hover, #checkout .personalInformation_section .form-group select.custom-select:hover, .form_login .form-group select:hover, .form_login .form-group select.custom-select:hover, .client_account .form-group select:hover, .client_account .form-group select.custom-select:hover, #abandoned-form .form-group select:hover, #abandoned-form .form-group select.custom-select:hover, .addProductToListComponent.form-group .form-group select:hover, .addProductToListComponent.form-group .form-group select.custom-select:hover, .form_forgot .form-group select:hover, .form_forgot .form-group select.custom-select:hover, .form_login-content .form-group select:hover, .form_login-content .form-group select.custom-select:hover, .cartNostock .form-group select:hover, .cartNostock .form-group select.custom-select:hover, .form_create-form .form-group select:hover, .form_create-form .form-group select.custom-select:hover, .form_mobile .form-group select:hover, .form_mobile .form-group select.custom-select:hover, .form_exist .advise_login-form .form-group select:hover, .form_exist .advise_login-form .form-group select.custom-select:hover, #sales-quote-form .form-column .form-group select:hover, #sales-quote-form .form-column .form-group select.custom-select:hover, #modalInformation .form-group select:hover, #modalInformation .form-group select.custom-select:hover, .suggestedEmailBox-form_wrap .form-group select:hover, .suggestedEmailBox-form_wrap .form-group select.custom-select:hover, .businessOrder .form-group select:hover, .businessOrder .form-group select.custom-select:hover, .form_exist-generateBox .form-group select:hover, .form_exist-generateBox .form-group select.custom-select:hover, .ikeabusiness .navbar #formLogin .form-group select:hover, .ikeabusiness .navbar #formLogin .form-group select.custom-select:hover, .contactForm .form-group select:hover, .contactForm .form-group select.custom-select:hover { box-shadow: 0 1px 0 #929292 !important; } .flat-form .form-group select:focus, .flat-form .form-group select.custom-select:focus, #checkout .personalInformation_section .form-group select:focus, #checkout .personalInformation_section .form-group select.custom-select:focus, .form_login .form-group select:focus, .form_login .form-group select.custom-select:focus, .client_account .form-group select:focus, .client_account .form-group select.custom-select:focus, #abandoned-form .form-group select:focus, #abandoned-form .form-group select.custom-select:focus, .addProductToListComponent.form-group .form-group select:focus, .addProductToListComponent.form-group .form-group select.custom-select:focus, .form_forgot .form-group select:focus, .form_forgot .form-group select.custom-select:focus, .form_login-content .form-group select:focus, .form_login-content .form-group select.custom-select:focus, .cartNostock .form-group select:focus, .cartNostock .form-group select.custom-select:focus, .form_create-form .form-group select:focus, .form_create-form .form-group select.custom-select:focus, .form_mobile .form-group select:focus, .form_mobile .form-group select.custom-select:focus, .form_exist .advise_login-form .form-group select:focus, .form_exist .advise_login-form .form-group select.custom-select:focus, #sales-quote-form .form-column .form-group select:focus, #sales-quote-form .form-column .form-group select.custom-select:focus, #modalInformation .form-group select:focus, #modalInformation .form-group select.custom-select:focus, .suggestedEmailBox-form_wrap .form-group select:focus, .suggestedEmailBox-form_wrap .form-group select.custom-select:focus, .businessOrder .form-group select:focus, .businessOrder .form-group select.custom-select:focus, .form_exist-generateBox .form-group select:focus, .form_exist-generateBox .form-group select.custom-select:focus, .ikeabusiness .navbar #formLogin .form-group select:focus, .ikeabusiness .navbar #formLogin .form-group select.custom-select:focus, .contactForm .form-group select:focus, .contactForm .form-group select.custom-select:focus { border-bottom-color: #0058a3; box-shadow: 0 1px 0 #0058a3 !important; } .flat-form .form-group select.error, .flat-form .form-group select.custom-select.error, #checkout .personalInformation_section .form-group select.error, #checkout .personalInformation_section .form-group select.custom-select.error, .form_login .form-group select.error, .form_login .form-group select.custom-select.error, .client_account .form-group select.error, .client_account .form-group select.custom-select.error, #abandoned-form .form-group select.error, #abandoned-form .form-group select.custom-select.error, .addProductToListComponent.form-group .form-group select.error, .addProductToListComponent.form-group .form-group select.custom-select.error, .form_forgot .form-group select.error, .form_forgot .form-group select.custom-select.error, .form_login-content .form-group select.error, .form_login-content .form-group select.custom-select.error, .cartNostock .form-group select.error, .cartNostock .form-group select.custom-select.error, .form_create-form .form-group select.error, .form_create-form .form-group select.custom-select.error, .form_mobile .form-group select.error, .form_mobile .form-group select.custom-select.error, .form_exist .advise_login-form .form-group select.error, .form_exist .advise_login-form .form-group select.custom-select.error, #sales-quote-form .form-column .form-group select.error, #sales-quote-form .form-column .form-group select.custom-select.error, #modalInformation .form-group select.error, #modalInformation .form-group select.custom-select.error, .suggestedEmailBox-form_wrap .form-group select.error, .suggestedEmailBox-form_wrap .form-group select.custom-select.error, .businessOrder .form-group select.error, .businessOrder .form-group select.custom-select.error, .form_exist-generateBox .form-group select.error, .form_exist-generateBox .form-group select.custom-select.error, .ikeabusiness .navbar #formLogin .form-group select.error, .ikeabusiness .navbar #formLogin .form-group select.custom-select.error, .contactForm .form-group select.error, .contactForm .form-group select.custom-select.error { border-bottom-color: #e00751; } .flat-form .form-group select.error:hover, .flat-form .form-group select.error:focus, .flat-form .form-group select.custom-select.error:hover, .flat-form .form-group select.custom-select.error:focus, #checkout .personalInformation_section .form-group select.error:hover, #checkout .personalInformation_section .form-group select.error:focus, #checkout .personalInformation_section .form-group select.custom-select.error:hover, #checkout .personalInformation_section .form-group select.custom-select.error:focus, .form_login .form-group select.error:hover, .form_login .form-group select.error:focus, .form_login .form-group select.custom-select.error:hover, .form_login .form-group select.custom-select.error:focus, .client_account .form-group select.error:hover, .client_account .form-group select.error:focus, .client_account .form-group select.custom-select.error:hover, .client_account .form-group select.custom-select.error:focus, #abandoned-form .form-group select.error:hover, #abandoned-form .form-group select.error:focus, #abandoned-form .form-group select.custom-select.error:hover, #abandoned-form .form-group select.custom-select.error:focus, .addProductToListComponent.form-group .form-group select.error:hover, .addProductToListComponent.form-group .form-group select.error:focus, .addProductToListComponent.form-group .form-group select.custom-select.error:hover, .addProductToListComponent.form-group .form-group select.custom-select.error:focus, .form_forgot .form-group select.error:hover, .form_forgot .form-group select.error:focus, .form_forgot .form-group select.custom-select.error:hover, .form_forgot .form-group select.custom-select.error:focus, .form_login-content .form-group select.error:hover, .form_login-content .form-group select.error:focus, .form_login-content .form-group select.custom-select.error:hover, .form_login-content .form-group select.custom-select.error:focus, .cartNostock .form-group select.error:hover, .cartNostock .form-group select.error:focus, .cartNostock .form-group select.custom-select.error:hover, .cartNostock .form-group select.custom-select.error:focus, .form_create-form .form-group select.error:hover, .form_create-form .form-group select.error:focus, .form_create-form .form-group select.custom-select.error:hover, .form_create-form .form-group select.custom-select.error:focus, .form_mobile .form-group select.error:hover, .form_mobile .form-group select.error:focus, .form_mobile .form-group select.custom-select.error:hover, .form_mobile .form-group select.custom-select.error:focus, .form_exist .advise_login-form .form-group select.error:hover, .form_exist .advise_login-form .form-group select.error:focus, .form_exist .advise_login-form .form-group select.custom-select.error:hover, .form_exist .advise_login-form .form-group select.custom-select.error:focus, #sales-quote-form .form-column .form-group select.error:hover, #sales-quote-form .form-column .form-group select.error:focus, #sales-quote-form .form-column .form-group select.custom-select.error:hover, #sales-quote-form .form-column .form-group select.custom-select.error:focus, #modalInformation .form-group select.error:hover, #modalInformation .form-group select.error:focus, #modalInformation .form-group select.custom-select.error:hover, #modalInformation .form-group select.custom-select.error:focus, .suggestedEmailBox-form_wrap .form-group select.error:hover, .suggestedEmailBox-form_wrap .form-group select.error:focus, .suggestedEmailBox-form_wrap .form-group select.custom-select.error:hover, .suggestedEmailBox-form_wrap .form-group select.custom-select.error:focus, .businessOrder .form-group select.error:hover, .businessOrder .form-group select.error:focus, .businessOrder .form-group select.custom-select.error:hover, .businessOrder .form-group select.custom-select.error:focus, .form_exist-generateBox .form-group select.error:hover, .form_exist-generateBox .form-group select.error:focus, .form_exist-generateBox .form-group select.custom-select.error:hover, .form_exist-generateBox .form-group select.custom-select.error:focus, .ikeabusiness .navbar #formLogin .form-group select.error:hover, .ikeabusiness .navbar #formLogin .form-group select.error:focus, .ikeabusiness .navbar #formLogin .form-group select.custom-select.error:hover, .ikeabusiness .navbar #formLogin .form-group select.custom-select.error:focus, .contactForm .form-group select.error:hover, .contactForm .form-group select.error:focus, .contactForm .form-group select.custom-select.error:hover, .contactForm .form-group select.custom-select.error:focus { box-shadow: 0 1px 0 #e00751 !important; } .flat-form .form-group > label .required, #checkout .personalInformation_section .form-group > label .required, .form_login .form-group > label .required, .client_account .form-group > label .required, #abandoned-form .form-group > label .required, .addProductToListComponent.form-group .form-group > label .required, .form_forgot .form-group > label .required, .form_login-content .form-group > label .required, .cartNostock .form-group > label .required, .form_create-form .form-group > label .required, .form_mobile .form-group > label .required, .form_exist .advise_login-form .form-group > label .required, #sales-quote-form .form-column .form-group > label .required, #modalInformation .form-group > label .required, .suggestedEmailBox-form_wrap .form-group > label .required, .businessOrder .form-group > label .required, .form_exist-generateBox .form-group > label .required, .ikeabusiness .navbar #formLogin .form-group > label .required, .contactForm .form-group > label .required { font-size: 0.875rem; line-height: 1; } .flat-form .form-group.smaller-input-file > label, #checkout .personalInformation_section .form-group.smaller-input-file > label, .form_login .form-group.smaller-input-file > label, .client_account .form-group.smaller-input-file > label, #abandoned-form .form-group.smaller-input-file > label, .addProductToListComponent.form-group .form-group.smaller-input-file > label, .form_forgot .form-group.smaller-input-file > label, .form_login-content .form-group.smaller-input-file > label, .cartNostock .form-group.smaller-input-file > label, .form_create-form .form-group.smaller-input-file > label, .form_mobile .form-group.smaller-input-file > label, .form_exist .advise_login-form .form-group.smaller-input-file > label, #sales-quote-form .form-column .form-group.smaller-input-file > label, #modalInformation .form-group.smaller-input-file > label, .suggestedEmailBox-form_wrap .form-group.smaller-input-file > label, .businessOrder .form-group.smaller-input-file > label, .form_exist-generateBox .form-group.smaller-input-file > label, .ikeabusiness .navbar #formLogin .form-group.smaller-input-file > label, .contactForm .form-group.smaller-input-file > label { margin-bottom: 0 !important; } .flat-form .form-group.smaller-input-file .custom-file-label, #checkout .personalInformation_section .form-group.smaller-input-file .custom-file-label, .form_login .form-group.smaller-input-file .custom-file-label, .client_account .form-group.smaller-input-file .custom-file-label, #abandoned-form .form-group.smaller-input-file .custom-file-label, .addProductToListComponent.form-group .form-group.smaller-input-file .custom-file-label, .form_forgot .form-group.smaller-input-file .custom-file-label, .form_login-content .form-group.smaller-input-file .custom-file-label, .cartNostock .form-group.smaller-input-file .custom-file-label, .form_create-form .form-group.smaller-input-file .custom-file-label, .form_mobile .form-group.smaller-input-file .custom-file-label, .form_exist .advise_login-form .form-group.smaller-input-file .custom-file-label, #sales-quote-form .form-column .form-group.smaller-input-file .custom-file-label, #modalInformation .form-group.smaller-input-file .custom-file-label, .suggestedEmailBox-form_wrap .form-group.smaller-input-file .custom-file-label, .businessOrder .form-group.smaller-input-file .custom-file-label, .form_exist-generateBox .form-group.smaller-input-file .custom-file-label, .ikeabusiness .navbar #formLogin .form-group.smaller-input-file .custom-file-label, .contactForm .form-group.smaller-input-file .custom-file-label { height: 35px; } .flat-form .form-group .intl-tel-input input[type=tel], .flat-form .form-group .intl-tel-input.separate-dial-code input[type=tel], .flat-form .form-group.macroPhone-input-group .intl-tel-input input[type=tel], #checkout .personalInformation_section .form-group .intl-tel-input input[type=tel], #checkout .personalInformation_section .form-group .intl-tel-input.separate-dial-code input[type=tel], #checkout .personalInformation_section .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .form_login .form-group .intl-tel-input input[type=tel], .form_login .form-group .intl-tel-input.separate-dial-code input[type=tel], .form_login .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .client_account .form-group .intl-tel-input input[type=tel], .client_account .form-group .intl-tel-input.separate-dial-code input[type=tel], .client_account .form-group.macroPhone-input-group .intl-tel-input input[type=tel], #abandoned-form .form-group .intl-tel-input input[type=tel], #abandoned-form .form-group .intl-tel-input.separate-dial-code input[type=tel], #abandoned-form .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .addProductToListComponent.form-group .form-group .intl-tel-input input[type=tel], .addProductToListComponent.form-group .form-group .intl-tel-input.separate-dial-code input[type=tel], .addProductToListComponent.form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .form_forgot .form-group .intl-tel-input input[type=tel], .form_forgot .form-group .intl-tel-input.separate-dial-code input[type=tel], .form_forgot .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .form_login-content .form-group .intl-tel-input input[type=tel], .form_login-content .form-group .intl-tel-input.separate-dial-code input[type=tel], .form_login-content .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .cartNostock .form-group .intl-tel-input input[type=tel], .cartNostock .form-group .intl-tel-input.separate-dial-code input[type=tel], .cartNostock .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .form_create-form .form-group .intl-tel-input input[type=tel], .form_create-form .form-group .intl-tel-input.separate-dial-code input[type=tel], .form_create-form .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .form_mobile .form-group .intl-tel-input input[type=tel], .form_mobile .form-group .intl-tel-input.separate-dial-code input[type=tel], .form_mobile .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .form_exist .advise_login-form .form-group .intl-tel-input input[type=tel], .form_exist .advise_login-form .form-group .intl-tel-input.separate-dial-code input[type=tel], .form_exist .advise_login-form .form-group.macroPhone-input-group .intl-tel-input input[type=tel], #sales-quote-form .form-column .form-group .intl-tel-input input[type=tel], #sales-quote-form .form-column .form-group .intl-tel-input.separate-dial-code input[type=tel], #sales-quote-form .form-column .form-group.macroPhone-input-group .intl-tel-input input[type=tel], #modalInformation .form-group .intl-tel-input input[type=tel], #modalInformation .form-group .intl-tel-input.separate-dial-code input[type=tel], #modalInformation .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .suggestedEmailBox-form_wrap .form-group .intl-tel-input input[type=tel], .suggestedEmailBox-form_wrap .form-group .intl-tel-input.separate-dial-code input[type=tel], .suggestedEmailBox-form_wrap .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .businessOrder .form-group .intl-tel-input input[type=tel], .businessOrder .form-group .intl-tel-input.separate-dial-code input[type=tel], .businessOrder .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .form_exist-generateBox .form-group .intl-tel-input input[type=tel], .form_exist-generateBox .form-group .intl-tel-input.separate-dial-code input[type=tel], .form_exist-generateBox .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .ikeabusiness .navbar #formLogin .form-group .intl-tel-input input[type=tel], .ikeabusiness .navbar #formLogin .form-group .intl-tel-input.separate-dial-code input[type=tel], .ikeabusiness .navbar #formLogin .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .contactForm .form-group .intl-tel-input input[type=tel], .contactForm .form-group .intl-tel-input.separate-dial-code input[type=tel], .contactForm .form-group.macroPhone-input-group .intl-tel-input input[type=tel] { height: 30px !important; border-radius: 0; border-bottom: 1px solid #929292; } .flat-form .revamp-form-group input.form-control:not([type=tel]), #checkout .personalInformation_section .revamp-form-group input.form-control:not([type=tel]), .form_login .revamp-form-group input.form-control:not([type=tel]), .client_account .revamp-form-group input.form-control:not([type=tel]), #abandoned-form .revamp-form-group input.form-control:not([type=tel]), .addProductToListComponent.form-group .revamp-form-group input.form-control:not([type=tel]), .form_forgot .revamp-form-group input.form-control:not([type=tel]), .form_login-content .revamp-form-group input.form-control:not([type=tel]), .cartNostock .revamp-form-group input.form-control:not([type=tel]), .form_create-form .revamp-form-group input.form-control:not([type=tel]), .form_mobile .revamp-form-group input.form-control:not([type=tel]), .form_exist .advise_login-form .revamp-form-group input.form-control:not([type=tel]), #sales-quote-form .form-column .revamp-form-group input.form-control:not([type=tel]), #modalInformation .revamp-form-group input.form-control:not([type=tel]), .suggestedEmailBox-form_wrap .revamp-form-group input.form-control:not([type=tel]), .businessOrder .revamp-form-group input.form-control:not([type=tel]), .form_exist-generateBox .revamp-form-group input.form-control:not([type=tel]), .ikeabusiness .navbar #formLogin .revamp-form-group input.form-control:not([type=tel]), .contactForm .revamp-form-group input.form-control:not([type=tel]) { padding: 0.25rem 0 0.5rem; } .flat-form .revamp-form-group select.custom-select, #checkout .personalInformation_section .revamp-form-group select.custom-select, .form_login .revamp-form-group select.custom-select, .client_account .revamp-form-group select.custom-select, #abandoned-form .revamp-form-group select.custom-select, .addProductToListComponent.form-group .revamp-form-group select.custom-select, .form_forgot .revamp-form-group select.custom-select, .form_login-content .revamp-form-group select.custom-select, .cartNostock .revamp-form-group select.custom-select, .form_create-form .revamp-form-group select.custom-select, .form_mobile .revamp-form-group select.custom-select, .form_exist .advise_login-form .revamp-form-group select.custom-select, #sales-quote-form .form-column .revamp-form-group select.custom-select, #modalInformation .revamp-form-group select.custom-select, .suggestedEmailBox-form_wrap .revamp-form-group select.custom-select, .businessOrder .revamp-form-group select.custom-select, .form_exist-generateBox .revamp-form-group select.custom-select, .ikeabusiness .navbar #formLogin .revamp-form-group select.custom-select, .contactForm .revamp-form-group select.custom-select { background-color: transparent; } .flat-form .revamp-form-group .message, #checkout .personalInformation_section .revamp-form-group .message, .form_login .revamp-form-group .message, .client_account .revamp-form-group .message, #abandoned-form .revamp-form-group .message, .addProductToListComponent.form-group .revamp-form-group .message, .form_forgot .revamp-form-group .message, .form_login-content .revamp-form-group .message, .cartNostock .revamp-form-group .message, .form_create-form .revamp-form-group .message, .form_mobile .revamp-form-group .message, .form_exist .advise_login-form .revamp-form-group .message, #sales-quote-form .form-column .revamp-form-group .message, #modalInformation .revamp-form-group .message, .suggestedEmailBox-form_wrap .revamp-form-group .message, .businessOrder .revamp-form-group .message, .form_exist-generateBox .revamp-form-group .message, .ikeabusiness .navbar #formLogin .revamp-form-group .message, .contactForm .revamp-form-group .message { margin-bottom: 0.5rem !important; margin-top: 0.5rem !important; } .flat-form .revamp-form-group .input-field--labelled, #checkout .personalInformation_section .revamp-form-group .input-field--labelled, .form_login .revamp-form-group .input-field--labelled, .client_account .revamp-form-group .input-field--labelled, #abandoned-form .revamp-form-group .input-field--labelled, .addProductToListComponent.form-group .revamp-form-group .input-field--labelled, .form_forgot .revamp-form-group .input-field--labelled, .form_login-content .revamp-form-group .input-field--labelled, .cartNostock .revamp-form-group .input-field--labelled, .form_create-form .revamp-form-group .input-field--labelled, .form_mobile .revamp-form-group .input-field--labelled, .form_exist .advise_login-form .revamp-form-group .input-field--labelled, #sales-quote-form .form-column .revamp-form-group .input-field--labelled, #modalInformation .revamp-form-group .input-field--labelled, .suggestedEmailBox-form_wrap .revamp-form-group .input-field--labelled, .businessOrder .revamp-form-group .input-field--labelled, .form_exist-generateBox .revamp-form-group .input-field--labelled, .ikeabusiness .navbar #formLogin .revamp-form-group .input-field--labelled, .contactForm .revamp-form-group .input-field--labelled { width: 100%; } .flat-form :not([data-section=review]):not(.intl-tel-input) input.form-control, .flat-form div[data-editable=true] input.form-control, #checkout .personalInformation_section :not([data-section=review]):not(.intl-tel-input) input.form-control, #checkout .personalInformation_section div[data-editable=true] input.form-control, .form_login :not([data-section=review]):not(.intl-tel-input) input.form-control, .form_login div[data-editable=true] input.form-control, .client_account :not([data-section=review]):not(.intl-tel-input) input.form-control, .client_account div[data-editable=true] input.form-control, #abandoned-form :not([data-section=review]):not(.intl-tel-input) input.form-control, #abandoned-form div[data-editable=true] input.form-control, .addProductToListComponent.form-group :not([data-section=review]):not(.intl-tel-input) input.form-control, .addProductToListComponent.form-group div[data-editable=true] input.form-control, .form_forgot :not([data-section=review]):not(.intl-tel-input) input.form-control, .form_forgot div[data-editable=true] input.form-control, .form_login-content :not([data-section=review]):not(.intl-tel-input) input.form-control, .form_login-content div[data-editable=true] input.form-control, .cartNostock :not([data-section=review]):not(.intl-tel-input) input.form-control, .cartNostock div[data-editable=true] input.form-control, .form_create-form :not([data-section=review]):not(.intl-tel-input) input.form-control, .form_create-form div[data-editable=true] input.form-control, .form_mobile :not([data-section=review]):not(.intl-tel-input) input.form-control, .form_mobile div[data-editable=true] input.form-control, .form_exist .advise_login-form :not([data-section=review]):not(.intl-tel-input) input.form-control, .form_exist .advise_login-form div[data-editable=true] input.form-control, #sales-quote-form .form-column :not([data-section=review]):not(.intl-tel-input) input.form-control, #sales-quote-form .form-column div[data-editable=true] input.form-control, #modalInformation :not([data-section=review]):not(.intl-tel-input) input.form-control, #modalInformation div[data-editable=true] input.form-control, .suggestedEmailBox-form_wrap :not([data-section=review]):not(.intl-tel-input) input.form-control, .suggestedEmailBox-form_wrap div[data-editable=true] input.form-control, .businessOrder :not([data-section=review]):not(.intl-tel-input) input.form-control, .businessOrder div[data-editable=true] input.form-control, .form_exist-generateBox :not([data-section=review]):not(.intl-tel-input) input.form-control, .form_exist-generateBox div[data-editable=true] input.form-control, .ikeabusiness .navbar #formLogin :not([data-section=review]):not(.intl-tel-input) input.form-control, .ikeabusiness .navbar #formLogin div[data-editable=true] input.form-control, .contactForm :not([data-section=review]):not(.intl-tel-input) input.form-control, .contactForm div[data-editable=true] input.form-control { height: 30px; font-size: 0.875rem; color: #111; border-radius: 0; box-sizing: border-box; background-clip: border-box; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid #929292; border-radius: 0; } .flat-form :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .flat-form div[data-editable=true] input.form-control:hover, #checkout .personalInformation_section :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, #checkout .personalInformation_section div[data-editable=true] input.form-control:hover, .form_login :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .form_login div[data-editable=true] input.form-control:hover, .client_account :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .client_account div[data-editable=true] input.form-control:hover, #abandoned-form :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, #abandoned-form div[data-editable=true] input.form-control:hover, .addProductToListComponent.form-group :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .addProductToListComponent.form-group div[data-editable=true] input.form-control:hover, .form_forgot :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .form_forgot div[data-editable=true] input.form-control:hover, .form_login-content :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .form_login-content div[data-editable=true] input.form-control:hover, .cartNostock :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .cartNostock div[data-editable=true] input.form-control:hover, .form_create-form :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .form_create-form div[data-editable=true] input.form-control:hover, .form_mobile :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .form_mobile div[data-editable=true] input.form-control:hover, .form_exist .advise_login-form :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .form_exist .advise_login-form div[data-editable=true] input.form-control:hover, #sales-quote-form .form-column :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, #sales-quote-form .form-column div[data-editable=true] input.form-control:hover, #modalInformation :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, #modalInformation div[data-editable=true] input.form-control:hover, .suggestedEmailBox-form_wrap :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .suggestedEmailBox-form_wrap div[data-editable=true] input.form-control:hover, .businessOrder :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .businessOrder div[data-editable=true] input.form-control:hover, .form_exist-generateBox :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .form_exist-generateBox div[data-editable=true] input.form-control:hover, .ikeabusiness .navbar #formLogin :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .ikeabusiness .navbar #formLogin div[data-editable=true] input.form-control:hover, .contactForm :not([data-section=review]):not(.intl-tel-input) input.form-control:hover, .contactForm div[data-editable=true] input.form-control:hover { box-shadow: 0 1px 0 #929292 !important; } .flat-form :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .flat-form div[data-editable=true] input.form-control:focus, #checkout .personalInformation_section :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, #checkout .personalInformation_section div[data-editable=true] input.form-control:focus, .form_login :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .form_login div[data-editable=true] input.form-control:focus, .client_account :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .client_account div[data-editable=true] input.form-control:focus, #abandoned-form :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, #abandoned-form div[data-editable=true] input.form-control:focus, .addProductToListComponent.form-group :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .addProductToListComponent.form-group div[data-editable=true] input.form-control:focus, .form_forgot :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .form_forgot div[data-editable=true] input.form-control:focus, .form_login-content :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .form_login-content div[data-editable=true] input.form-control:focus, .cartNostock :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .cartNostock div[data-editable=true] input.form-control:focus, .form_create-form :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .form_create-form div[data-editable=true] input.form-control:focus, .form_mobile :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .form_mobile div[data-editable=true] input.form-control:focus, .form_exist .advise_login-form :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .form_exist .advise_login-form div[data-editable=true] input.form-control:focus, #sales-quote-form .form-column :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, #sales-quote-form .form-column div[data-editable=true] input.form-control:focus, #modalInformation :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, #modalInformation div[data-editable=true] input.form-control:focus, .suggestedEmailBox-form_wrap :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .suggestedEmailBox-form_wrap div[data-editable=true] input.form-control:focus, .businessOrder :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .businessOrder div[data-editable=true] input.form-control:focus, .form_exist-generateBox :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .form_exist-generateBox div[data-editable=true] input.form-control:focus, .ikeabusiness .navbar #formLogin :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .ikeabusiness .navbar #formLogin div[data-editable=true] input.form-control:focus, .contactForm :not([data-section=review]):not(.intl-tel-input) input.form-control:focus, .contactForm div[data-editable=true] input.form-control:focus { border-bottom-color: #0058a3; box-shadow: 0 1px 0 #0058a3 !important; } .flat-form :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .flat-form div[data-editable=true] input.form-control.error, #checkout .personalInformation_section :not([data-section=review]):not(.intl-tel-input) input.form-control.error, #checkout .personalInformation_section div[data-editable=true] input.form-control.error, .form_login :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .form_login div[data-editable=true] input.form-control.error, .client_account :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .client_account div[data-editable=true] input.form-control.error, #abandoned-form :not([data-section=review]):not(.intl-tel-input) input.form-control.error, #abandoned-form div[data-editable=true] input.form-control.error, .addProductToListComponent.form-group :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .addProductToListComponent.form-group div[data-editable=true] input.form-control.error, .form_forgot :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .form_forgot div[data-editable=true] input.form-control.error, .form_login-content :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .form_login-content div[data-editable=true] input.form-control.error, .cartNostock :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .cartNostock div[data-editable=true] input.form-control.error, .form_create-form :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .form_create-form div[data-editable=true] input.form-control.error, .form_mobile :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .form_mobile div[data-editable=true] input.form-control.error, .form_exist .advise_login-form :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .form_exist .advise_login-form div[data-editable=true] input.form-control.error, #sales-quote-form .form-column :not([data-section=review]):not(.intl-tel-input) input.form-control.error, #sales-quote-form .form-column div[data-editable=true] input.form-control.error, #modalInformation :not([data-section=review]):not(.intl-tel-input) input.form-control.error, #modalInformation div[data-editable=true] input.form-control.error, .suggestedEmailBox-form_wrap :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .suggestedEmailBox-form_wrap div[data-editable=true] input.form-control.error, .businessOrder :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .businessOrder div[data-editable=true] input.form-control.error, .form_exist-generateBox :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .form_exist-generateBox div[data-editable=true] input.form-control.error, .ikeabusiness .navbar #formLogin :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .ikeabusiness .navbar #formLogin div[data-editable=true] input.form-control.error, .contactForm :not([data-section=review]):not(.intl-tel-input) input.form-control.error, .contactForm div[data-editable=true] input.form-control.error { border-bottom-color: #e00751; } .flat-form :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .flat-form :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .flat-form div[data-editable=true] input.form-control.error:hover, .flat-form div[data-editable=true] input.form-control.error:focus, #checkout .personalInformation_section :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, #checkout .personalInformation_section :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, #checkout .personalInformation_section div[data-editable=true] input.form-control.error:hover, #checkout .personalInformation_section div[data-editable=true] input.form-control.error:focus, .form_login :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .form_login :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .form_login div[data-editable=true] input.form-control.error:hover, .form_login div[data-editable=true] input.form-control.error:focus, .client_account :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .client_account :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .client_account div[data-editable=true] input.form-control.error:hover, .client_account div[data-editable=true] input.form-control.error:focus, #abandoned-form :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, #abandoned-form :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, #abandoned-form div[data-editable=true] input.form-control.error:hover, #abandoned-form div[data-editable=true] input.form-control.error:focus, .addProductToListComponent.form-group :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .addProductToListComponent.form-group :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .addProductToListComponent.form-group div[data-editable=true] input.form-control.error:hover, .addProductToListComponent.form-group div[data-editable=true] input.form-control.error:focus, .form_forgot :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .form_forgot :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .form_forgot div[data-editable=true] input.form-control.error:hover, .form_forgot div[data-editable=true] input.form-control.error:focus, .form_login-content :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .form_login-content :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .form_login-content div[data-editable=true] input.form-control.error:hover, .form_login-content div[data-editable=true] input.form-control.error:focus, .cartNostock :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .cartNostock :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .cartNostock div[data-editable=true] input.form-control.error:hover, .cartNostock div[data-editable=true] input.form-control.error:focus, .form_create-form :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .form_create-form :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .form_create-form div[data-editable=true] input.form-control.error:hover, .form_create-form div[data-editable=true] input.form-control.error:focus, .form_mobile :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .form_mobile :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .form_mobile div[data-editable=true] input.form-control.error:hover, .form_mobile div[data-editable=true] input.form-control.error:focus, .form_exist .advise_login-form :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .form_exist .advise_login-form :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .form_exist .advise_login-form div[data-editable=true] input.form-control.error:hover, .form_exist .advise_login-form div[data-editable=true] input.form-control.error:focus, #sales-quote-form .form-column :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, #sales-quote-form .form-column :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, #sales-quote-form .form-column div[data-editable=true] input.form-control.error:hover, #sales-quote-form .form-column div[data-editable=true] input.form-control.error:focus, #modalInformation :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, #modalInformation :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, #modalInformation div[data-editable=true] input.form-control.error:hover, #modalInformation div[data-editable=true] input.form-control.error:focus, .suggestedEmailBox-form_wrap :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .suggestedEmailBox-form_wrap :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .suggestedEmailBox-form_wrap div[data-editable=true] input.form-control.error:hover, .suggestedEmailBox-form_wrap div[data-editable=true] input.form-control.error:focus, .businessOrder :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .businessOrder :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .businessOrder div[data-editable=true] input.form-control.error:hover, .businessOrder div[data-editable=true] input.form-control.error:focus, .form_exist-generateBox :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .form_exist-generateBox :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .form_exist-generateBox div[data-editable=true] input.form-control.error:hover, .form_exist-generateBox div[data-editable=true] input.form-control.error:focus, .ikeabusiness .navbar #formLogin :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .ikeabusiness .navbar #formLogin :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .ikeabusiness .navbar #formLogin div[data-editable=true] input.form-control.error:hover, .ikeabusiness .navbar #formLogin div[data-editable=true] input.form-control.error:focus, .contactForm :not([data-section=review]):not(.intl-tel-input) input.form-control.error:hover, .contactForm :not([data-section=review]):not(.intl-tel-input) input.form-control.error:focus, .contactForm div[data-editable=true] input.form-control.error:hover, .contactForm div[data-editable=true] input.form-control.error:focus { box-shadow: 0 1px 0 #e00751 !important; } .flat-form :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .flat-form div[data-editable=true] input.form-control:not([type=tel]), #checkout .personalInformation_section :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), #checkout .personalInformation_section div[data-editable=true] input.form-control:not([type=tel]), .form_login :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .form_login div[data-editable=true] input.form-control:not([type=tel]), .client_account :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .client_account div[data-editable=true] input.form-control:not([type=tel]), #abandoned-form :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), #abandoned-form div[data-editable=true] input.form-control:not([type=tel]), .addProductToListComponent.form-group :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .addProductToListComponent.form-group div[data-editable=true] input.form-control:not([type=tel]), .form_forgot :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .form_forgot div[data-editable=true] input.form-control:not([type=tel]), .form_login-content :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .form_login-content div[data-editable=true] input.form-control:not([type=tel]), .cartNostock :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .cartNostock div[data-editable=true] input.form-control:not([type=tel]), .form_create-form :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .form_create-form div[data-editable=true] input.form-control:not([type=tel]), .form_mobile :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .form_mobile div[data-editable=true] input.form-control:not([type=tel]), .form_exist .advise_login-form :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .form_exist .advise_login-form div[data-editable=true] input.form-control:not([type=tel]), #sales-quote-form .form-column :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), #sales-quote-form .form-column div[data-editable=true] input.form-control:not([type=tel]), #modalInformation :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), #modalInformation div[data-editable=true] input.form-control:not([type=tel]), .suggestedEmailBox-form_wrap :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .suggestedEmailBox-form_wrap div[data-editable=true] input.form-control:not([type=tel]), .businessOrder :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .businessOrder div[data-editable=true] input.form-control:not([type=tel]), .form_exist-generateBox :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .form_exist-generateBox div[data-editable=true] input.form-control:not([type=tel]), .ikeabusiness .navbar #formLogin :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .ikeabusiness .navbar #formLogin div[data-editable=true] input.form-control:not([type=tel]), .contactForm :not([data-section=review]):not(.intl-tel-input) input.form-control:not([type=tel]), .contactForm div[data-editable=true] input.form-control:not([type=tel]) { padding: 0.25rem 0 0.5rem; } .flat-form :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .flat-form div[data-editable=true] input[readonly=readonly], #checkout .personalInformation_section :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], #checkout .personalInformation_section div[data-editable=true] input[readonly=readonly], .form_login :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .form_login div[data-editable=true] input[readonly=readonly], .client_account :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .client_account div[data-editable=true] input[readonly=readonly], #abandoned-form :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], #abandoned-form div[data-editable=true] input[readonly=readonly], .addProductToListComponent.form-group :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .addProductToListComponent.form-group div[data-editable=true] input[readonly=readonly], .form_forgot :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .form_forgot div[data-editable=true] input[readonly=readonly], .form_login-content :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .form_login-content div[data-editable=true] input[readonly=readonly], .cartNostock :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .cartNostock div[data-editable=true] input[readonly=readonly], .form_create-form :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .form_create-form div[data-editable=true] input[readonly=readonly], .form_mobile :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .form_mobile div[data-editable=true] input[readonly=readonly], .form_exist .advise_login-form :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .form_exist .advise_login-form div[data-editable=true] input[readonly=readonly], #sales-quote-form .form-column :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], #sales-quote-form .form-column div[data-editable=true] input[readonly=readonly], #modalInformation :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], #modalInformation div[data-editable=true] input[readonly=readonly], .suggestedEmailBox-form_wrap :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .suggestedEmailBox-form_wrap div[data-editable=true] input[readonly=readonly], .businessOrder :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .businessOrder div[data-editable=true] input[readonly=readonly], .form_exist-generateBox :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .form_exist-generateBox div[data-editable=true] input[readonly=readonly], .ikeabusiness .navbar #formLogin :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .ikeabusiness .navbar #formLogin div[data-editable=true] input[readonly=readonly], .contactForm :not([data-section=review]):not(.intl-tel-input) input[readonly=readonly], .contactForm div[data-editable=true] input[readonly=readonly] { border-bottom: 0 !important; } .flat-form .error :not([data-section=review]):not(.intl-tel-input) input, .flat-form .error:not([data-section=review]):not(.intl-tel-input) input, .flat-form .error div[data-editable=true] input, .flat-form .error[data-editable=true] input, #checkout .personalInformation_section .error :not([data-section=review]):not(.intl-tel-input) input, #checkout .personalInformation_section .error:not([data-section=review]):not(.intl-tel-input) input, #checkout .personalInformation_section .error div[data-editable=true] input, #checkout .personalInformation_section .error[data-editable=true] input, .form_login .error :not([data-section=review]):not(.intl-tel-input) input, .form_login .error:not([data-section=review]):not(.intl-tel-input) input, .form_login .error div[data-editable=true] input, .form_login .error[data-editable=true] input, .client_account .error :not([data-section=review]):not(.intl-tel-input) input, .client_account .error:not([data-section=review]):not(.intl-tel-input) input, .client_account .error div[data-editable=true] input, .client_account .error[data-editable=true] input, #abandoned-form .error :not([data-section=review]):not(.intl-tel-input) input, #abandoned-form .error:not([data-section=review]):not(.intl-tel-input) input, #abandoned-form .error div[data-editable=true] input, #abandoned-form .error[data-editable=true] input, .addProductToListComponent.form-group .error :not([data-section=review]):not(.intl-tel-input) input, .addProductToListComponent.form-group .error:not([data-section=review]):not(.intl-tel-input) input, .addProductToListComponent.form-group .error div[data-editable=true] input, .addProductToListComponent.form-group .error[data-editable=true] input, .form_forgot .error :not([data-section=review]):not(.intl-tel-input) input, .form_forgot .error:not([data-section=review]):not(.intl-tel-input) input, .form_forgot .error div[data-editable=true] input, .form_forgot .error[data-editable=true] input, .form_login-content .error :not([data-section=review]):not(.intl-tel-input) input, .form_login-content .error:not([data-section=review]):not(.intl-tel-input) input, .form_login-content .error div[data-editable=true] input, .form_login-content .error[data-editable=true] input, .cartNostock .error :not([data-section=review]):not(.intl-tel-input) input, .cartNostock .error:not([data-section=review]):not(.intl-tel-input) input, .cartNostock .error div[data-editable=true] input, .cartNostock .error[data-editable=true] input, .form_create-form .error :not([data-section=review]):not(.intl-tel-input) input, .form_create-form .error:not([data-section=review]):not(.intl-tel-input) input, .form_create-form .error div[data-editable=true] input, .form_create-form .error[data-editable=true] input, .form_mobile .error :not([data-section=review]):not(.intl-tel-input) input, .form_mobile .error:not([data-section=review]):not(.intl-tel-input) input, .form_mobile .error div[data-editable=true] input, .form_mobile .error[data-editable=true] input, .form_exist .advise_login-form .error :not([data-section=review]):not(.intl-tel-input) input, .form_exist .advise_login-form .error:not([data-section=review]):not(.intl-tel-input) input, .form_exist .advise_login-form .error div[data-editable=true] input, .form_exist .advise_login-form .error[data-editable=true] input, #sales-quote-form .form-column .error :not([data-section=review]):not(.intl-tel-input) input, #sales-quote-form .form-column .error:not([data-section=review]):not(.intl-tel-input) input, #sales-quote-form .form-column .error div[data-editable=true] input, #sales-quote-form .form-column .error[data-editable=true] input, #modalInformation .error :not([data-section=review]):not(.intl-tel-input) input, #modalInformation .error:not([data-section=review]):not(.intl-tel-input) input, #modalInformation .error div[data-editable=true] input, #modalInformation .error[data-editable=true] input, .suggestedEmailBox-form_wrap .error :not([data-section=review]):not(.intl-tel-input) input, .suggestedEmailBox-form_wrap .error:not([data-section=review]):not(.intl-tel-input) input, .suggestedEmailBox-form_wrap .error div[data-editable=true] input, .suggestedEmailBox-form_wrap .error[data-editable=true] input, .businessOrder .error :not([data-section=review]):not(.intl-tel-input) input, .businessOrder .error:not([data-section=review]):not(.intl-tel-input) input, .businessOrder .error div[data-editable=true] input, .businessOrder .error[data-editable=true] input, .form_exist-generateBox .error :not([data-section=review]):not(.intl-tel-input) input, .form_exist-generateBox .error:not([data-section=review]):not(.intl-tel-input) input, .form_exist-generateBox .error div[data-editable=true] input, .form_exist-generateBox .error[data-editable=true] input, .ikeabusiness .navbar #formLogin .error :not([data-section=review]):not(.intl-tel-input) input, .ikeabusiness .navbar #formLogin .error:not([data-section=review]):not(.intl-tel-input) input, .ikeabusiness .navbar #formLogin .error div[data-editable=true] input, .ikeabusiness .navbar #formLogin .error[data-editable=true] input, .contactForm .error :not([data-section=review]):not(.intl-tel-input) input, .contactForm .error:not([data-section=review]):not(.intl-tel-input) input, .contactForm .error div[data-editable=true] input, .contactForm .error[data-editable=true] input { border-bottom-color: #e00751; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; } .flat-form .error :not([data-section=review]):not(.intl-tel-input) input:hover, .flat-form .error :not([data-section=review]):not(.intl-tel-input) input:focus, .flat-form .error:not([data-section=review]):not(.intl-tel-input) input:hover, .flat-form .error:not([data-section=review]):not(.intl-tel-input) input:focus, .flat-form .error div[data-editable=true] input:hover, .flat-form .error div[data-editable=true] input:focus, .flat-form .error[data-editable=true] input:hover, .flat-form .error[data-editable=true] input:focus, #checkout .personalInformation_section .error :not([data-section=review]):not(.intl-tel-input) input:hover, #checkout .personalInformation_section .error :not([data-section=review]):not(.intl-tel-input) input:focus, #checkout .personalInformation_section .error:not([data-section=review]):not(.intl-tel-input) input:hover, #checkout .personalInformation_section .error:not([data-section=review]):not(.intl-tel-input) input:focus, #checkout .personalInformation_section .error div[data-editable=true] input:hover, #checkout .personalInformation_section .error div[data-editable=true] input:focus, #checkout .personalInformation_section .error[data-editable=true] input:hover, #checkout .personalInformation_section .error[data-editable=true] input:focus, .form_login .error :not([data-section=review]):not(.intl-tel-input) input:hover, .form_login .error :not([data-section=review]):not(.intl-tel-input) input:focus, .form_login .error:not([data-section=review]):not(.intl-tel-input) input:hover, .form_login .error:not([data-section=review]):not(.intl-tel-input) input:focus, .form_login .error div[data-editable=true] input:hover, .form_login .error div[data-editable=true] input:focus, .form_login .error[data-editable=true] input:hover, .form_login .error[data-editable=true] input:focus, .client_account .error :not([data-section=review]):not(.intl-tel-input) input:hover, .client_account .error :not([data-section=review]):not(.intl-tel-input) input:focus, .client_account .error:not([data-section=review]):not(.intl-tel-input) input:hover, .client_account .error:not([data-section=review]):not(.intl-tel-input) input:focus, .client_account .error div[data-editable=true] input:hover, .client_account .error div[data-editable=true] input:focus, .client_account .error[data-editable=true] input:hover, .client_account .error[data-editable=true] input:focus, #abandoned-form .error :not([data-section=review]):not(.intl-tel-input) input:hover, #abandoned-form .error :not([data-section=review]):not(.intl-tel-input) input:focus, #abandoned-form .error:not([data-section=review]):not(.intl-tel-input) input:hover, #abandoned-form .error:not([data-section=review]):not(.intl-tel-input) input:focus, #abandoned-form .error div[data-editable=true] input:hover, #abandoned-form .error div[data-editable=true] input:focus, #abandoned-form .error[data-editable=true] input:hover, #abandoned-form .error[data-editable=true] input:focus, .addProductToListComponent.form-group .error :not([data-section=review]):not(.intl-tel-input) input:hover, .addProductToListComponent.form-group .error :not([data-section=review]):not(.intl-tel-input) input:focus, .addProductToListComponent.form-group .error:not([data-section=review]):not(.intl-tel-input) input:hover, .addProductToListComponent.form-group .error:not([data-section=review]):not(.intl-tel-input) input:focus, .addProductToListComponent.form-group .error div[data-editable=true] input:hover, .addProductToListComponent.form-group .error div[data-editable=true] input:focus, .addProductToListComponent.form-group .error[data-editable=true] input:hover, .addProductToListComponent.form-group .error[data-editable=true] input:focus, .form_forgot .error :not([data-section=review]):not(.intl-tel-input) input:hover, .form_forgot .error :not([data-section=review]):not(.intl-tel-input) input:focus, .form_forgot .error:not([data-section=review]):not(.intl-tel-input) input:hover, .form_forgot .error:not([data-section=review]):not(.intl-tel-input) input:focus, .form_forgot .error div[data-editable=true] input:hover, .form_forgot .error div[data-editable=true] input:focus, .form_forgot .error[data-editable=true] input:hover, .form_forgot .error[data-editable=true] input:focus, .form_login-content .error :not([data-section=review]):not(.intl-tel-input) input:hover, .form_login-content .error :not([data-section=review]):not(.intl-tel-input) input:focus, .form_login-content .error:not([data-section=review]):not(.intl-tel-input) input:hover, .form_login-content .error:not([data-section=review]):not(.intl-tel-input) input:focus, .form_login-content .error div[data-editable=true] input:hover, .form_login-content .error div[data-editable=true] input:focus, .form_login-content .error[data-editable=true] input:hover, .form_login-content .error[data-editable=true] input:focus, .cartNostock .error :not([data-section=review]):not(.intl-tel-input) input:hover, .cartNostock .error :not([data-section=review]):not(.intl-tel-input) input:focus, .cartNostock .error:not([data-section=review]):not(.intl-tel-input) input:hover, .cartNostock .error:not([data-section=review]):not(.intl-tel-input) input:focus, .cartNostock .error div[data-editable=true] input:hover, .cartNostock .error div[data-editable=true] input:focus, .cartNostock .error[data-editable=true] input:hover, .cartNostock .error[data-editable=true] input:focus, .form_create-form .error :not([data-section=review]):not(.intl-tel-input) input:hover, .form_create-form .error :not([data-section=review]):not(.intl-tel-input) input:focus, .form_create-form .error:not([data-section=review]):not(.intl-tel-input) input:hover, .form_create-form .error:not([data-section=review]):not(.intl-tel-input) input:focus, .form_create-form .error div[data-editable=true] input:hover, .form_create-form .error div[data-editable=true] input:focus, .form_create-form .error[data-editable=true] input:hover, .form_create-form .error[data-editable=true] input:focus, .form_mobile .error :not([data-section=review]):not(.intl-tel-input) input:hover, .form_mobile .error :not([data-section=review]):not(.intl-tel-input) input:focus, .form_mobile .error:not([data-section=review]):not(.intl-tel-input) input:hover, .form_mobile .error:not([data-section=review]):not(.intl-tel-input) input:focus, .form_mobile .error div[data-editable=true] input:hover, .form_mobile .error div[data-editable=true] input:focus, .form_mobile .error[data-editable=true] input:hover, .form_mobile .error[data-editable=true] input:focus, .form_exist .advise_login-form .error :not([data-section=review]):not(.intl-tel-input) input:hover, .form_exist .advise_login-form .error :not([data-section=review]):not(.intl-tel-input) input:focus, .form_exist .advise_login-form .error:not([data-section=review]):not(.intl-tel-input) input:hover, .form_exist .advise_login-form .error:not([data-section=review]):not(.intl-tel-input) input:focus, .form_exist .advise_login-form .error div[data-editable=true] input:hover, .form_exist .advise_login-form .error div[data-editable=true] input:focus, .form_exist .advise_login-form .error[data-editable=true] input:hover, .form_exist .advise_login-form .error[data-editable=true] input:focus, #sales-quote-form .form-column .error :not([data-section=review]):not(.intl-tel-input) input:hover, #sales-quote-form .form-column .error :not([data-section=review]):not(.intl-tel-input) input:focus, #sales-quote-form .form-column .error:not([data-section=review]):not(.intl-tel-input) input:hover, #sales-quote-form .form-column .error:not([data-section=review]):not(.intl-tel-input) input:focus, #sales-quote-form .form-column .error div[data-editable=true] input:hover, #sales-quote-form .form-column .error div[data-editable=true] input:focus, #sales-quote-form .form-column .error[data-editable=true] input:hover, #sales-quote-form .form-column .error[data-editable=true] input:focus, #modalInformation .error :not([data-section=review]):not(.intl-tel-input) input:hover, #modalInformation .error :not([data-section=review]):not(.intl-tel-input) input:focus, #modalInformation .error:not([data-section=review]):not(.intl-tel-input) input:hover, #modalInformation .error:not([data-section=review]):not(.intl-tel-input) input:focus, #modalInformation .error div[data-editable=true] input:hover, #modalInformation .error div[data-editable=true] input:focus, #modalInformation .error[data-editable=true] input:hover, #modalInformation .error[data-editable=true] input:focus, .suggestedEmailBox-form_wrap .error :not([data-section=review]):not(.intl-tel-input) input:hover, .suggestedEmailBox-form_wrap .error :not([data-section=review]):not(.intl-tel-input) input:focus, .suggestedEmailBox-form_wrap .error:not([data-section=review]):not(.intl-tel-input) input:hover, .suggestedEmailBox-form_wrap .error:not([data-section=review]):not(.intl-tel-input) input:focus, .suggestedEmailBox-form_wrap .error div[data-editable=true] input:hover, .suggestedEmailBox-form_wrap .error div[data-editable=true] input:focus, .suggestedEmailBox-form_wrap .error[data-editable=true] input:hover, .suggestedEmailBox-form_wrap .error[data-editable=true] input:focus, .businessOrder .error :not([data-section=review]):not(.intl-tel-input) input:hover, .businessOrder .error :not([data-section=review]):not(.intl-tel-input) input:focus, .businessOrder .error:not([data-section=review]):not(.intl-tel-input) input:hover, .businessOrder .error:not([data-section=review]):not(.intl-tel-input) input:focus, .businessOrder .error div[data-editable=true] input:hover, .businessOrder .error div[data-editable=true] input:focus, .businessOrder .error[data-editable=true] input:hover, .businessOrder .error[data-editable=true] input:focus, .form_exist-generateBox .error :not([data-section=review]):not(.intl-tel-input) input:hover, .form_exist-generateBox .error :not([data-section=review]):not(.intl-tel-input) input:focus, .form_exist-generateBox .error:not([data-section=review]):not(.intl-tel-input) input:hover, .form_exist-generateBox .error:not([data-section=review]):not(.intl-tel-input) input:focus, .form_exist-generateBox .error div[data-editable=true] input:hover, .form_exist-generateBox .error div[data-editable=true] input:focus, .form_exist-generateBox .error[data-editable=true] input:hover, .form_exist-generateBox .error[data-editable=true] input:focus, .ikeabusiness .navbar #formLogin .error :not([data-section=review]):not(.intl-tel-input) input:hover, .ikeabusiness .navbar #formLogin .error :not([data-section=review]):not(.intl-tel-input) input:focus, .ikeabusiness .navbar #formLogin .error:not([data-section=review]):not(.intl-tel-input) input:hover, .ikeabusiness .navbar #formLogin .error:not([data-section=review]):not(.intl-tel-input) input:focus, .ikeabusiness .navbar #formLogin .error div[data-editable=true] input:hover, .ikeabusiness .navbar #formLogin .error div[data-editable=true] input:focus, .ikeabusiness .navbar #formLogin .error[data-editable=true] input:hover, .ikeabusiness .navbar #formLogin .error[data-editable=true] input:focus, .contactForm .error :not([data-section=review]):not(.intl-tel-input) input:hover, .contactForm .error :not([data-section=review]):not(.intl-tel-input) input:focus, .contactForm .error:not([data-section=review]):not(.intl-tel-input) input:hover, .contactForm .error:not([data-section=review]):not(.intl-tel-input) input:focus, .contactForm .error div[data-editable=true] input:hover, .contactForm .error div[data-editable=true] input:focus, .contactForm .error[data-editable=true] input:hover, .contactForm .error[data-editable=true] input:focus { box-shadow: 0 1px 0 #e00751 !important; } .flat-form .input-group .icon + input, #checkout .personalInformation_section .input-group .icon + input, .form_login .input-group .icon + input, .client_account .input-group .icon + input, #abandoned-form .input-group .icon + input, .addProductToListComponent.form-group .input-group .icon + input, .form_forgot .input-group .icon + input, .form_login-content .input-group .icon + input, .cartNostock .input-group .icon + input, .form_create-form .input-group .icon + input, .form_mobile .input-group .icon + input, .form_exist .advise_login-form .input-group .icon + input, #sales-quote-form .form-column .input-group .icon + input, #modalInformation .input-group .icon + input, .suggestedEmailBox-form_wrap .input-group .icon + input, .businessOrder .input-group .icon + input, .form_exist-generateBox .input-group .icon + input, .ikeabusiness .navbar #formLogin .input-group .icon + input, .contactForm .input-group .icon + input { padding-left: 45px !important; padding-top: 0.5rem !important; } .flat-form textarea, #checkout .personalInformation_section textarea, .form_login textarea, .client_account textarea, #abandoned-form textarea, .addProductToListComponent.form-group textarea, .form_forgot textarea, .form_login-content textarea, .cartNostock textarea, .form_create-form textarea, .form_mobile textarea, .form_exist .advise_login-form textarea, #sales-quote-form .form-column textarea, #modalInformation textarea, .suggestedEmailBox-form_wrap textarea, .businessOrder textarea, .form_exist-generateBox textarea, .ikeabusiness .navbar #formLogin textarea, .contactForm textarea { border-radius: 0.25rem; border: 1px solid #ced4da; min-height: 100px; } .flat-form textarea.form-control, #checkout .personalInformation_section textarea.form-control, .form_login textarea.form-control, .client_account textarea.form-control, #abandoned-form textarea.form-control, .addProductToListComponent.form-group textarea.form-control, .form_forgot textarea.form-control, .form_login-content textarea.form-control, .cartNostock textarea.form-control, .form_create-form textarea.form-control, .form_mobile textarea.form-control, .form_exist .advise_login-form textarea.form-control, #sales-quote-form .form-column textarea.form-control, #modalInformation textarea.form-control, .suggestedEmailBox-form_wrap textarea.form-control, .businessOrder textarea.form-control, .form_exist-generateBox textarea.form-control, .ikeabusiness .navbar #formLogin textarea.form-control, .contactForm textarea.form-control { border-radius: 1.5rem; background-clip: padding-box; border: 1px solid #ced4da; min-height: 70px; } .flat-form .custom-file-label, #checkout .personalInformation_section .custom-file-label, .form_login .custom-file-label, .client_account .custom-file-label, #abandoned-form .custom-file-label, .addProductToListComponent.form-group .custom-file-label, .form_forgot .custom-file-label, .form_login-content .custom-file-label, .cartNostock .custom-file-label, .form_create-form .custom-file-label, .form_mobile .custom-file-label, .form_exist .advise_login-form .custom-file-label, #sales-quote-form .form-column .custom-file-label, #modalInformation .custom-file-label, .suggestedEmailBox-form_wrap .custom-file-label, .businessOrder .custom-file-label, .form_exist-generateBox .custom-file-label, .ikeabusiness .navbar #formLogin .custom-file-label, .contactForm .custom-file-label { border: 1px solid #ced4da; border-radius: 1.5rem; background-clip: padding-box; } .flat-form .custom-file-label::after, #checkout .personalInformation_section .custom-file-label::after, .form_login .custom-file-label::after, .client_account .custom-file-label::after, #abandoned-form .custom-file-label::after, .addProductToListComponent.form-group .custom-file-label::after, .form_forgot .custom-file-label::after, .form_login-content .custom-file-label::after, .cartNostock .custom-file-label::after, .form_create-form .custom-file-label::after, .form_mobile .custom-file-label::after, .form_exist .advise_login-form .custom-file-label::after, #sales-quote-form .form-column .custom-file-label::after, #modalInformation .custom-file-label::after, .suggestedEmailBox-form_wrap .custom-file-label::after, .businessOrder .custom-file-label::after, .form_exist-generateBox .custom-file-label::after, .ikeabusiness .navbar #formLogin .custom-file-label::after, .contactForm .custom-file-label::after { border-left: 1px solid #ced4da; border-radius: 0 1.5rem 1.5rem 0; background-clip: padding-box; } .flat-form select.custom-select, #checkout .personalInformation_section select.custom-select, .form_login select.custom-select, .client_account select.custom-select, #abandoned-form select.custom-select, .addProductToListComponent.form-group select.custom-select, .form_forgot select.custom-select, .form_login-content select.custom-select, .cartNostock select.custom-select, .form_create-form select.custom-select, .form_mobile select.custom-select, .form_exist .advise_login-form select.custom-select, #sales-quote-form .form-column select.custom-select, #modalInformation select.custom-select, .suggestedEmailBox-form_wrap select.custom-select, .businessOrder select.custom-select, .form_exist-generateBox select.custom-select, .ikeabusiness .navbar #formLogin select.custom-select, .contactForm select.custom-select { border: 0; border-bottom: 1px solid #929292; } .flat-form select.custom-select:hover, #checkout .personalInformation_section select.custom-select:hover, .form_login select.custom-select:hover, .client_account select.custom-select:hover, #abandoned-form select.custom-select:hover, .addProductToListComponent.form-group select.custom-select:hover, .form_forgot select.custom-select:hover, .form_login-content select.custom-select:hover, .cartNostock select.custom-select:hover, .form_create-form select.custom-select:hover, .form_mobile select.custom-select:hover, .form_exist .advise_login-form select.custom-select:hover, #sales-quote-form .form-column select.custom-select:hover, #modalInformation select.custom-select:hover, .suggestedEmailBox-form_wrap select.custom-select:hover, .businessOrder select.custom-select:hover, .form_exist-generateBox select.custom-select:hover, .ikeabusiness .navbar #formLogin select.custom-select:hover, .contactForm select.custom-select:hover { box-shadow: 0 1px 0 #929292 !important; } .flat-form select.custom-select:active, .flat-form select.custom-select:focus, .flat-form select.custom-select:active:focus, #checkout .personalInformation_section select.custom-select:active, #checkout .personalInformation_section select.custom-select:focus, #checkout .personalInformation_section select.custom-select:active:focus, .form_login select.custom-select:active, .form_login select.custom-select:focus, .form_login select.custom-select:active:focus, .client_account select.custom-select:active, .client_account select.custom-select:focus, .client_account select.custom-select:active:focus, #abandoned-form select.custom-select:active, #abandoned-form select.custom-select:focus, #abandoned-form select.custom-select:active:focus, .addProductToListComponent.form-group select.custom-select:active, .addProductToListComponent.form-group select.custom-select:focus, .addProductToListComponent.form-group select.custom-select:active:focus, .form_forgot select.custom-select:active, .form_forgot select.custom-select:focus, .form_forgot select.custom-select:active:focus, .form_login-content select.custom-select:active, .form_login-content select.custom-select:focus, .form_login-content select.custom-select:active:focus, .cartNostock select.custom-select:active, .cartNostock select.custom-select:focus, .cartNostock select.custom-select:active:focus, .form_create-form select.custom-select:active, .form_create-form select.custom-select:focus, .form_create-form select.custom-select:active:focus, .form_mobile select.custom-select:active, .form_mobile select.custom-select:focus, .form_mobile select.custom-select:active:focus, .form_exist .advise_login-form select.custom-select:active, .form_exist .advise_login-form select.custom-select:focus, .form_exist .advise_login-form select.custom-select:active:focus, #sales-quote-form .form-column select.custom-select:active, #sales-quote-form .form-column select.custom-select:focus, #sales-quote-form .form-column select.custom-select:active:focus, #modalInformation select.custom-select:active, #modalInformation select.custom-select:focus, #modalInformation select.custom-select:active:focus, .suggestedEmailBox-form_wrap select.custom-select:active, .suggestedEmailBox-form_wrap select.custom-select:focus, .suggestedEmailBox-form_wrap select.custom-select:active:focus, .businessOrder select.custom-select:active, .businessOrder select.custom-select:focus, .businessOrder select.custom-select:active:focus, .form_exist-generateBox select.custom-select:active, .form_exist-generateBox select.custom-select:focus, .form_exist-generateBox select.custom-select:active:focus, .ikeabusiness .navbar #formLogin select.custom-select:active, .ikeabusiness .navbar #formLogin select.custom-select:focus, .ikeabusiness .navbar #formLogin select.custom-select:active:focus, .contactForm select.custom-select:active, .contactForm select.custom-select:focus, .contactForm select.custom-select:active:focus { border-bottom-color: #0058a3; box-shadow: 0 1px 0 #0058a3 !important; } .flat-form select.custom-select:disabled, #checkout .personalInformation_section select.custom-select:disabled, .form_login select.custom-select:disabled, .client_account select.custom-select:disabled, #abandoned-form select.custom-select:disabled, .addProductToListComponent.form-group select.custom-select:disabled, .form_forgot select.custom-select:disabled, .form_login-content select.custom-select:disabled, .cartNostock select.custom-select:disabled, .form_create-form select.custom-select:disabled, .form_mobile select.custom-select:disabled, .form_exist .advise_login-form select.custom-select:disabled, #sales-quote-form .form-column select.custom-select:disabled, #modalInformation select.custom-select:disabled, .suggestedEmailBox-form_wrap select.custom-select:disabled, .businessOrder select.custom-select:disabled, .form_exist-generateBox select.custom-select:disabled, .ikeabusiness .navbar #formLogin select.custom-select:disabled, .contactForm select.custom-select:disabled { color: #ced4da; } .flat-form .groupContainer .group:not([data-editable=true]) select.custom-select, #checkout .personalInformation_section .groupContainer .group:not([data-editable=true]) select.custom-select, .form_login .groupContainer .group:not([data-editable=true]) select.custom-select, .client_account .groupContainer .group:not([data-editable=true]) select.custom-select, #abandoned-form .groupContainer .group:not([data-editable=true]) select.custom-select, .addProductToListComponent.form-group .groupContainer .group:not([data-editable=true]) select.custom-select, .form_forgot .groupContainer .group:not([data-editable=true]) select.custom-select, .form_login-content .groupContainer .group:not([data-editable=true]) select.custom-select, .cartNostock .groupContainer .group:not([data-editable=true]) select.custom-select, .form_create-form .groupContainer .group:not([data-editable=true]) select.custom-select, .form_mobile .groupContainer .group:not([data-editable=true]) select.custom-select, .form_exist .advise_login-form .groupContainer .group:not([data-editable=true]) select.custom-select, #sales-quote-form .form-column .groupContainer .group:not([data-editable=true]) select.custom-select, #modalInformation .groupContainer .group:not([data-editable=true]) select.custom-select, .suggestedEmailBox-form_wrap .groupContainer .group:not([data-editable=true]) select.custom-select, .businessOrder .groupContainer .group:not([data-editable=true]) select.custom-select, .form_exist-generateBox .groupContainer .group:not([data-editable=true]) select.custom-select, .ikeabusiness .navbar #formLogin .groupContainer .group:not([data-editable=true]) select.custom-select, .contactForm .groupContainer .group:not([data-editable=true]) select.custom-select { border: 0 !important; box-shadow: none !important; } .loginForm_submit, .loginForm_createAccount, .btn_submit { margin: 2rem 0 0; padding: 0 1rem; font-size: 0.875rem; font-weight: bold; height: 55px; white-space: normal; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; } .form_mobile .loginForm_submit { margin: 0; } .loginForm_submit, .btn_submit { color: #fff; background: #0058a3; } .loginForm_submit:hover, .loginForm_submit:focus, .btn_submit:hover, .btn_submit:focus { background: #004f93; color: #fff; } .loginForm_submit:active, .btn_submit:active { background: #003e72; color: #fff; } .loginForm_submit[disabled=disabled], .loginForm_submit[disabled=true], .btn_submit[disabled=disabled], .btn_submit[disabled=true] { background-color: #dfdfdf; color: #929292; } .loginForm_submit[disabled=disabled]:hover, .loginForm_submit[disabled=disabled]:active, .loginForm_submit[disabled=disabled]:focus, .loginForm_submit[disabled=disabled]:active:focus, .loginForm_submit[disabled=true]:hover, .loginForm_submit[disabled=true]:active, .loginForm_submit[disabled=true]:focus, .loginForm_submit[disabled=true]:active:focus, .btn_submit[disabled=disabled]:hover, .btn_submit[disabled=disabled]:active, .btn_submit[disabled=disabled]:focus, .btn_submit[disabled=disabled]:active:focus, .btn_submit[disabled=true]:hover, .btn_submit[disabled=true]:active, .btn_submit[disabled=true]:focus, .btn_submit[disabled=true]:active:focus { background-color: #dfdfdf; color: #929292; } .loginForm_submit.btn-dark.btn-lg { height: 55px; } .btnForm_blue { color: #fff; background: #0058a3; padding: 0 1.5rem; height: 40px; line-height: 40px; font-size: 0.75rem; font-weight: bold; text-decoration: none; border-radius: 10rem; margin: 2rem 0 0; } .btnForm_blue:hover, .btnForm_blue:focus { background: #004f93; color: #fff; } .btnForm_blue:active { background: #003e72; color: #fff; } .btnForm_blue[disabled=disabled], .btnForm_blue[disabled=true] { background-color: #dfdfdf; color: #929292; } .btnForm_blue[disabled=disabled]:hover, .btnForm_blue[disabled=disabled]:active, .btnForm_blue[disabled=disabled]:focus, .btnForm_blue[disabled=disabled]:active:focus, .btnForm_blue[disabled=true]:hover, .btnForm_blue[disabled=true]:active, .btnForm_blue[disabled=true]:focus, .btnForm_blue[disabled=true]:active:focus { background-color: #dfdfdf; color: #929292; } .btnForm_blue [class*=icon]:before { font-size: 1.15rem; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-radius: 0; background-clip: padding-box; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-radius: 0; background-clip: padding-box; } .input-group .input-group-append.tooglePass { position: absolute; right: 0; top: -5px; bottom: 0; width: 30px; z-index: 3; } .input-group .input-group-append.tooglePass:before { content: "\ea32"; font-size: 1.25rem; color: #ccc; font-family: "fundament-icons-v2" !important; display: inline-block; vertical-align: middle; padding-right: 0; line-height: 0; } .input-group .input-group-append.tooglePass:before { position: relative; top: 1px; cursor: pointer; transition: all 0.3s ease; } .input-group .input-group-append.tooglePass:hover:before { color: #111; transition: all 0.3s ease; } .input-group.list-header_form-input .input-group-append button { padding: 0 1.5rem; height: 40px; line-height: 40px; font-size: 0.75rem; font-weight: bold; text-decoration: none; border-radius: 10rem; color: #fff; background: #0058a3; border: 0; } .input-group.list-header_form-input .input-group-append button [class*=icon]:before { font-size: 1.15rem; } .input-group.list-header_form-input .input-group-append button:hover, .input-group.list-header_form-input .input-group-append button:focus { background: #004f93; color: #fff; } .input-group.list-header_form-input .input-group-append button:active { background: #003e72; color: #fff; } .input-group.list-header_form-input .input-group-append button[disabled=disabled], .input-group.list-header_form-input .input-group-append button[disabled=true] { background-color: #dfdfdf; color: #929292; } .input-group.list-header_form-input .input-group-append button[disabled=disabled]:hover, .input-group.list-header_form-input .input-group-append button[disabled=disabled]:active, .input-group.list-header_form-input .input-group-append button[disabled=disabled]:focus, .input-group.list-header_form-input .input-group-append button[disabled=disabled]:active:focus, .input-group.list-header_form-input .input-group-append button[disabled=true]:hover, .input-group.list-header_form-input .input-group-append button[disabled=true]:active, .input-group.list-header_form-input .input-group-append button[disabled=true]:focus, .input-group.list-header_form-input .input-group-append button[disabled=true]:active:focus { background-color: #dfdfdf; color: #929292; } .form_login .form-group [type=text] + .tooglePass:before, .form_create-form .form-group [type=text] + .tooglePass:before, .advise_login-form .form-group [type=text] + .tooglePass:before { content: "\ea31"; font-size: 1.5rem; color: #111; font-family: "fundament-icons-v2" !important; display: inline-block; vertical-align: middle; padding-right: 0; line-height: 0; } .form_login .text-FAMILY-brand { font-weight: 700; } .form_login .text-FAMILY-brand a { font-weight: 400; } .iti-flag { background-image: url(/webroot/img/vendor/intltelinput/flags.png) !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-image: url(/webroot/img/vendor/intltelinput/flags@2x.png) !important; } } .messagebox { display: none; margin: 1rem 0; } .messagebox .message { display: block; width: 100%; padding: 0.5rem 1rem; background: #f5f5f5; border-radius: 0.25rem; line-height: 1.2rem; white-space: normal; } .messagebox.error { color: #e00751; } .messagebox.error .message { background: #fff; padding: 0; } .styled-checkbox { position: absolute; opacity: 0; } .styled-checkbox + label { position: relative; margin: 0; cursor: pointer; padding: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .styled-checkbox + label:before { content: ""; display: inline-block; vertical-align: text-top; min-width: 24px; min-height: 24px; width: 24px; height: 24px; background: #fff; border: 1px solid #929292; border-radius: 0.25rem; } .styled-checkbox + label.text:before { margin-right: 1rem; } .styled-checkbox:hover + label:after { content: "\e940"; font-size: 1.5rem; color: #929292; font-family: "fundament-icons-v2" !important; display: inline-block; vertical-align: middle; padding-left: 0; line-height: 0; } .styled-checkbox:hover + label::before { border: 1px solid #111; } .styled-checkbox:hover + label:after { position: absolute; left: 0; top: 50%; opacity: 0.5; font-weight: normal; } .styled-checkbox:disabled + label { cursor: auto; } .styled-checkbox:disabled + label:before { box-shadow: none; border-color: #dfdfdf; } /* ***************** CHECKED ****************** */ :not(.iconbox) .checkbox.checked:not(.icheck):not(.radioType) label:after, :not(.iconbox) .checkbox p.checked:not(.icheck):not(.radioType) label:after { content: "\e940"; font-size: 1.5rem; color: #fff; font-family: "fundament-icons-v2" !important; display: inline-block; vertical-align: middle; padding-left: 0; line-height: 0; } :not(.iconbox) .checkbox.checked:not(.icheck):not(.radioType) label:before, :not(.iconbox) .checkbox p.checked:not(.icheck):not(.radioType) label:before { background: #0058a3; border-color: #0058a3; } :not(.iconbox) .checkbox.checked:not(.icheck):not(.radioType) label:after, :not(.iconbox) .checkbox p.checked:not(.icheck):not(.radioType) label:after { position: absolute; left: 0; font-weight: normal; } :not(.iconbox) .checkbox.checked:not(.icheck):not(.radioType):hover label::after, :not(.iconbox) .checkbox p.checked:not(.icheck):not(.radioType):hover label::after { opacity: 1; } :not(.iconbox) .checkbox.checked:not(.icheck):not(.radioType).disabled + label:before, :not(.iconbox) .checkbox p.checked:not(.icheck):not(.radioType).disabled + label:before { background: #dfdfdf; border-color: #dfdfdf; } .styled-radiobox { position: absolute; opacity: 0; } .styled-radiobox + label { position: relative; cursor: pointer; padding: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; justify-content: flex-start; align-items: center; webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .styled-radiobox + label:before { content: ""; margin-right: 0.75rem; display: inline-block; vertical-align: text-top; width: 24px; height: 24px; background: #fff; border: 1px solid #929292; border-radius: 10rem; } .styled-radiobox:hover + label:before { background: #fff; border-color: #111; } .styled-radiobox:hover + label:after { content: ""; position: absolute; left: 8px; top: 8px; background: #929292; width: 8px; height: 8px; border-radius: 10rem; transform: none; box-shadow: none; opacity: 0.5; } .styled-radiobox:checked + label:before { border-color: #0058a3; } .styled-radiobox:checked + label:after { content: ""; position: absolute; left: 5px; top: 5px; background: #0058a3; width: 14px; height: 14px; border-radius: 10rem; transform: none; box-shadow: none; } .styled-radiobox:checked:disabled + label:before { background: #fff; border-color: #dfdfdf; } .styled-radiobox:checked:disabled + label:after { content: ""; position: absolute; background: #dfdfdf; } .styled-radiobox:disabled + label { cursor: auto; } .styled-radiobox:disabled + label:before { box-shadow: none; border-color: #dfdfdf; } .error .styled-checkbox + label:before { border: 1px solid #e00751; } .select2-container--default .select2-selection--single, #payment .select2-container--default .select2-selection--single { border-color: #dfdfdf; } .process-order-container #district-form.form-inline label { font-size: 0.75rem; margin-bottom: 0 !important; } .process-order-container #district-form .select2-container--default .select2-selection--single { border-color: #dfdfdf; } .process-order-container #district-form .btn.btn-blue { color: #fff; background: #0058a3; padding: 0 1.5rem; height: 40px; line-height: 40px; font-size: 0.75rem; font-weight: bold; text-decoration: none; border-radius: 10rem; padding: 0 1rem; } .process-order-container #district-form .btn.btn-blue:hover, .process-order-container #district-form .btn.btn-blue:focus { background: #004f93; color: #fff; } .process-order-container #district-form .btn.btn-blue:active { background: #003e72; color: #fff; } .process-order-container #district-form .btn.btn-blue[disabled=disabled], .process-order-container #district-form .btn.btn-blue[disabled=true] { background-color: #dfdfdf; color: #929292; } .process-order-container #district-form .btn.btn-blue[disabled=disabled]:hover, .process-order-container #district-form .btn.btn-blue[disabled=disabled]:active, .process-order-container #district-form .btn.btn-blue[disabled=disabled]:focus, .process-order-container #district-form .btn.btn-blue[disabled=disabled]:active:focus, .process-order-container #district-form .btn.btn-blue[disabled=true]:hover, .process-order-container #district-form .btn.btn-blue[disabled=true]:active, .process-order-container #district-form .btn.btn-blue[disabled=true]:focus, .process-order-container #district-form .btn.btn-blue[disabled=true]:active:focus { background-color: #dfdfdf; color: #929292; } .process-order-container #district-form .btn.btn-blue [class*=icon]:before { font-size: 1.15rem; } .revamp-form-group .input-field__wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; align-items: flex-end; margin-bottom: 0.625rem; } .revamp-form-group .input-field__wrapper .error.message { position: absolute; bottom: -1.25rem; margin: 0 !important; } .revamp-form-group .input-field { font-size: 1rem; line-height: 1.63; position: relative; } .revamp-form-group .input-field input { flex-grow: 1; border: 0; border-radius: 0; padding: 1.125rem 0 0.25rem 0; min-height: 45px; font-size: 1rem; line-height: 1.625; overflow: hidden; order: 3; background: none; background: #fff; outline: none; } .revamp-form-group .input-field input::-webkit-input-placeholder { color: transparent; font-size: 1rem; font-family: "Noto Sans"; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; opacity: 0; } .revamp-form-group .input-field input::-moz-placeholder { color: transparent; font-size: 1rem; font-family: "Noto Sans"; -moz-transition: all 0.1s ease; transition: all 0.1s ease; opacity: 0; } .revamp-form-group .input-field input:focus::-webkit-input-placeholder { color: #ced4da; opacity: 1; transform: none; } .revamp-form-group .input-field input:focus::-moz-placeholder { color: #ced4da; opacity: 1; transform: none; } .revamp-form-group .input-field label { position: absolute; left: 0; right: auto; bottom: 0.25rem; transition: transform 0.1s cubic-bezier(0.4, 0, 0.4, 1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; margin: 0; font-size: 1rem; } .revamp-form-group .input-field label .required { float: right; font-size: 0.75rem; font-weight: bold; line-height: 1rem; color: #e00751; margin-left: 0.25rem; } .revamp-form-group .input-field label .required.inline { float: inherit; } .revamp-form-group .input-field--labelled label { opacity: 1; } .revamp-form-group .input-field input:not(:-moz-placeholder-shown) ~ label { transform: translateX(-12.5%) translateY(-1.25rem) scale(0.75); text-overflow: unset; width: -moz-fit-content; width: fit-content; } .revamp-form-group .input-field input:focus ~ label, .revamp-form-group .input-field input:not(:placeholder-shown) ~ label { transform: translateX(-12.5%) translateY(-1.25rem) scale(0.75); text-overflow: unset; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; } .revamp-form-group .input-field__divider { position: absolute; bottom: 0; display: block; width: 100%; height: 1px; border-bottom: 1px solid #929292; pointer-events: none; transition: box-shadow 0.1s cubic-bezier(0.4, 0, 0.4, 1), border-bottom 0.1s cubic-bezier(0.4, 0, 0.4, 1); } .revamp-form-group .input-field input:focus ~ .input-field__divider { box-shadow: 0 1px 0 #0058a3; border-bottom-color: #0058a3; } .revamp-form-group .input-field--success .input-field__divider, .revamp-form-group .input-field--success input:focus ~ .input-field__divider { box-shadow: 0 1px 0 #0a8a00; border-bottom-color: #0a8a00; } .revamp-form-group .input-field--error .input-field__divider, .revamp-form-group .input-field--error input:focus ~ .input-field__divider { border-bottom-color: #e00751; } .revamp-form-group .input-field--error:hover .input-field__divider, .revamp-form-group .input-field--error:hover input:focus ~ .input-field__divider, .revamp-form-group .input-field--error input:focus ~ .input-field__divider { box-shadow: 0 1px 0 #e00751; } .revamp-form-group.error .input-field .input-field__divider { border-bottom-color: #e00751; } .revamp-form-group.error .input-field .input-field__divider:hover { box-shadow: 0 1px 0 #e00751; } .revamp-form-group .form-field-status { order: 7; font-size: 0.75rem; line-height: 1.5; color: #484848; position: relative; margin-top: 0.25rem; } .revamp-form-group .form-field-status p { margin: 0; padding: 0; } .revamp-form-group .input-field--success .form-field-status__helper { color: #0a8a00; } .revamp-form-group .input-field--error .form-field-status__validation { color: #e00751; } .revamp-form-group .select-label { font-size: 0.75rem; margin-bottom: 0; } .revamp-form-group select { display: block; margin: 0; outline: 0; padding: 0 0 0.25rem 0; border: 0; border-radius: 0; border-bottom: 1px solid #929292; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: box-shadow 0.2s; font-size: 1rem; line-height: 1.25rem; box-sizing: border-box; border-radius: 0; width: 100%; margin-top: -0.4rem; } .revamp-form-group select:focus, .revamp-form-group select:active, .revamp-form-group select:focus:active { border-color: #0058a3; box-shadow: 0 1px 0 #0058a3; } .revamp-form-group select.custom-select { font-weight: normal; } .revamp-form-group .select2-container { height: 28px; } .revamp-form-group .custom-select.nav-link, .revamp-form-group .select2-container--default .select2-selection--single { border: 0; border-bottom: 1px solid #929292; border-radius: 0; height: 28px; } .revamp-form-group .custom-select.nav-link:hover, .revamp-form-group .select2-container--default .select2-selection--single:hover { box-shadow: 0 1px 0 #929292; } .revamp-form-group .custom-select.nav-link:focus, .revamp-form-group .custom-select.nav-link:active, .revamp-form-group .custom-select.nav-link:focus:active, .revamp-form-group .select2-container--default .select2-selection--single:focus, .revamp-form-group .select2-container--default .select2-selection--single:active, .revamp-form-group .select2-container--default .select2-selection--single:focus:active { border-bottom: 1px solid #0058a3; box-shadow: 0 1px 0 #0058a3; } .revamp-form-group .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 0; line-height: 28px; } .revamp-form-group .select2-container--default .select2-selection--single .select2-selection__arrow { height: 28px; } .revamp-form-group .select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0; top: 0.25rem; } .revamp-form-group .select2-container--default .select2-selection--single .select2-selection__arrow b:after { content: "\e94b"; font-size: 1rem; color: #111; font-family: "fundament-icons-v2" !important; display: inline-block; vertical-align: middle; padding-left: 0; line-height: 0; } .revamp-form-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after { content: "\e952"; font-size: 1rem; color: #111; font-family: "fundament-icons-v2" !important; display: inline-block; vertical-align: middle; padding-left: 0; line-height: 0; } .revamp-form-group.form-group.error .select2-selection { border-left: 0; border-right: 0; border-top: 0; border-bottom-width: 1px; } .revamp-form-group.form-group.error .select2-selection:hover { box-shadow: 0 1px 0 #e00751; } .revamp-form-group .infoText { font-size: 0.75rem; display: inline-block; margin-top: 0.25rem; } .revamp-form-group .infoText .fundament-icon-message-info-thin-24 { font-size: 1rem !important; line-height: 0; float: left; margin-right: 0.25rem; } .revamp-form-group .form-group.macroPhone-input-group.intl-tel-input input[type=tel], .revamp-form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel], .revamp-form-group .form-group.macroPhone-input-group input[type=tel], .revamp-form-group.form-group.macroPhone-input-group.intl-tel-input input[type=tel], .revamp-form-group.form-group.macroPhone-input-group .intl-tel-input input[type=tel], .revamp-form-group.form-group.macroPhone-input-group input[type=tel] { border: 0; border-bottom: 1px solid #929292; height: 28px; } .revamp-form-group .form-group.macroPhone-input-group.intl-tel-input input[type=tel]:focus, .revamp-form-group .form-group.macroPhone-input-group.intl-tel-input input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group.intl-tel-input input[type=tel]:focus:active, .revamp-form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel]:focus, .revamp-form-group .form-group.macroPhone-input-group.intl-tel-input input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel]:focus:active, .revamp-form-group .form-group.macroPhone-input-group input[type=tel]:focus, .revamp-form-group .form-group.macroPhone-input-group.intl-tel-input input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group.intl-tel-input input[type=tel]:focus, .revamp-form-group .form-group.macroPhone-input-group.intl-tel-input input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group.intl-tel-input input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group .intl-tel-input input[type=tel]:focus, .revamp-form-group .form-group.macroPhone-input-group.intl-tel-input input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group .intl-tel-input input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group input[type=tel]:focus, .revamp-form-group .form-group.macroPhone-input-group.intl-tel-input input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group input[type=tel]:focus:active, .revamp-form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group.intl-tel-input input[type=tel]:focus:active, .revamp-form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel]:focus:active, .revamp-form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group input[type=tel]:focus:active, .revamp-form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group.intl-tel-input input[type=tel]:focus:active, .revamp-form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group .intl-tel-input input[type=tel]:focus:active, .revamp-form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group input[type=tel]:focus:active, .revamp-form-group .form-group.macroPhone-input-group input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group.intl-tel-input input[type=tel]:focus:active, .revamp-form-group .form-group.macroPhone-input-group input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel]:focus:active, .revamp-form-group .form-group.macroPhone-input-group input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group input[type=tel]:focus:active, .revamp-form-group .form-group.macroPhone-input-group input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group.intl-tel-input input[type=tel]:focus:active, .revamp-form-group .form-group.macroPhone-input-group input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group .intl-tel-input input[type=tel]:focus:active, .revamp-form-group .form-group.macroPhone-input-group input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group.intl-tel-input input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group.intl-tel-input input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group.intl-tel-input input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group.intl-tel-input input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group.intl-tel-input input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group.intl-tel-input input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group.intl-tel-input input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group .intl-tel-input input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group.intl-tel-input input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group .intl-tel-input input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group.intl-tel-input input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group .intl-tel-input input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group .intl-tel-input input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group .intl-tel-input input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group.intl-tel-input input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group .intl-tel-input input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group .intl-tel-input input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group .intl-tel-input input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group.intl-tel-input input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group .intl-tel-input input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group input[type=tel]:active .revamp-form-group .form-group.macroPhone-input-group input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group.intl-tel-input input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group .intl-tel-input input[type=tel]:focus:active, .revamp-form-group.form-group.macroPhone-input-group input[type=tel]:active .revamp-form-group.form-group.macroPhone-input-group input[type=tel]:focus:active { border-bottom: 1px solid #0058a3; } .revamp-form-group .form-group.macroDate-input-group input, .revamp-form-group.form-group.macroDate-input-group input { height: 28px; border: 0 !important; box-shadow: 0 !important; } .revamp-form-group .form-group.macroDate-input-group label, .revamp-form-group.form-group.macroDate-input-group label { left: 1.75rem; } .revamp-form-group .form-group.macroDate-input-group .icon, .revamp-form-group.form-group.macroDate-input-group .icon { font-size: 1.25rem; } .revamp-form-group .form-group.macroDate-input-group:hover .input-field__divider, .revamp-form-group.form-group.macroDate-input-group:hover .input-field__divider { box-shadow: 0 1px 0 #929292; }