/*
 * Styling for forms created with Optimizely Forms.
 * This is deliberately separate from generated Resources/css/main.css.
 */
.EPiServerForms .Form__Element__Caption {
    font-weight: 400;
}

/* The actual field title becomes bold only when it is required. */
.EPiServerForms .ValidationRequired > .Form__Element__Caption {
    font-weight: 700;
}

    /* CSS creates and styles the required suffix independently. */
    .EPiServerForms .ValidationRequired > .Form__Element__Caption::after {
        content: "*";
        color: red;
        font-size: 14px;
        font-weight: 400;
        margin-left: 2px;
    }

.EPiServerForms .FormSubmitButton {
    background-color: #b40f14;
    border-color: #b40f14;
    color: #ffffff;
}

.EPiServerForms .FormSubmitButton:hover,
.EPiServerForms .FormSubmitButton:focus {
    background-color: #8f0c10;
    border-color: #8f0c10;
    color: #ffffff;
}

.EPiServerForms .Form__Status .Form__Success__Message {
    position: relative;
    background-color: #dff0d8;
    color: #3c763d;
}

.EPiServerForms .Form__Status .BygmaForms__CloseMessage {
    position: absolute;
    top: 4px;
    right: 8px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}