.form_popup {
    max-width: 50em;
    width: calc(100vw - 2em);
    position: relative;
    margin: 0 auto;
}
.forminator-ui {
    background-color: #ffffff !important;
    box-sizing: border-box;
    max-width: 100%;
    border-radius: 0.5em !important;
    padding: 2em !important;
}
.forminator-ui [name^="required_comment-"] {
    display: none;
}
.forminator-row {
    margin: 0 -0.625em 1.25em !important;
    display: flex;
}
.forminator-row:last-of-type {
    margin-bottom: 0 !important;
}
.forminator-col {
    padding: 0 0.625em !important;
    box-sizing: border-box;
    margin: 0 !important;
    flex-grow: 1;
    width: 100%;
}
.forminator-col-6 {
    width: 50%;
}
.forminator-col-4 {
    width: 33.33%;
}
.forminator-col-3 {
    width: 25%;
}
.forminator-label {
    color: #2F3132;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.75em;
    line-height: 1.33;
    margin: 0 0 0.67em;
    display: block;
}
.forminator-required {
    color: #F26B21;
}
.forminator-input,
.forminator-select--field,
.forminator-textarea {
    font-size: 0.875em;
    height: 2.86em;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    border-radius: 0.21em;
    background-color: #ffffff;
    padding: 0 0.85em;
    color: #111827;
    line-height: 1.14;
    width: 100%;
    outline: none;
    font-family: inherit;
}
.forminator-textarea {
    height: 5.71em;
    padding: 0.86em 0.85em;
    resize: none;
}
.forminator-input::placeholder,
.forminator-textarea::placeholder {
    color: #9CA3AF;
}

.forminator-input:focus,
.forminator-input:hover,
.forminator-select--field:focus,
.forminator-select--field:hover,
.forminator-textarea:focus,
.forminator-textarea:hover {
    border-color: #4B5563;
}
.forminator-error-message {
    font-size: 0.75em;
    padding: 0;
    margin-top: 0.67em;
    border-radius: 0.21em;
    line-height: 1.5;
    display: block;
    color: red;
}
.forminator-button {
    font-weight: 700;
    font-size: 0.875em;
    line-height: 1.14;
    padding: 0 2.29em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 3.43em;
    text-transform: uppercase;
    font-family: inherit;
    background-color: #2F3132;
    color: #ffffff;
    cursor: pointer;
    border: none;
}
.forminator-response-message {
    padding: 1em;
    font-size: 0.875em;
    border: 1px solid #111827;
    border-radius: 0.25em;
    display: none;
    margin: 0 0 1.25em;
}
.forminator-response-message.forminator-accessible {
    display: block;
}
.forminator-response-message.forminator-error {
    border-color: red;
    color: red;
    background-color: rgba(255, 0, 0, 0.04);
}
.forminator-response-message.forminator-success {
    border-color: green;
    color: green;
    background-color: rgba(0, 128, 0, 0.04);
}
.forminator-fields-disabled .forminator-field {
    opacity: 0.5;
}
.forminator-radio {
    display: block;
    margin: 0 0 0.25em;
}
.forminator-radio:last-child {
    margin-bottom: 0;
}
.forminator-radio input {
    margin: 0 0.5em 0 0;
    vertical-align: middle;
}
.forminator-radio-label {
    font-size: 0.875em;
    vertical-align: middle;
}
@media(max-width: 767px) {
    .forminator-ui {
        padding: 1.25em 1em !important;
    }
    .forminator-row {
        margin: 0 -0.25em 1em !important;
    }
    .forminator-col {
        padding: 0 0.25em !important;
        margin: 0 0 1.25em !important;
    }
    .forminator-response-message {
        padding: 1em;
        font-size: 0.875em;
    }
}



/***/
.ui-datepicker {
    background-color: #ffffff;
    padding: 1em;
    box-sizing: border-box;

}
.ui-datepicker-calendar a {
    font-size: 0.75em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #333333;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    width: 2.5em;
    height: 2.5em;
    text-decoration: none;
}
.ui-datepicker-calendar .ui-datepicker-today a {
    border: 1px solid #333333;
}
.ui-datepicker-calendar a:not(.ui-state-active):hover {
    background-color: #efefef;
    text-decoration: none;
}
.ui-datepicker-calendar a.ui-state-active {
    background-color: #333333;
    color: #ffffff;
}
.ui-datepicker-header {
    display: flex;
    flex-wrap: wrap;
    margin: -0.125em -0.125em 0.375em;
    font-size: 0.875em;
}
.ui-datepicker-prev,
.ui-datepicker-next {
    margin: 0.125em;
    width: calc(20% - 0.25em);
    box-sizing: border-box;
    text-align: center;
    color: #333333;
    border-radius: 0.125em;
    cursor: pointer;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-datepicker-prev {
    order: 1;
}
.ui-datepicker-next {
    order: 3;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    text-decoration: underline;
}
.ui-datepicker-title {
    display: flex;
    width: 60%;
    order: 2;
}
.ui-datepicker-title select {
    box-sizing: border-box;
    font-size: inherit;
    border: 1px solid #333333;
    color: #333333;
    height: 2em;
    font-family: inherit;
    border-radius: 0.125em;
    margin: 0.125em;
    flex-grow: 1;
    width: calc(50% - 0.25em);
}