/* Inline form errors (Web.Layout.inline_errors): message under its field, never the popup */

.ie-error {
    display: none;
    margin-top: 6px;
    font-size: 13px;
    line-height: 18px;
    color: #d93025;
    text-align: start;
}
.ie-error.text-center,
.process-form + .ie-error,
.process-form ~ .ie-error {
    text-align: center;
}
.ie-error.show {
    display: block;
}
input.ie-invalid,
select.ie-invalid,
textarea.ie-invalid {
    border-color: #e5484d !important;
    background-color: #fff6f5 !important;
}
.underline-input.ie-invalid {
    border-bottom-color: #e5484d !important;
    background-color: transparent !important;
}
/* the checkout phone keeps phone-field.js's own message line - match the others
   (intl-input.min.css sizes it from the screen) */
.checkout-section #error-msg {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    line-height: 18px;
    color: #d93025;
}
.checkout-section #error-msg.hide {
    display: none;
}
.ie-alert {
    display: none;
    max-width: 640px;
    margin: 0 auto 16px;
    padding: 10px 14px;
    border-radius: 8px;
    background: #fdecea;
    color: #a1271c;
    font-size: 14px;
    line-height: 20px;
    text-align: start;
}
.ie-alert.show {
    display: block;
}