.umbraco-forms-form {
    display: flex;
    justify-content: center;
    align-items: center;
}

.umbraco-forms-form form {
    width: 100% !important;
}

.umbraco-forms-form * {
    color: var(--darkBlue) !important;
    font-weight: bold !important;
    word-break: break-word;
}

.umbraco-forms-form .btn {
    background-color: var(--selectBlue) !important;
    border-radius: 0.5rem !important;
    padding: 10px 25px;
    margin-bottom: 0.25rem !important;
}

.umbraco-forms-form input[type=submit]:not(.prev, .next) {
    float: right !important;
}

.umbraco-forms-form .field-validation-error span {
    font-weight: 100 !important;
    color: red !important;
    /*white-space: pre;*/
}

.umbraco-forms-form input[type=checkbox], input[type=radio] {
    transform: scale(1.5);
    margin: 10px;
    cursor: pointer;
}

.umbraco-forms-form input.input-validation-error[type=checkbox], input.input-validation-error[type=radio] {
    outline: 1px solid #ff8489 !important;
}

.umbraco-forms-form input.text, .umbraco-forms-form input.title, .umbraco-forms-form textarea, .umbraco-forms-form select, .datepickerfield {
    /*border: none !important;*/
    background: var(--bkgdGrey);
    border-radius: 5px;
    outline: none;
}

.umbraco-forms-form span.checkboxlist {
    display: contents !important;
}

.umbraco-forms-form .field-validation-error {
    display: block !important;
}

.umbraco-forms-form .umbraco-forms-field {
    margin-bottom: 1.5rem !important;
}

.umbraco-forms-form .checkboxlist {
    text-align: start;
}

.umbraco-forms-form .checkboxlist label {
    float: revert !important;
    clear: left !important;
}

.umbraco-forms-form select, .datepickerfield {
    padding: 0.5rem !important;
    min-width: 150px !important;
}

.umbraco-forms-form textarea {
    height: 150px;
    max-height: 400px !important;
}

.umbraco-forms-form span.checkboxlist, .umbraco-forms-form span.radiobuttonlist, .umbraco-forms-form span.checkbox {
    padding-left: 0 !important;
}

.umbraco-forms-form .datepickerfield {
    
}

.umbraco-forms-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bbb !important;
    opacity: 1; /* Firefox */
    font-weight: 100 !important;
}

.umbraco-forms-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bbb !important;
    font-weight: 100 !important;
}

.umbraco-forms-form ::-ms-input-placeholder { /* Microsoft Edge */
    color: #bbb !important;
    font-weight: 100 !important;
}

.umbraco-forms-page {
    min-width: 480px;
}

.help-block {
    font-size: 80%;
}

@media only screen and (max-width: 576px) {
    .umbraco-forms-page {
        min-width: 320px;
    }
}