.customformclassv2 input.form__input,
.customformclassv2 textarea.form__textarea,
.customformclassv2 select.form__select {
    margin: 5px !important;
    width: 95%;
    border: 1px solid #dcd7dc !important;
    border-radius: 4px;
}

.customformclassv2 select.form__select {
    height: 39px;
    display: block;
}

    .customformclassv2 input.form__input:hover,
    .customformclassv2 textarea.form__textarea:hover,
    .customformclassv2 select.form__select:hover {
        border-color: #8c878c !important;
    }

.customformclassv2 label, .customformclassv2 span.checkbox-label {
    font-size: 1.0125rem;
    font-weight: normal !important;
    display: inline-block;
    margin-top: 16px;
    margin-bottom: 0;
    color: #655f65;
}

form.customformclassv2
label.label__layout-container--horizontal {
    margin-bottom: 10px;
}

form.customformclassv2
.form__layout-container--horizontal .description {
    margin-left: 15px;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 0.89rem;
    color: #655f65;
}

.customformclassv2
.items_horizontal {
    display: flex;
    flex-wrap: wrap;
    margin-left: 5px;
    margin-bottom: 10px;
}

.customformclassv2
.radio label {
    margin-left: 5px;
    margin-top: 8px;
}

/* CHECKBOXEN start */
.customformclassv2
.form__checkbox label {
    margin-left: 5px;
    margin-top: 10px;
}

    .customformclassv2 .form__checkbox label:after,
    .customformclassv2 .form__checkbox label:before {
        margin-left: 0px;
    }

.customformclassv2 .form__layout-container--horizontal .form__checkbox label,
.customformclassv2 .form__layout-container--horizontal .form__checkbox label:after,
.customformclassv2 .form__layout-container--horizontal .form__checkbox label:before {
    margin-left: 0px;
}

.customformclassv2 span.checkbox-label {
    /* margin-left: 5px; */
}

.customformclassv2 .checkbox label:before {
    border: 1px solid #8c878c;
    border-radius: 4px;
}

.customformclassv2
.items_horizontal
.form__checkbox-container {
    margin-bottom: 0;
    margin-right: 15px;
}

.customformclassv2
.items_horizontal
.checkbox {
    margin-bottom: 0;
    margin-bottom: 0;
}

    .customformclassv2
    .items_horizontal
    .checkbox
    label {
        margin-top: 8px;
    }

    .customformclassv2 .items_horizontal .checkbox .checkbox-label {
        display: none;
    }
/* CHECKBOXEN end */

ul ul {
    list-style-type: disc;
}

fieldset > ul {
    list-style-type: none;
}

label.label-required:after {
    content: "*";
    color: red;
}

.input-validation-error {
    background-color: lightpink;
}

.checkbox-required.input-validation-error {
    outline: red 1px solid;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

li.rtLI, li.html-item, li.validation-item, li.captcha-item {
    list-style-type: none;
}

details:focus {
    outline: none;
}

summary:focus {
    outline: none;
}

.subform {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    height: 100%;
    width: 100%;
}

.webform-popup {
    width: 500px;
    position: fixed;
    transform: none;
    backface-visibility: visible;
    visibility: visible;
    left: 50%;
    top: 50%;
    z-index: 10000;
    margin-left: -250px;
    background-color: white;
    box-shadow: 4px 4px 80px #000;
}

.popup-modal-overlay {
    /* A dark translucent div that covers the whole screen */
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(170, 170, 170);
    overflow: hidden;
    opacity: 0.5;
}