/* Form title */
.EPiServerForms .Form__Title {
    margin-top: 2rem;
    font-size: 1.5rem;
    font-weight: 600;
}

/* Form description */
.EPiServerForms .Form__Description {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

/* Form element caption */
.EPiServerForms .Form__Element__Caption,
.EPiServerForms .Form__Element.FormTextbox .Form__Element__Caption,
.EPiServerForms .Form__Element.FormRange .Form__Element__Caption,
.EPiServerForms .Form__Element.FormSelection .Form__Element__Caption,
.EPiServerForms .Form__Element.FormFileUpload .Form__Element__Caption,
.EPiServerForms .Form__Element.FormCaptcha .Form__Element__Caption {
    display: block;
    font-size: 1rem;
}

/* Form textbox, Form selection */
.EPiServerForms .FormTextbox__Input,
.EPiServerForms .FormSelection select {
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.EPiServerForms .FormTextbox__Input:focus,
.EPiServerForms .FormSelection select:focus {
    color: #495057;
    background-color: #fff;
    border-color: #abc5e9;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(70 127 207 / 25%);
}

/* Form choice */
.EPiServerForms .FormChoice label {
    display: block;
}

/* Form choice image */
.EPiServerForms .FormChoice--Image label.FormChoice--Image__Item {
    display: block;
    max-width: 100%;
    text-align: left;
    margin: 0 0 10px 0;
}

.EPiServerForms .FormChoice--Image label.FormChoice--Image__Item img {
    max-width: 95%;
}

.EPiServerForms .FormChoice--Image .FormChoice__Input:checked ~ img {
    border: 1px solid #abc5e9;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-shadow: 0 0 0 0.2rem rgb(70 127 207 / 25%);
}

.EPiServerForms .FormChoice--Image .FormChoice--Image__Item__Caption {
    display: none;
}

/* Form hidden */
.EPiServerForms .Form__Element.FormHidden.EditView__InvisibleElement {
    display: inline-block;
    border-radius: 4px;
    border: 1.5px outset rgba(184, 192, 197, 0.6);
    padding: 0.2rem 1rem;
    min-width: 18rem;
}

/* Form captcha */
.EPiServerForms .FormCaptcha img {
    margin: 5px 0;
}

.EPiServerForms .FormCaptcha .FormTextbox__Input {
    width: 8rem;
}

/* Form step */
.EPiServerForms .Form__Element.FormStep .FormStep__Title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1.5rem;
    font-weight: 600;
}

.EPiServerForms .Form__Element.FormStep .FormStep__Description {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    margin-bottom: 1rem;
}

/* Form navigation bar */
.EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar {
    display: inline-block;
    border: 1px solid #3473cb;
    vertical-align: middle;
    width: 40%;
}

.EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Progress {
    background-color: #3473cb;
    width: 0;
    height: 1rem;
}

.EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Text {
    display: none;
}

/* Form captcha refresh button, Form navigation buttons, File upload button */
.EPiServerForms .FormCaptcha .FormCaptcha__Refresh,
.EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action,
.EPiServerForms .FormFileUpload input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
    color: #34393e;
    display: inline-block;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid rgba(0, 40, 100, 0.12);
    padding: 0.375rem 1rem;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    border-radius: 3px;
    min-width: 2.375rem;
}

.EPiServerForms .FormCaptcha .FormCaptcha__Refresh:hover,
.EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:hover,
.EPiServerForms .FormFileUpload input[type=file]:hover::-webkit-file-upload-button {
    color: #1d2022;
    background-color: #edf2fa;
    border-color: #3473cb;
}

.EPiServerForms .FormCaptcha .FormCaptcha__Refresh:active,
.EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:active {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(70 127 207 / 50%);
}

.EPiServerForms .FormCaptcha .FormCaptcha__Refresh:disabled,
.EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:disabled,
.EPiServerForms .FormFileUpload input[type=file]:disabled::-webkit-file-upload-button {
    cursor: not-allowed;
    color: #ced4da;
    border-color: #ced4da;
    background-color: #fff;
}

/* Form submit button */
.EPiServerForms .FormSubmitButton {
    cursor: pointer;
    color: #fff;
    background-color: #3473cb;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid #3473cb;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 1.2rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.EPiServerForms .FormSubmitButton:hover {
    background-color: #316cbe;
    border-color: #2f66b3;
}

.EPiServerForms .FormSubmitButton:active {
    background-color: #2f66b3;
    border-color: #2c60a9;
}

.EPiServerForms .FormSubmitButton:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(70 127 207 / 50%);
}

.EPiServerForms .FormSubmitButton:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #3473cb;
    border-color: #3473cb;
}

.EPiServerForms .FormSubmitButton.FormImageSubmitButton {
    padding: 0 !important;
    border: 0 !important;
}

.EPiServerForms .FormSubmitButton.FormImageSubmitButton:focus {
    box-shadow: none;
}

/* Form reset button */
.EPiServerForms .FormResetButton {
    cursor: pointer;
    color: #fff;
    background-color: #6f777f;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid #6f777f;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 1.2rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.EPiServerForms .FormResetButton:hover {
    background-color: #5d646b;
    border-color: #575e64;
}

.EPiServerForms .FormResetButton:active {
    background-color: #575e64;
    border-color: #51575d;
}

.EPiServerForms .FormResetButton:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(111 119 127 / 50%);
}

.EPiServerForms .FormResetButton:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #6f777f;
    border-color: #6f777f;
}

/* Form status*/
.EPiServerForms .Form__Status .Form__Status__Message {
    display: block;
    padding: 0.75rem 1.25rem;
    margin: 1rem 0;
}

.EPiServerForms .Form__Status .Form__Success__Message {
    color: #146c43;
    background-color: #d1e7dd;
    border: 1px solid #a3cfbb;
}

.EPiServerForms .Form__Status .Form__Warning__Message {
    color: #b02a37;
    background-color: #f8d7da;
    border: 1px solid #f1aeb5;
}

.EPiServerForms .Form__Status .Form__Readonly__Message {
    display: block;
    padding: 1rem;
    margin: 1rem 0;
    color: #b02a37;
    background-color: #f8d7da;
    border: 1px solid #f1aeb5;
}

/* Miscellaneous */
.EPiServerForms .Form__Element {
    margin: 0 0 1.5rem 0;
}

.EPiServerForms .Form__Element.FormTextbox.ValidationRequired label:after,
.EPiServerForms .Form__Element.FormSelection.ValidationRequired label:after,
.EPiServerForms .Form__Element.FormChoice.ValidationRequired legend:after,
.EPiServerForms .Form__Element.FormFileUpload.ValidationRequired label:after {
    color: red;
    content: ' *';
    display: inline;
}

.EPiServerForms .Form__Element .Form__Element__ValidationError {
    color: red;
    display: block;
    word-wrap: break-word;
}

.EPiServerForms .Form__Warning {
    display: block;
    color: #b02a37;
    background-color: #f8d7da;
    border: 1px solid #f1aeb5;
    word-wrap: break-word;
}

.EPiServerForms .hide {
    display: none;
}

.EPiServerForms .visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}