.appointmentCalendar {
    box-shadow: none !important
}

.appointmentCalendarDays {
    border-collapse: collapse;
    display: table;
    width: 100%
}

.appointmentCalendar .calendarWeek, .appointmentCalendar .daysOfWeek {
    display: table-row
}

.appointmentCalendar .daysOfWeek {
    border-bottom: 6px solid transparent
}

.appointmentCalendar .calendarDay, .appointmentCalendar .dayOfWeek {
    display: table-cell;
    font-size: 12px;
    text-align: center
}

.appointmentCalendar .dayOfWeek {
    background-color: #eef3ff;
    color: #527ffe;
    line-height: 46px;
    text-align: center;
    width: 14.28571%
}

.appointmentCalendar .calendarDay {
    color: #000;
    position: relative
}

    .appointmentCalendar .calendarDay:after {
        background-color: #4c72fb;
        border-radius: 50%;
        bottom: 6px;
        content: "";
        height: 6px;
        left: 50%;
        opacity: 0;
        position: absolute;
        transform: translateX(-50%);
        transition: .3s;
        width: 6px
    }

.appointmentCalendar .calendarDayEach {
    border: 1px solid hsla(0,0%,100%,0);
    cursor: pointer;
    display: block;
    line-height: 36px;
    margin: 1px;
    pointer-events: none
}

.appointmentCalendar .calendarDay.isActive .calendarDayEach {
    background-color: #4c72fb;
    color: #fff
}

.appointmentCalendar .calendarDay.isActive .calendarDayEach, .appointmentCalendar .calendarDay.isToday .calendarDayEach, .appointmentCalendar .calendarDay:not(.empty):hover .calendarDayEach {
    border: 1px solid #97adfd;
    border-radius: 4px;
    transition: .3s
}

.appointmentCalendar .calendarDay.isActive .calendarDayEach, .appointmentCalendar .calendarDay:not(.empty):hover .calendarDayEach {
    border-color: #4c72fb
}

.appointmentCalendar .calendarDay.isSelected:after {
    opacity: 1
}

.appointmentCalendar .calendarDay.isSelected.isActive:after {
    background-color: #fff
}

.appointmentCalendar .calendarDay.isUnavailable {
    color: #cad0dd;
    pointer-events: none
}

.appointmentCalendarContainer {
    background-color: #fff;
    border: 1px solid #c3cad8;
    border-radius: 6px
}

    .appointmentCalendarContainer .currentDate {
        background-color: transparent;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 5.625v11.28c0 .604-.504 1.095-1.125 1.095H1.125C.504 18 0 17.51 0 16.904V5.625h18zM4.732 12.844H2.68l-.101.009a.563.563 0 00-.426.357l-.026.095-.01.101v1.969l.01.101a.563.563 0 00.357.426l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101v-1.969l-.01-.1a.564.564 0 00-.357-.427l-.095-.026-.101-.01zm5.294 0H7.974l-.1.009a.563.563 0 00-.427.357l-.026.095-.01.101v1.969l.01.101a.563.563 0 00.357.426l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101v-1.969l-.01-.1a.564.564 0 00-.357-.427l-.095-.026-.101-.01zM4.732 7.687H2.68l-.101.01a.563.563 0 00-.426.357l-.026.095-.01.101v1.969l.01.1a.563.563 0 00.357.427l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101V8.25l-.01-.101a.563.563 0 00-.357-.426l-.095-.026-.101-.01zm5.294 0H7.974l-.1.01a.563.563 0 00-.427.357l-.026.095-.01.101v1.969l.01.1a.563.563 0 00.357.427l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101V8.25l-.01-.101a.563.563 0 00-.357-.426l-.095-.026-.101-.01zm5.294 0h-2.052l-.1.01a.563.563 0 00-.427.357l-.026.095-.01.101v1.969l.01.1a.563.563 0 00.357.427l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101V8.25l-.01-.101a.563.563 0 00-.357-.426l-.095-.026-.101-.01zm-.695-6.421h2.25C17.496 1.266 18 1.8 18 2.46V4.5H0V2.46c0-.66.504-1.194 1.125-1.194h2.25v-.07C3.375.535 3.879 0 4.5 0s1.125.535 1.125 1.195v.07h6.75v-.07C12.375.535 12.879 0 13.5 0s1.125.535 1.125 1.195v.07z' fill='%2359647C'/%3E%3C/svg%3E");
        background-position: calc(100% - 13px);
        background-repeat: no-repeat;
        background-size: 16px;
        border: none;
        font-size: 16px;
        padding: 10px 30px 10px 12px;
        width: 100%
    }

    .appointmentCalendarContainer .monthYearPicker {
        border-bottom: 1px solid #c3cad8;
        border-top: 1px solid #c3cad8;
        display: -ms-flexbox;
        display: flex
    }

        .appointmentCalendarContainer .monthYearPicker .pickerArrow {
            background-color: transparent;
            border-color: transparent;
            border-width: 0;
            cursor: pointer;
            opacity: .3;
            outline: none;
            padding: 0;
            position: absolute;
            right: 0;
            transition: .3s;
            width: 40px;
            z-index: 2
        }

            .appointmentCalendarContainer .monthYearPicker .pickerArrow:hover {
                opacity: 1
            }

            .appointmentCalendarContainer .monthYearPicker .pickerArrow.prev {
                bottom: 50%;
                top: 0
            }

                .appointmentCalendarContainer .monthYearPicker .pickerArrow.prev:after {
                    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.599 5.337a.837.837 0 001.158-.02.834.834 0 000-1.179l-.667-.623-1.434-1.34L5.57.226a.837.837 0 00-1.136 0L.263 4.118c-.343.341-.35.87-.02 1.199a.832.832 0 001.155.02L5 1.975l3.599 3.362z'/%3E%3C/svg%3E");
                    top: 3px
                }

            .appointmentCalendarContainer .monthYearPicker .pickerArrow.next {
                bottom: 0;
                top: 50%
            }

                .appointmentCalendarContainer .monthYearPicker .pickerArrow.next:after {
                    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.403.227a.837.837 0 00-1.158.02.834.834 0 000 1.178l.666.623 1.435 1.34 2.087 1.95a.837.837 0 001.136 0l4.17-3.893c.343-.34.35-.87.02-1.198a.832.832 0 00-1.155-.02L5.002 3.588 1.403.227z'/%3E%3C/svg%3E");
                    top: -3px
                }

            .appointmentCalendarContainer .monthYearPicker .pickerArrow:after {
                background-position: 50%;
                background-repeat: no-repeat;
                content: "";
                height: 100%;
                left: 0;
                pointer-events: none;
                position: absolute;
                top: 0;
                width: 100%
            }

        .appointmentCalendarContainer .monthYearPicker .pickerItem {
            position: relative;
            width: 50%
        }

            .appointmentCalendarContainer .monthYearPicker .pickerItem + .pickerItem {
                border-left: 1px solid #c3cad8
            }

            .appointmentCalendarContainer .monthYearPicker .pickerItem select {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                background-color: transparent;
                border-width: 0;
                font-size: 16px;
                height: 45px;
                margin: 0;
                padding-left: 12px;
                width: 100%
            }

                .appointmentCalendarContainer .monthYearPicker .pickerItem select::-ms-expand {
                    display: none
                }

#jfQuestion-proxy .appointmentField, .jfCard .appointmentField {
    width: 100%
}

.stageContainer .appointmentFieldWrapper .appointmentSlot {
    pointer-events: none
}

.appointmentFieldWrapper[data-breakpoint=isLarge] .appointmentDates {
    max-width: 460px
}

.appointmentFieldWrapper[data-breakpoint=shouldBreakIntoNewLine] .appointmentFieldRow, .appointmentFieldWrapper[data-breakpoint=shouldBreakIntoNewLine] .appointmentFieldRow.forCalendar {
    -ms-flex-direction: column;
    flex-direction: column
}

    .appointmentFieldWrapper[data-breakpoint=shouldBreakIntoNewLine] .appointmentFieldRow.forSelectedDate {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row
    }

.appointmentFieldWrapper[data-breakpoint=shouldBreakIntoNewLine] .appointmentCalendar {
    max-width: 324px;
    width: 100%
}

.appointmentFieldWrapper[data-breakpoint=shouldBreakIntoNewLine] .appointmentDates {
    margin-left: 0;
    margin-top: 16px;
    max-width: 324px;
    width: 100%
}

.appointmentFieldWrapper[data-breakpoint=shouldBreakIntoNewLine] .appointmentSlots {
    height: auto
}

.appointmentFieldWrapper[data-breakpoint=shouldBreakIntoNewLine]:not(.isOpenMobile) .appointmentFieldContainer .appointmentCalendarDays, .appointmentFieldWrapper[data-breakpoint=shouldBreakIntoNewLine]:not(.isOpenMobile) .appointmentFieldContainer .monthYearPicker {
    display: none
}

.appointmentFieldWrapper[data-breakpoint=shouldBreakIntoNewLine]:not(.isOpenMobile) .appointmentFieldRow.forCalendar {
    -ms-flex-direction: column;
    flex-direction: column
}

.appointmentFieldRow.forCalendar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.form-label-left + .form-input .appointmentFieldRow.forCalendar, .form-label-right + .form-input .appointmentFieldRow.forCalendar {
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 310px
}

    .form-label-left + .form-input .appointmentFieldRow.forCalendar .appointmentDates, .form-label-right + .form-input .appointmentFieldRow.forCalendar .appointmentDates {
        margin-top: 16px;
        width: 100%
    }

    .form-label-left + .form-input .appointmentFieldRow.forCalendar .appointmentSlots, .form-label-right + .form-input .appointmentFieldRow.forCalendar .appointmentSlots {
        height: auto;
        max-height: 340px;
        overflow: auto
    }

.appointmentFieldRow.forTimezonePicker {
    display: inline-block
}

.appointmentFieldRow.forSelectedDate {
    -ms-flex-line-pack: center;
    align-content: center;
    background-color: #4c72fb;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M3.5 10.4a3.1 3.1 0 100 6.2 3.1 3.1 0 000-6.2zm1.394 2.009zm-1.682.55l1.116-1.116a.83.83 0 011.174 1.173L3.798 14.72a.83.83 0 01-1.173 0l-.782-.782a.83.83 0 011.173-1.174l.196.196z' stroke='%23FFF' stroke-width='.8'/%3E%3Cpath d='M17.852 1.89h-2.049v-.6A1.29 1.29 0 0014.514 0c-.71 0-1.289.578-1.289 1.29v.6H8.006v-.6a1.29 1.29 0 10-2.578 0v.617a.429.429 0 00-.114-.016H3.602a2.15 2.15 0 00-2.149 2.148v5.32a.43.43 0 00.86 0V6.315h16.904a.43.43 0 000-.859H2.313V4.039c0-.71.578-1.289 1.289-1.289h1.712a.43.43 0 00.114-.016v.553a1.29 1.29 0 002.578 0V2.75h5.22v.537c0 .71.578 1.29 1.288 1.29.711 0 1.29-.58 1.29-1.29V2.75h2.048c.71 0 1.289.578 1.289 1.29v14.327a.775.775 0 01-.774.774H3.083a.774.774 0 01-.774-.774v-1.112c0-.205-.192-.43-.43-.43a.43.43 0 00-.429.43v1.112c0 .9.732 1.633 1.633 1.633h15.284c.9 0 1.633-.733 1.633-1.633V4.039a2.15 2.15 0 00-2.148-2.148zM7.147 3.288a.43.43 0 01-.86 0V1.29a.43.43 0 01.86 0v1.998zm7.797 0a.43.43 0 01-.86 0V1.29a.43.43 0 01.86 0v1.998z' fill-rule='nonzero'/%3E%3Cpath d='M10.721 12.266a1.634 1.634 0 000 3.265c.9 0 1.633-.732 1.633-1.633 0-.9-.732-1.632-1.633-1.632zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547zm5.266-2.406c-.9 0-1.633.732-1.633 1.632 0 .9.733 1.633 1.633 1.633s1.633-.732 1.633-1.633c0-.9-.733-1.632-1.633-1.632zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547zM5.711 7c-.9 0-1.633.732-1.633 1.633 0 .9.733 1.633 1.633 1.633s1.633-.733 1.633-1.633S6.61 7 5.71 7zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547zM16.242 7c-.9 0-1.633.732-1.633 1.633 0 .9.733 1.633 1.633 1.633s1.633-.733 1.633-1.633S17.143 7 16.242 7zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547zM10.977 7c-.9 0-1.633.732-1.633 1.633 0 .9.732 1.633 1.633 1.633.9 0 1.633-.733 1.633-1.633S11.877 7 10.977 7zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547z' fill-rule='nonzero'/%3E%3Cpath d='M13.299 2l.001 1.25c0 .647.492 1.18 1.122 1.244l.128.006a1.25 1.25 0 001.244-1.122l.006-.128L15.799 2H17.5a2 2 0 012 2v2H2V4a2 2 0 012-2l1.5-.001V3.25c0 .647.492 1.18 1.122 1.244l.128.006C7.44 4.5 8 3.94 8 3.25V1.999L13.299 2z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 6px;
    background-repeat: no-repeat;
    border-radius: 4px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    margin-top: 12px;
    padding: 8px 8px 8px 34px
}

    .appointmentFieldRow.forSelectedDate span {
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .appointmentFieldRow.forSelectedDate button {
        background-color: transparent;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='9' cy='9' r='9'/%3E%3Cpath d='M9.59 9l2.946-2.946a.417.417 0 00-.59-.59L9 8.411 6.054 5.464a.417.417 0 00-.59.59L8.411 9l-2.947 2.946a.417.417 0 00.59.59L9 9.589l2.946 2.947a.417.417 0 00.59-.59L9.589 9z' stroke='%234C72FB' fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 18px;
        border-width: 0;
        color: hsla(0,0%,100%,0);
        cursor: pointer;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        height: 18px;
        outline: none;
        width: 18px
    }

.appointmentFieldInput, .form-line-error .appointmentFieldRow.forSelectedDate {
    display: none
}

.appointmentFieldContainer .appointmentCalendar {
    max-width: 312px;
    width: 100%
}

.appointmentFieldContainer .appointmentDates {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 12px;
    width: calc(100% - 324px)
}

.appointmentFieldContainer * {
    box-sizing: border-box
}

@media (max-width:500px) {
    .appointmentFieldContainer.appointmentFieldMobile:not(.isOpenMobile) .appointmentCalendarDays, .appointmentFieldContainer.appointmentFieldMobile:not(.isOpenMobile) .monthYearPicker {
        display: none
    }
}

.appointmentField .timezonePicker {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

    .appointmentField .timezonePicker:hover + .timezonePickerName {
        background-color: #eef3ff;
        color: #2c3345
    }

.appointmentField .timezonePickerWrapper {
    display: inline-block;
    position: relative
}

.appointmentField .timezonePickerName {
    -ms-flex-align: center;
    align-items: center;
    border-radius: 15px;
    color: inherit;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    padding: 4px;
    pointer-events: none;
    transition: .3s
}

    .appointmentField .timezonePickerName:after, .appointmentField .timezonePickerName:before {
        content: "";
        display: inline-block
    }

    .appointmentField .timezonePickerName:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.952 0C3.558 0 0 3.566 0 7.96s3.558 7.96 7.952 7.96c4.402 0 7.968-3.566 7.968-7.96S12.354 0 7.952 0zm.008 14.328A6.366 6.366 0 011.592 7.96 6.366 6.366 0 017.96 1.592a6.366 6.366 0 016.368 6.368 6.366 6.366 0 01-6.368 6.368z'/%3E%3Cpath d='M8.358 3.98H7.164v4.776l4.18 2.508.596-.98L8.358 8.16z'/%3E%3C/svg%3E");
        height: 16px;
        margin-right: 7px;
        width: 16px
    }

    .appointmentField .timezonePickerName:after {
        -ms-flex-item-align: end;
        align-self: flex-end;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.816 5.38L8.498.646A.4.4 0 008.182 0H.818a.4.4 0 00-.316.646L4.184 5.38a.4.4 0 00.632 0z' fill-rule='evenodd'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        height: 10px;
        margin-left: 5px;
        margin-right: 2px;
        width: 9px
    }

.jfCard .appointmentField .timezonePickerName:after {
    height: 13px
}

.appointmentDate {
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    overflow: hidden;
    padding-right: 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.appointmentDateSelect {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.appointmentDayPicker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.appointmentDayPickerButton {
    background-color: #ecedf3;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.1 1.628L6.115 7l-5.016 5.37a.376.376 0 00.54.521L6.9 7.256a.377.377 0 00-.001-.51L1.648 1.118a.378.378 0 00-.54-.01.373.373 0 00-.007.52z' fill='%238894AC' stroke='%238894AC' stroke-width='1.5' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 10px;
    background-repeat: no-repeat;
    border-radius: 50%;
    border-width: 0;
    color: hsla(0,0%,100%,0);
    height: 26px;
    transition: .3s;
    width: 26px
}

    .appointmentDayPickerButton:hover {
        background-color: #dcdee9
    }

    .appointmentDayPickerButton + .appointmentDayPickerButton {
        margin-left: 12px
    }

    .appointmentDayPickerButton.prev {
        transform: rotate(180deg)
    }

.appointmentSlots {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 14px;
    height: 0;
    margin: 16px 0 8px;
    min-height: 160px;
    overflow: auto;
    position: relative
}

.appointmentSlots-empty {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.appointmentSlots-empty-container {
    background-color: #fff;
    border-radius: 6px;
    padding: 24px
}

.appointmentSlots-empty-icon {
    height: 102px;
    width: 124px
}

.appointmentSlots-empty-text {
    color: #8894ac;
    font-size: 14px;
    margin-top: 8px
}

.appointmentSlotsContainer {
    -ms-flex-line-pack: start;
    align-content: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.appointmentSlot {
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #4c72fb;
    border-radius: 6px;
    color: #4c72fb;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 44px;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 8px;
    text-align: center;
    transition: .3s;
    width: calc(50% - 6px)
}

    .appointmentSlot:not(.disabled):not(.active):hover {
        background-color: #eef3ff
    }

    .appointmentSlot.active {
        animation: indicate .2s linear forwards
    }

    .appointmentSlot.disabled {
        background-color: #f4f5f8;
        border: 1px solid #c3cad8;
        color: #c3cad8;
        cursor: default
    }

@media (max-width:740px) {
    #jfQuestion-proxy .appointmentCalendar, .jfCard .appointmentCalendar {
        margin: auto
    }

    #jfQuestion-proxy .appointmentCalendarContainer, #jfQuestion-proxy .appointmentCalendarTimezone, .jfCard .appointmentCalendarContainer, .jfCard .appointmentCalendarTimezone {
        max-width: 324px;
        width: 100%
    }

    #jfQuestion-proxy .appointmentCalendarTimezone, .jfCard .appointmentCalendarTimezone {
        margin-top: -8px;
        -ms-flex-order: -1;
        order: -1
    }

    #jfQuestion-proxy .appointmentDates, .jfCard .appointmentDates {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 16px;
        max-width: 324px;
        width: 100%
    }

    #jfQuestion-proxy .appointmentSlots, .jfCard .appointmentSlots {
        height: auto;
        min-height: auto
    }

    #jfQuestion-proxy .appointmentFieldWrapper:not(.isOpenMobile) .appointmentCalendarDays, #jfQuestion-proxy .appointmentFieldWrapper:not(.isOpenMobile) .monthYearPicker, .jfCard .appointmentFieldWrapper:not(.isOpenMobile) .appointmentCalendarDays, .jfCard .appointmentFieldWrapper:not(.isOpenMobile) .monthYearPicker {
        display: none
    }

    #jfQuestion-proxy .appointmentFieldRow.forCalendar, .jfCard .appointmentFieldRow.forCalendar {
        -ms-flex-direction: column;
        flex-direction: column
    }

    #jfQuestion-proxy .appointmentFieldRow.forSelectedDate, .jfCard .appointmentFieldRow.forSelectedDate {
        margin-top: 0
    }
}

@media (max-width:600px) {
    .jotform-form .appointmentCalendarContainer, .jotform-form .appointmentCalendarTimezone {
        max-width: 324px;
        width: 100%
    }

    .jotform-form .appointmentCalendarTimezone {
        margin-top: -8px;
        -ms-flex-order: -1;
        order: -1
    }

    .jotform-form .appointmentSlots {
        height: auto
    }

    .jotform-form .appointmentFieldWrapper:not(.isOpenMobile) .appointmentCalendarDays, .jotform-form .appointmentFieldWrapper:not(.isOpenMobile) .monthYearPicker {
        display: none
    }

    .jotform-form .appointmentFieldWrapper[data-breakpoint=isNormal] .appointmentDates {
        margin-left: 0;
        margin-top: 16px;
        width: 324px
    }

    .jotform-form .appointmentFieldRow.forCalendar {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@keyframes indicate {
    0% {
        background-color: transparent;
        color: #4c72fb
    }

    to {
        background-color: #4c72fb;
        color: #fff
    }
}

@font-face {
    font-family: Inter;
    src: local("Inter Medium"),local("Inter-Medium"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-MediumItalic.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-MediumItalic.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 500
}

@font-face {
    font-family: Inter;
    src: local("Inter Bold"),local("Inter-Bold"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Bold.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Bold.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: Inter;
    src: local("Inter Semibold"),local("Inter-Semibold"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-SemiBoldItalic.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-SemiBoldItalic.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 600
}

@font-face {
    font-family: Inter;
    src: local("Inter Black"),local("Inter-Black"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Black.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Black.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 900
}

@font-face {
    font-family: Inter;
    src: local("Inter Light"),local("Inter-Light"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-LightItalicBETA.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-LightItalicBETA.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 300
}

@font-face {
    font-family: Inter;
    src: local("Inter Extrabold"),local("Inter-Extrabold"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraBoldItalic.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraBoldItalic.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 800
}

@font-face {
    font-family: Inter;
    src: local("Inter Medium"),local("Inter-Medium"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Medium.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Medium.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: Inter;
    src: local("Inter Semibold"),local("Inter-Semibold"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-SemiBold.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-SemiBold.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: Inter;
    src: local("Inter Extralight"),local("Inter-Extralight"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraLightBETA.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraLightBETA.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: Inter;
    src: local("Inter Extrabold"),local("Inter-Extrabold"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraBold.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraBold.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 800
}

@font-face {
    font-family: Inter;
    src: local("Inter Thin"),local("Inter-Thin"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ThinItalicBETA.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ThinItalicBETA.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 100
}

@font-face {
    font-family: Inter;
    src: local("Inter Regular"),local("Inter-Regular"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Regular.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-Regular.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Inter;
    src: local("Inter Bold"),local("Inter-Bold"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-BoldItalic.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-BoldItalic.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: Inter;
    src: local("Inter Extralight"),local("Inter-Extralight"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraLightItalicBETA.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ExtraLightItalicBETA.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 200
}

@font-face {
    font-family: Inter;
    src: local("Inter Thin"),local("Inter-Thin"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ThinBETA.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-ThinBETA.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 100
}

@font-face {
    font-family: Inter;
    src: local("Inter Light"),local("Inter-Light"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-LightBETA.woff2) format("woff2"),url(https://cdn.jotfor.ms/fonts/inter/fonts/Inter-LightBETA.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 300
}

#stage div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .form-input, #stage li[data-type=control_inline] .form-input, div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .form-input, li[data-type=control_inline] .form-input {
    width: 100% !important
}

div#jfQuestion-proxy.forFullScreen[data-type=control_inline].isSelected .question-wrapper, li[data-type=control_inline].isSelected .question-wrapper {
    z-index: 2
}

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-quillTB, li[data-type=control_inline] .FITB-quillTB {
    margin-top: -40px;
    opacity: 0;
    padding: 16px 0 0;
    pointer-events: none;
    position: relative;
    text-align: right;
    transition: margin-top .1s,opacity .1s;
    will-change: margin-top,opacity;
    z-index: -1
}

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-TBCont, li[data-type=control_inline] .FITB-TBCont {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    transition: background-color .2s,box-shadow .2s,border-color .2s,border-radius .2s;
    width: 100%;
    will-change: transform
}

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-TBCont.stickyTB, li[data-type=control_inline] .FITB-TBCont.stickyTB {
        background-color: #fff;
        border-color: transparent;
        border-radius: 0 0 2px 2px;
        box-shadow: 0 -8px 0 8px #fff;
        padding-top: 4px
    }

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-button, li[data-type=control_inline] .FITB-button {
    background-color: #f2f3f4;
    border: none;
    border-radius: 4px;
    color: #1c2643;
    cursor: pointer;
    font-size: 12px;
    outline: none;
    padding: 10px;
    transition: background-color .3s
}

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-button:hover, li[data-type=control_inline] .FITB-button:hover {
        background-color: #dcdfe1
    }

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-button *, li[data-type=control_inline] .FITB-button * {
        display: inline-block;
        pointer-events: none;
        vertical-align: middle
    }

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-button img, li[data-type=control_inline] .FITB-button img {
        height: 14px;
        width: 14px
    }

        div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-button img + span, li[data-type=control_inline] .FITB-button img + span {
            margin-left: 6px
        }

        div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-button img.arrow, li[data-type=control_inline] .FITB-button img.arrow {
            height: 6px;
            width: 10px
        }

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-button span + img, li[data-type=control_inline] .FITB-button span + img {
        margin-left: 12px
    }

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-button + button, li[data-type=control_inline] .FITB-button + button {
        margin-left: 4px
    }

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-button.formFields, li[data-type=control_inline] .FITB-button.formFields {
        padding: 0;
        white-space: nowrap;
        width: auto
    }

        div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-button.formFields:hover, li[data-type=control_inline] .FITB-button.formFields:hover {
            background-color: transparent;
            background-color: initial
        }

        div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-button.formFields span + img, li[data-type=control_inline] .FITB-button.formFields span + img {
            margin-left: 7px
        }

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-buttonCont, li[data-type=control_inline] .FITB-buttonCont {
    margin-top: -36px;
    opacity: 0;
    pointer-events: none;
    text-align: right;
    transition: margin-top .1s,opacity .1s;
    will-change: margin-top,opacity
}

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-buttonCont > div, li[data-type=control_inline] .FITB-buttonCont > div {
        z-index: 2
    }

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-dropdown, li[data-type=control_inline] .FITB-dropdown {
    animation: contextAppear .1s ease-in-out forwards;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    max-height: 250px;
    overflow-y: auto;
    padding: 0;
    text-align: left;
    transform-origin: top left
}

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-dropdown, div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-dropdown li, li[data-type=control_inline] .FITB-dropdown, li[data-type=control_inline] .FITB-dropdown li {
        list-style: none;
        margin: 0
    }

        div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-dropdown li, li[data-type=control_inline] .FITB-dropdown li {
            color: #1c2643;
            cursor: pointer;
            font-size: 13px;
            padding: 10px 20px 10px 10px;
            transition: color .1s,background-color .1s;
            white-space: nowrap
        }

            div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-dropdown li:hover, li[data-type=control_inline] .FITB-dropdown li:hover {
                background-color: #0293e2
            }

                div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-dropdown li:hover, div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-dropdown li:hover .FITB-dropdown-listItem:before, li[data-type=control_inline] .FITB-dropdown li:hover, li[data-type=control_inline] .FITB-dropdown li:hover .FITB-dropdown-listItem:before {
                    color: #fff
                }

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-dropdown-listItem, li[data-type=control_inline] .FITB-dropdown-listItem {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB-dropdown-listItem:before, li[data-type=control_inline] .FITB-dropdown-listItem:before {
        color: #0293e2;
        font-family: joticon;
        font-size: 24px;
        margin-right: 6px;
        transition: color .1s,background-color .1s
    }

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-clipboard, li[data-type=control_inline] .FITB .ql-clipboard {
    position: fixed !important
}

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg, li[data-type=control_inline] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    right: -7px
}

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-toolbar, li[data-type=control_inline] .FITB .ql-toolbar {
    border: none
}

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-toolbar button, li[data-type=control_inline] .FITB .ql-toolbar button {
        transition: color .3s
    }

        div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-toolbar button:not(.FITB-button), li[data-type=control_inline] .FITB .ql-toolbar button:not(.FITB-button) {
            padding: 3px 0;
            width: 18px
        }

            div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-toolbar button:not(.FITB-button) svg, li[data-type=control_inline] .FITB .ql-toolbar button:not(.FITB-button) svg {
                float: none
            }

            div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-toolbar button:not(.FITB-button) + button, li[data-type=control_inline] .FITB .ql-toolbar button:not(.FITB-button) + button {
                margin-left: 6px
            }

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-color-picker, div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-icon-picker, li[data-type=control_inline] .FITB .ql-color-picker, li[data-type=control_inline] .FITB .ql-icon-picker {
    width: 18px
}

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-color-picker .ql-picker-label, div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-icon-picker .ql-picker-label, li[data-type=control_inline] .FITB .ql-color-picker .ql-picker-label, li[data-type=control_inline] .FITB .ql-icon-picker .ql-picker-label {
        padding: 2px 0
    }

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-picker-label, li[data-type=control_inline] .FITB .ql-picker-label {
    border-width: 0
}

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-container, li[data-type=control_inline] .FITB .ql-container {
    border-width: 0;
    font-family: inherit;
    font-size: inherit
}

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-editor, li[data-type=control_inline] .FITB .ql-editor {
    font-size: inherit;
    line-height: 1.6;
    overflow: visible;
    overflow: initial;
    padding: 12px 0
}

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-editor.ql-blank:before, li[data-type=control_inline] .FITB .ql-editor.ql-blank:before {
        left: 0
    }

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker), li[data-type=control_inline] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) {
    width: auto
}

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label, li[data-type=control_inline] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label {
        outline: none;
        padding: 0 12px 0 0
    }

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-picker.ql-font .ql-picker-label, li[data-type=control_inline] .FITB .ql-picker.ql-font .ql-picker-label {
    max-width: 84px
}

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-picker.ql-font .ql-picker-options, li[data-type=control_inline] .FITB .ql-picker.ql-font .ql-picker-options {
    max-height: 250px;
    overflow-y: auto;
    text-align: left
}

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-picker.ql-font [class*=ql-picker]:before, li[data-type=control_inline] .FITB .ql-picker.ql-font [class*=ql-picker]:before {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-formats, li[data-type=control_inline] .FITB .ql-formats {
    margin-right: 0;
    position: relative
}

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-formats + .ql-formats, li[data-type=control_inline] .FITB .ql-formats + .ql-formats {
        margin-left: 7px;
        padding-left: 7px
    }

        div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .FITB .ql-formats + .ql-formats:before, li[data-type=control_inline] .FITB .ql-formats + .ql-formats:before {
            background-color: #ebecf0;
            content: "";
            height: 72%;
            left: -1px;
            position: absolute;
            right: auto;
            top: 14%;
            width: 2px
        }

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=email], div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=number], div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=tel], div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=text], li[data-type=control_inline] input[type=email], li[data-type=control_inline] input[type=number], li[data-type=control_inline] input[type=tel], li[data-type=control_inline] input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border-color: #c3cad8;
    border-radius: 0;
    border-width: 0 0 1px;
    box-shadow: none;
    font-size: .9375em;
    height: auto;
    outline: none;
    padding: 0 0 1px 4px;
    transition: border-color .2s
}

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=email]:-ms-input-placeholder, div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=number]:-ms-input-placeholder, div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=tel]:-ms-input-placeholder, div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=text]:-ms-input-placeholder, li[data-type=control_inline] input[type=email]:-ms-input-placeholder, li[data-type=control_inline] input[type=number]:-ms-input-placeholder, li[data-type=control_inline] input[type=tel]:-ms-input-placeholder, li[data-type=control_inline] input[type=text]:-ms-input-placeholder {
        color: #c8ced9
    }

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=email]::-ms-input-placeholder, div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=number]::-ms-input-placeholder, div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=tel]::-ms-input-placeholder, div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=text]::-ms-input-placeholder, li[data-type=control_inline] input[type=email]::-ms-input-placeholder, li[data-type=control_inline] input[type=number]::-ms-input-placeholder, li[data-type=control_inline] input[type=tel]::-ms-input-placeholder, li[data-type=control_inline] input[type=text]::-ms-input-placeholder {
        color: #c8ced9
    }

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=email]::placeholder, div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=number]::placeholder, div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=tel]::placeholder, div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=text]::placeholder, li[data-type=control_inline] input[type=email]::placeholder, li[data-type=control_inline] input[type=number]::placeholder, li[data-type=control_inline] input[type=tel]::placeholder, li[data-type=control_inline] input[type=text]::placeholder {
        color: #c8ced9
    }

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=checkbox], div#jfQuestion-proxy.forFullScreen[data-type=control_inline] input[type=radio], li[data-type=control_inline] input[type=checkbox], li[data-type=control_inline] input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 2px;
    height: 18px;
    left: 4px;
    margin: 0;
    outline: none;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}

div#jfQuestion-proxy.forFullScreen[data-type=control_inline].form-line-error input.form-validation-error[class*=validate], li[data-type=control_inline].form-line-error input.form-validation-error[class*=validate] {
    border-width: 0 0 1px !important
}

    div#jfQuestion-proxy.forFullScreen[data-type=control_inline].form-line-error input.form-validation-error[class*=validate]:focus, div#jfQuestion-proxy.forFullScreen[data-type=control_inline].form-line-error input.form-validation-error[class*=validate]:hover, li[data-type=control_inline].form-line-error input.form-validation-error[class*=validate]:focus, li[data-type=control_inline].form-line-error input.form-validation-error[class*=validate]:hover {
        box-shadow: 0 2px 0 0 #ffa5a5 !important
    }

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .form-required, li[data-type=control_inline] .form-required {
    color: #f23a3c;
    display: inline-block;
    font-size: 15px;
    height: 8px;
    left: auto;
    line-height: .875em;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%,-75%);
    width: auto;
    z-index: 1
}

div#jfQuestion-proxy.forFullScreen[data-type=control_inline] .jfHipaa-toggleWrapper, li[data-type=control_inline] .jfHipaa-toggleWrapper {
    margin-bottom: 8px;
    position: static;
    text-align: right
}

.FITB.showQuillTB .FITB-quillTB {
    margin-top: 0;
    opacity: 1;
    pointer-events: auto
}

.FITB.showQuillTB .FITB-button.TBSwitch {
    background-color: #dcdfe1
}

.FITB.selected .FITB-buttonCont {
    margin-top: 0;
    opacity: 1;
    pointer-events: auto
}

.FITB.selected .FITB-TBCont {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 8px;
    z-index: 2
}

.FITB.selected [data-blotid][data-active=true] input[type=text] {
    border-color: #009ef4
}

    .FITB.selected [data-blotid][data-active=true] input[type=text] + button {
        margin-left: 4px
    }

.FITB.selected [data-blotid][data-active=true] button {
    display: inline;
    display: initial
}

.FITB.selected [data-blotid][data-active=true][data-type=checkbox] [contenteditable]:after, .FITB.selected [data-blotid][data-active=true][data-type=radiobox] [contenteditable]:after {
    box-shadow: 0 0 0 2px rgba(0,158,244,.8)
}

.FITB.selected [data-blotid][data-active=true][data-type=datebox]:after, .FITB.selected [data-blotid][data-active=true][data-type=selectbox]:after, .FITB.selected [data-blotid][data-active=true][data-type=signaturebox]:after, .FITB.selected [data-blotid][data-active=true][data-type=timebox]:after {
    right: 24px
}

.FITB.selected [data-blotid][data-active=true][data-type=selectbox] .qb-selectbox-options {
    display: block
}

[data-blotid] {
    display: inline-block;
    line-height: normal
}

    [data-blotid] span[contenteditable] {
        display: inline-block;
        position: relative
    }

    [data-blotid]:before {
        color: #009ef4;
        content: attr(data-index);
        display: inline-block;
        font-size: 16px;
        line-height: normal;
        max-width: 0;
        opacity: 0;
        padding: 0;
        transition: max-width .2s .1s,padding .2s .1s,opacity .1s;
        white-space: nowrap
    }

    [data-blotid] button:not([class*=saveButton]) {
        background-color: #f2f3f4;
        border: none;
        border-radius: 50%;
        color: #1c2643;
        cursor: pointer;
        display: none;
        font-size: 12px;
        height: 20px;
        outline: none;
        padding: 0;
        position: relative;
        transition: background-color .3s;
        vertical-align: middle;
        width: 20px
    }

        [data-blotid] button:not([class*=saveButton]):active, [data-blotid] button:not([class*=saveButton]):focus {
            display: inline;
            display: initial
        }

        [data-blotid] button:not([class*=saveButton]):before {
            content: "\e603";
            font-family: joticon;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%);
            vertical-align: middle
        }

        [data-blotid] button:not([class*=saveButton])[class*=addOption] {
            transform: rotate(45deg)
        }

        [data-blotid] button:not([class*=saveButton]):hover {
            background-color: #dcdfe1
        }

        [data-blotid] button:not([class*=saveButton]) * {
            display: inline-block;
            pointer-events: none;
            vertical-align: middle
        }

        [data-blotid] button:not([class*=saveButton]) img {
            height: 14px;
            width: 14px
        }

            [data-blotid] button:not([class*=saveButton]) img + span {
                margin-left: 6px
            }

            [data-blotid] button:not([class*=saveButton]) img.arrow {
                height: 6px;
                width: 10px
            }

        [data-blotid] button:not([class*=saveButton]) span + img {
            margin-left: 12px
        }

        [data-blotid] button:not([class*=saveButton]) + button {
            margin-left: 4px
        }

    [data-blotid][data-type=datebox] input, [data-blotid][data-type=selectbox] input, [data-blotid][data-type=signaturebox] input, [data-blotid][data-type=textbox] input {
        min-width: 120px
    }

    [data-blotid][data-type=timebox]:after {
        background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/time.svg) no-repeat 50%/cover
    }

    [data-blotid][data-type=textbox][data-grouptype=control_fullname] input, [data-blotid][data-type=timebox] input {
        min-width: 90px
    }

    [data-blotid][data-type=checkbox], [data-blotid][data-type=radiobox] {
        display: inline-block;
        position: relative
    }

        [data-blotid][data-type=checkbox] [contenteditable]:after, [data-blotid][data-type=radiobox] [contenteditable]:after {
            background-color: #fff;
            border: 1px solid #c3cad8;
            border-radius: 2px;
            box-shadow: none;
            box-sizing: border-box;
            content: "";
            cursor: default;
            height: 18px;
            left: 4px;
            pointer-events: none;
            position: absolute;
            right: auto;
            top: 50%;
            transform: translateY(-50%);
            transition: box-shadow .2s;
            width: 18px;
            z-index: 1
        }

        [data-blotid][data-type=checkbox] [data-labelid], [data-blotid][data-type=radiobox] [data-labelid] {
            border-bottom: none;
            box-sizing: content-box;
            color: #1c2643;
            max-width: 100%;
            padding: 0 0 0 26px
        }

        [data-blotid][data-type=radiobox] [contenteditable]:after {
            border-radius: 50%
        }

    [data-blotid][data-type=selectbox] {
        position: relative
    }

        [data-blotid][data-type=selectbox]:after {
            background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/arrow.svg) no-repeat 50%/cover;
            content: "";
            height: 6px;
            left: auto;
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
            width: 10px
        }

        [data-blotid][data-type=selectbox] input[type=text] {
            box-sizing: border-box;
            padding-right: 14px
        }

        [data-blotid][data-type=selectbox] textarea {
            border-color: #c3cad8;
            border-radius: 4px;
            color: inherit;
            font-family: inherit;
            outline: none;
            resize: vertical;
            transition: border-color .2s;
            width: 100%
        }

            [data-blotid][data-type=selectbox] textarea:active, [data-blotid][data-type=selectbox] textarea:focus {
                border-color: #929eb8
            }

        [data-blotid][data-type=selectbox] button.qb-selectbox-saveButton {
            background-color: #f2f3f4;
            border: none;
            border-radius: 4px;
            color: #1c2643;
            cursor: pointer;
            font-size: 12px;
            outline: none;
            padding: 4px 10px;
            transition: background-color .3s
        }

            [data-blotid][data-type=selectbox] button.qb-selectbox-saveButton:hover {
                background-color: #dcdfe1
            }

            [data-blotid][data-type=selectbox] button.qb-selectbox-saveButton * {
                display: inline-block;
                pointer-events: none;
                vertical-align: middle
            }

            [data-blotid][data-type=selectbox] button.qb-selectbox-saveButton img {
                height: 14px;
                width: 14px
            }

                [data-blotid][data-type=selectbox] button.qb-selectbox-saveButton img + span {
                    margin-left: 6px
                }

                [data-blotid][data-type=selectbox] button.qb-selectbox-saveButton img.arrow {
                    height: 6px;
                    width: 10px
                }

            [data-blotid][data-type=selectbox] button.qb-selectbox-saveButton span + img {
                margin-left: 12px
            }

            [data-blotid][data-type=selectbox] button.qb-selectbox-saveButton + button {
                margin-left: 4px
            }

        [data-blotid][data-type=selectbox] .qb-selectbox-options {
            display: none;
            padding-top: 4px;
            position: absolute;
            z-index: 2
        }

.FITB.formRender {
    line-height: 2;
    width: 100%
}

    .FITB.formRender img {
        max-width: 100%
    }

    .FITB.formRender p {
        margin: 0
    }

.FITB.rightPanelOpen .qb-checkbox:before, .FITB.rightPanelOpen .qb-datebox:before, .FITB.rightPanelOpen .qb-radiobox:before, .FITB.rightPanelOpen .qb-selectbox:before, .FITB.rightPanelOpen .qb-signaturebox:before, .FITB.rightPanelOpen .qb-textbox:before, .FITB.rightPanelOpen .qb-timebox:before {
    max-width: 100px;
    opacity: 1;
    padding: 0 4px;
    transition: max-width .2s,padding .2s,opacity .1s .1s
}

.FITB:not(.formRender) .qb-datebox input, .FITB:not(.formRender) .qb-selectbox input, .FITB:not(.formRender) .qb-signaturebox input, .FITB:not(.formRender) .qb-textbox input, .FITB:not(.formRender) .qb-timebox input {
    box-sizing: content-box
}

    .FITB:not(.formRender) .qb-datebox input:not([data-labelid]), .FITB:not(.formRender) .qb-selectbox input:not([data-labelid]), .FITB:not(.formRender) .qb-signaturebox input:not([data-labelid]), .FITB:not(.formRender) .qb-textbox input:not([data-labelid]), .FITB:not(.formRender) .qb-timebox input:not([data-labelid]) {
        color: #8c98af
    }

.FITB:not(.formRender)[data-darkmode=true] .FITB-TBCont:not(.stickyTB) .FITB-button.formFields, .FITB:not(.formRender)[data-darkmode=true] .FITB-TBCont:not(.stickyTB) .ql-picker-label {
    color: #fff
}

    .FITB:not(.formRender)[data-darkmode=true] .FITB-TBCont:not(.stickyTB) .ql-picker-label .ql-fill, .FITB:not(.formRender)[data-darkmode=true] .FITB-TBCont:not(.stickyTB) button .ql-fill {
        fill: hsla(0,0%,100%,.7)
    }

    .FITB:not(.formRender)[data-darkmode=true] .FITB-TBCont:not(.stickyTB) .ql-picker-label .ql-stroke, .FITB:not(.formRender)[data-darkmode=true] .FITB-TBCont:not(.stickyTB) button .ql-stroke {
        stroke: hsla(0,0%,100%,.7)
    }

span[data-type=datebox], span[data-type=signaturebox], span[data-type=timebox] {
    position: relative
}

    span[data-type=datebox] input[type=text], span[data-type=signaturebox] input[type=text], span[data-type=timebox] input[type=text] {
        padding-right: 12px
    }

    span[data-type=datebox]:after, span[data-type=signaturebox]:after, span[data-type=timebox]:after {
        content: "";
        height: 12px;
        left: auto;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 12px
    }

    span[data-type=datebox] input[data-format] {
        min-width: 120px !important
    }

    span[data-type=datebox]:after {
        background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/date.svg) no-repeat 50%/contain
    }

    span[data-type=signaturebox]:after {
        background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/signature.svg) no-repeat 50%/cover
    }

    span[data-type=signaturebox] .FITB-sign-button {
        border-bottom: 1px solid #c3cad8;
        cursor: pointer;
        display: inline-block;
        min-height: 17px;
        min-width: 120px;
        outline: none
    }

    span[data-type=signaturebox] label {
        font-size: 10px !important;
        transform: translateY(100%)
    }

    span[data-type=signaturebox] .form-validation-error ~ .FITB-sign-button {
        border-color: #ff4e5d
    }

span.FITB-inptCont {
    display: inline-block;
    line-height: normal;
    position: relative
}

    span.FITB-inptCont * {
        line-height: normal;
        vertical-align: middle
    }

    span.FITB-inptCont[data-type=checkbox] label, span.FITB-inptCont[data-type=radiobox] label {
        color: #1c2643;
        cursor: pointer;
        display: inline-block;
        padding-left: 26px
    }

        span.FITB-inptCont[data-type=checkbox] label:before, span.FITB-inptCont[data-type=radiobox] label:before {
            background-color: #fff;
            border: 1px solid #c3cad8;
            border-radius: 2px;
            box-sizing: border-box;
            content: "";
            height: 18px;
            left: 4px;
            pointer-events: none;
            position: absolute;
            right: auto;
            top: 50%;
            transform: translateY(-50%);
            transition: background-color .2s,border-color .2s,box-shadow .2s;
            width: 18px
        }

        span.FITB-inptCont[data-type=checkbox] label:after, span.FITB-inptCont[data-type=radiobox] label:after {
            content: "";
            opacity: 0;
            transition: opacity .2s,transform .2s
        }

    span.FITB-inptCont[data-type=checkbox] input:checked ~ label:after, span.FITB-inptCont[data-type=radiobox] input:checked ~ label:after {
        opacity: 1
    }

    span.FITB-inptCont[data-type=checkbox] input:checked ~ label:before, span.FITB-inptCont[data-type=radiobox] input:checked ~ label:before {
        border-color: #4573e3
    }

    span.FITB-inptCont[data-type=checkbox] label:after {
        background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/check.svg) no-repeat 50%/cover;
        height: 8px;
        left: 8px;
        position: absolute;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
        width: 10px
    }

    span.FITB-inptCont[data-type=checkbox] input:checked ~ label:before {
        background-color: #4573e3
    }

    span.FITB-inptCont[data-type=radiobox] label:before {
        border-radius: 50%
    }

    span.FITB-inptCont[data-type=radiobox] label:after {
        background-color: #4573e3;
        border-radius: 50%;
        height: 12px;
        left: 7px;
        position: absolute;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
        transform: translateY(-50%) scale(0);
        width: 12px
    }

    span.FITB-inptCont[data-type=radiobox] input:checked ~ label:after {
        transform: translateY(-50%) scale(1)
    }

    span.FITB-inptCont[data-type=textbox] input {
        min-width: 120px !important
    }

    span.FITB-inptCont[data-type=textbox][data-grouptype=control_fullname] input {
        min-width: 90px
    }

    span.FITB-inptCont[data-type=signaturebox] {
        vertical-align: text-bottom
    }

        span.FITB-inptCont[data-type=signaturebox] img {
            max-height: 2em;
            max-width: calc(100% - 12px)
        }

        span.FITB-inptCont[data-type=datebox] input, span.FITB-inptCont[data-type=signaturebox] input, span.FITB-inptCont[data-type=textbox] input, span.FITB-inptCont[data-type=timebox] input {
            display: block
        }

            span.FITB-inptCont[data-type=datebox] input:focus ~ label, span.FITB-inptCont[data-type=datebox] input:valid ~ label, span.FITB-inptCont[data-type=signaturebox] input:focus ~ label, span.FITB-inptCont[data-type=signaturebox] input:valid ~ label, span.FITB-inptCont[data-type=textbox] input:focus ~ label, span.FITB-inptCont[data-type=textbox] input:valid ~ label, span.FITB-inptCont[data-type=timebox] input:focus ~ label, span.FITB-inptCont[data-type=timebox] input:valid ~ label {
                color: #6e7d9a;
                font-size: 10px;
                left: 0;
                transform: translateY(100%)
            }

        span.FITB-inptCont[data-type=datebox] label, span.FITB-inptCont[data-type=signaturebox] label, span.FITB-inptCont[data-type=textbox] label, span.FITB-inptCont[data-type=timebox] label {
            color: #8c98af;
            content: attr(data-label);
            font-size: .875em;
            font-weight: 400;
            height: 100%;
            left: 4px;
            max-width: 100%;
            overflow: hidden;
            pointer-events: none;
            position: absolute;
            right: auto;
            text-overflow: ellipsis;
            top: 0;
            transition: transform .1s,font-size .1s,color .1s,left .1s;
            white-space: nowrap;
            width: auto
        }

    span.FITB-inptCont[data-type=datebox] label, span.FITB-inptCont[data-type=timebox] label {
        width: calc(100% - 12px)
    }

    span.FITB-inptCont[data-type=datebox] img.icon-liteMode, span.FITB-inptCont[data-type=timebox] img.icon-liteMode {
        cursor: pointer;
        height: 12px;
        left: auto;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 12px;
        z-index: 1
    }

    span.FITB-inptCont[data-type=datebox] input:-ms-input-placeholder, span.FITB-inptCont[data-type=timebox] input:-ms-input-placeholder {
        opacity: 0;
        -ms-transition: opacity .2s;
        transition: opacity .2s
    }

    span.FITB-inptCont[data-type=datebox] input::-ms-input-placeholder, span.FITB-inptCont[data-type=timebox] input::-ms-input-placeholder {
        opacity: 0;
        -ms-transition: opacity .2s;
        transition: opacity .2s
    }

    span.FITB-inptCont[data-type=datebox] input::placeholder, span.FITB-inptCont[data-type=timebox] input::placeholder {
        opacity: 0;
        transition: opacity .2s
    }

    span.FITB-inptCont[data-type=datebox] input:focus:-ms-input-placeholder, span.FITB-inptCont[data-type=datebox] input:valid:-ms-input-placeholder, span.FITB-inptCont[data-type=timebox] input:focus:-ms-input-placeholder, span.FITB-inptCont[data-type=timebox] input:valid:-ms-input-placeholder {
        opacity: 1
    }

    span.FITB-inptCont[data-type=datebox] input:focus::-ms-input-placeholder, span.FITB-inptCont[data-type=datebox] input:valid::-ms-input-placeholder, span.FITB-inptCont[data-type=timebox] input:focus::-ms-input-placeholder, span.FITB-inptCont[data-type=timebox] input:valid::-ms-input-placeholder {
        opacity: 1
    }

    span.FITB-inptCont[data-type=datebox] input:focus::placeholder, span.FITB-inptCont[data-type=datebox] input:valid::placeholder, span.FITB-inptCont[data-type=timebox] input:focus::placeholder, span.FITB-inptCont[data-type=timebox] input:valid::placeholder {
        opacity: 1
    }

    span.FITB-inptCont[data-type=selectbox] select, span.FITB-inptCont[data-type=timebox] select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/arrow.svg) no-repeat calc(100% - 2px)/10px;
        border-color: #c3cad8;
        border-width: 0 0 1px;
        color: #1c2643;
        cursor: pointer;
        font-size: .875em;
        min-width: 120px;
        outline: none;
        padding: 1px 14px 1px 4px
    }

        span.FITB-inptCont[data-type=selectbox] select:invalid, span.FITB-inptCont[data-type=timebox] select:invalid {
            color: #8c98af
        }

        span.FITB-inptCont[data-type=selectbox] select.form-dropdown, span.FITB-inptCont[data-type=timebox] select.form-dropdown {
            height: auto
        }

        span.FITB-inptCont[data-type=selectbox] select.form-dropdown {
            min-width: 120px
        }

    span.FITB-inptCont[data-type=timebox] .FITB-inptCont-inner {
        display: inline-block;
        position: relative
    }

        span.FITB-inptCont[data-type=timebox] .FITB-inptCont-inner:after {
            background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/time.svg) no-repeat 50%/cover;
            content: "";
            height: 12px;
            left: auto;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 12px
        }

    span.FITB-inptCont[data-type=timebox] input[type=text] {
        display: inline-block;
        min-width: 64px !important
    }

    span.FITB-inptCont[data-type=timebox] select {
        margin-left: 4px;
        min-width: 0;
        min-width: auto
    }

    span.FITB-inptCont .newDefaultTheme-dateIcon {
        opacity: 0
    }

[data-qtype=control_inline][data-version=v2].calendar.popup {
    margin-top: -90px;
    min-width: 300px
}

    [data-qtype=control_inline][data-version=v2].calendar.popup .calendar-new-month, [data-qtype=control_inline][data-version=v2].calendar.popup .calendar-new-year {
        padding-right: 28px
    }

    [data-qtype=control_inline][data-version=v2].calendar.popup:before {
        height: 100%;
        top: 0
    }

@keyframes contextAppear {
    0% {
        opacity: .8;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

*, :after, :before {
    box-sizing: border-box
}

:focus {
    outline: 0
}

input, select, textarea {
    outline: 0;
    margin: 0;
    text-align: left
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

img {
    max-width: 100%
}

a {
    text-decoration: none
}

textarea::-webkit-resizer {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.852.148a.504.504 0 00-.713 0L.148 5.139a.504.504 0 10.713.713L5.852.861a.504.504 0 000-.713zM5.86 3.14a.48.48 0 00-.68 0L3.142 5.18a.48.48 0 10.68.68L5.86 3.82a.48.48 0 000-.68z' fill='%23C3CAD8'/%3E%3C/svg%3E");
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 50%
}

select::-ms-expand {
    display: none
}

button {
    outline: 0
}

:-ms-input-placeholder {
    color: #8894ab;
    font-weight: 300
}

::-ms-input-placeholder {
    color: #8894ab;
    font-weight: 300
}

::placeholder {
    color: #8894ab;
    font-weight: 300
}

.form-dropdown:first-child {
    color: #8894ab;
    font-weight: 300
}

.form-dropdown.is-active {
    color: #000
}

.form-dropdown:required:invalid {
    color: #8894ab;
    font-weight: 300
}

.form-line.isSelected [contenteditable=true]:not(.inlineEditNotEmpty):empty:after {
    white-space: nowrap
}

.JotFormBuilder #stage [contenteditable] {
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

@supports (-webkit-overflow-scrolling:touch) {
    input, textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media (-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi),not all {
    body {
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility
    }
}

.form-all {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 32px auto;
    width: 100%
}

.form-line, [data-wrapper-react=true] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.form-line {
    padding: 1px 10px;
    margin: 1px px;
    border-radius: 3px;
    position: relative;
    width: 100%;
    transition: background-color .15s
}

.form-line, ul.page-section {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.page-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0;
    padding: 0 38px;
    list-style: none
}

.form-line-column {
    width: calc(50% - 8px)
}

    .form-line-column [data-layout=half].form-input-wide {
        width: 100%
    }

.isBuilder .form-line-column.fixed-width {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.form-line-column:not(.form-line-error):not(.form-line-column-clear).fixed-width {
    width: auto;
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    white-space: nowrap
}

.form-line-column.form-line-column-clear {
    width: calc(50% - 7px)
}

.form-input {
    width: calc(100% - 240px)
}

.always-hidden {
    display: none !important
}

.page-section > li:first-child:not(.form-line-column):not([data-type=control_head]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]), .page-section > li:nth-child(2):not(.form-line-column):not([data-type=control_head]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]) {
    margin-top: 28px
}

    .page-section > li:first-child:not(.form-line-column):not([data-type=control_head]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]) + li:nth-child(2):not(.form-line-column):not([data-type=control_head]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]) {
        margin-top: 12px
    }

.form-label {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    word-break: break-word
}

.form-required {
    margin-left: 4px
}

.form-sub-label {
    font-size: .75em;
    margin-top: 11px;
    margin-left: 2px;
    display: block;
    word-break: break-word
}

    .form-sub-label b {
        color: #57647e;
        font-weight: 500
    }

label[for$=_dummy] {
    white-space: nowrap;
    color: #57647e;
    font-size: 14px
}

.form-sub-label:empty {
    display: none
}

.form-label-top {
    width: 100%;
    margin-left: 2px;
    margin-bottom: 14px
}

.form-label-right {
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.form-sub-label-container {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

    .form-sub-label-container + .form-sub-label-container {
        margin-left: 8px
    }

.form-label:not(.form-label-top) {
    width: 230px;
    margin-right: 10px;
    margin-top: .625em;
    margin-bottom: .625em
}

li[data-type=control_checkbox] .form-label:not(.form-label-top), li[data-type=control_radio] .form-label:not(.form-label-top) {
    margin-top: 0
}

.stripe-payment-wrapper .overlay-content + .form-sub-label-container {
    width: calc(50% - 14px)
}

li.form-line:not(.form-line-column)[data-type=control_fullname] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container + .form-sub-label-container {
    margin-left: 24px
}

.form-input-wide {
    width: 100%
}

li.form-line:not(.form-line-column) .form-input-wide[data-layout=half] {
    width: calc(50% - 14px)
}

.fixed-width.form-line:not(.form-line-column) .form-input-wide[data-layout=half] {
    width: 100%
}

li.form-line[data-type=control_signature]:not(.form-line-column):not(.fixed-width) .form-input-wide {
    width: calc(50% - 14px)
}

.form-line:not(.fixed-width) .form-dropdown, .form-line:not(.fixed-width) .form-spinner, .form-line:not(.fixed-width) .form-textarea, .form-line:not(.fixed-width) .form-textbox:not(.time-dropdown), .form-line:not(.fixed-width) .signature-pad-passive {
    min-width: 30%;
    max-width: 100%
}

.form-description .form-description-content {
    word-break: break-word
}

.form-error-message {
    color: #fff;
    background-color: #f23a3c;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 14.515a7 7 0 110-14 7 7 0 010 14zm-.814-5.86h1.628v-5.21H6.186v5.21zM7 11.259a.82.82 0 00.814-.824A.816.816 0 007 9.631a.813.813 0 100 1.628z' fill='%23fff'/%3E%3C/svg%3E");
    font-size: .75em;
    margin-top: 8px;
    border-radius: 4px;
    background-size: .875em;
    background-position: .375em;
    background-repeat: no-repeat;
    display: inline-block;
    width: auto;
    padding: .25em .5em .25em 1.625em
}

    .form-error-message img {
        display: none
    }

.form-button-error {
    display: none;
    padding-left: 8px;
    font-size: 14px;
    -ms-flex-align: center;
    align-items: center
}

.error-navigation-container {
    background-color: rgba(242,58,60,.94);
    animation-name: fadeIn;
    animation-duration: .3s;
    animation-fill-mode: both;
    color: #fff;
    width: 100%;
    position: fixed;
    transition: .3s;
    top: 0;
    left: 0;
    z-index: 1001
}

.error-navigation-message {
    -ms-flex: 1;
    flex: 1
}

.error-navigation-container.is-success {
    color: #2c3345;
    background-color: rgba(201,251,203,.95)
}

.error-navigation-inner {
    max-width: 752px;
    background-position: 0;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -ms-flex-align: center;
    align-items: center;
    transition-property: background-color,background-size,background-position,padding;
    transition-duration: .2s;
    margin: 0 auto
}

.error-navigation-container button {
    height: 40px;
    padding: 0 20px;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    background-color: #fff;
    color: #2c3345
}

button.error-navigation-done-button {
    background-color: #18bd5b;
    color: #fff
}

.error-navigation-container.is-success .error-navigation-inner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5' fill='%2318BD5B'/%3E%3Cpath d='M7 13l3.556 4 7.11-8' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    padding-left: 38px
}

.error-navigation-message strong {
    background-color: #fff;
    color: #2c3345;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px
}

@keyframes fadeIn {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

.form-textbox {
    padding: 0 .625em
}

div.widearea-wrapper {
    display: block
}

.form-dropdown {
    padding: 0 1.875em 0 .625em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2357647E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: right 10px bottom 50%;
    background-size: .625em;
    background-repeat: no-repeat
}

.form-textarea {
    padding: .625em;
    min-height: 2.5em;
    max-width: 100%;
    font-family: inherit
}

.form-dropdown, .form-textarea, .form-textbox, .signature-wrapper {
    font-size: 1em;
    border-radius: 4px;
    border: 1px solid;
    display: block;
    min-width: 32%
}

.fixed-width .form-dropdown, .fixed-width .form-textarea, .fixed-width .form-textbox {
    max-width: 100%;
    min-width: unset
}

.fixed-width .form-spinner-input.form-textbox {
    min-width: 100%
}

.form-dropdown:not([size]), .form-textbox {
    height: 2.5em
}

.widearea-overlayLayer .form-textarea {
    min-width: unset
}

.form-checkbox-item label, .form-radio-item label {
    width: 100%;
    padding-right: 5px;
    word-break: break-word
}

.form-matrix-values .form-checkbox, .form-matrix-values .form-radio {
    height: 20px;
    width: 20px;
    clip: auto;
    cursor: pointer
}

    .form-matrix-values .form-checkbox + label, .form-matrix-values .form-checkbox + span, .form-matrix-values .form-radio + label, .form-matrix-values .form-radio + span {
        pointer-events: none
    }

.form-checkbox, .form-radio {
    position: absolute;
    opacity: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px)
}

    .form-checkbox + label, .form-checkbox + span, .form-radio + label, .form-radio + span {
        padding-left: 30px;
        min-height: 20px;
        font-size: .9375em;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        word-break: break-word
    }

        .form-checkbox + label:before, .form-checkbox + span:before, .form-radio + label:before, .form-radio + span:before {
            width: 20px;
            height: 20px;
            border: 1px solid;
            content: "";
            position: absolute;
            top: 0;
            left: 0
        }

        .form-checkbox + label:after, .form-checkbox + span:after, .form-radio + label:after, .form-radio + span:after {
            transform: scale(0);
            opacity: 0;
            transition: transform .2s,opacity .2s
        }

.form-line .form-checkbox-item .form-checkbox-other.form-textbox + label, .form-line .form-radio-item .form-radio-other.form-textbox + label {
    display: none
}

.form-multiple-column, .form-single-column {
    width: 100%;
    display: inline-block
}

    .form-multiple-column .form-checkbox-item, .form-multiple-column .form-radio-item, .form-single-column .form-checkbox-item, .form-single-column .form-radio-item {
        float: left
    }

        .form-multiple-column .form-checkbox-item:not(.formCheckboxOther):not(:last-child), .form-multiple-column .form-radio-item:not(.formRadioOther):not(:last-child), .form-single-column .form-checkbox-item:not(.formCheckboxOther):not(:last-child), .form-single-column .form-radio-item:not(.formRadioOther):not(:last-child) {
            margin-bottom: 10px
        }

.formCheckboxOther, .formRadioOther {
    width: 100%
}

.isSelected .formCheckboxOther, .isSelected .formRadioOther {
    margin-top: 10px
}

.form-multiple-column[data-columncount="2"] .form-checkbox-item, .form-multiple-column[data-columncount="2"] .form-radio-item {
    width: 50%
}

.form-multiple-column[data-columncount="3"] .form-checkbox-item, .form-multiple-column[data-columncount="3"] .form-radio-item {
    width: 33.33%
}

.form-multiple-column[data-columncount="4"] .form-checkbox-item, .form-multiple-column[data-columncount="4"] .form-radio-item {
    width: 25%
}

.form-multiple-column[data-columncount="5"] .form-checkbox-item, .form-multiple-column[data-columncount="5"] .form-radio-item {
    width: 20%
}

.form-radio + label, .form-radio + span {
    display: inline-block
}

    .form-radio + label:before, .form-radio + span:before {
        border-radius: 50%;
        transition: border-color .15s
    }

    .form-radio + label:after, .form-radio + label div:after, .form-radio + span:after, .form-radio + span div:after {
        top: 3px;
        left: 3px;
        width: 14px;
        height: 14px;
        content: "";
        position: absolute;
        border-radius: 50%
    }

.form-checkbox + label, .form-checkbox + span {
    display: inline-block
}

    .form-checkbox + label:before, .form-checkbox + span:before, .form-checkbox:checked + label:after, .form-checkbox:checked + span:before {
        border-radius: 2px;
        transition: background-color .15s,border-color .15s;
        width: 20px;
        height: 20px
    }

.form-checkbox:checked + label:after, .form-checkbox:checked + span:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.667 3L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-size: 10px;
    background-position: 50%;
    background-repeat: no-repeat
}

.form-checkbox:checked + label:after, .form-radio:checked + label:after {
    opacity: 1;
    transform: scale(1)
}

.form-radio:checked + label:before, .form-radio:checked + span:before {
    border-color: #2e69ff
}

.other-input-container {
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

    .other-input-container.is-none {
        display: none
    }

.appointmentDayPickerButton, .appointmentField .timezonePickerName {
    border: 1px solid transparent
}

.form-address-table {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form-address-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

    .form-address-line.form-address-street-line {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

    .form-address-line .form-sub-label-container {
        display: block
    }

    .form-address-line + .form-address-line {
        margin-left: 24px
    }

.form-address-line-wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.form-address-hiddenLine + .form-address-line {
    margin-left: 0
}

.form-address-line-wrapper + .form-address-line-wrapper {
    margin-top: 24px
}

.form-label:not(.form-label-top) + .form-input .form-address-line + .form-address-line {
    margin-left: 8px
}

.form-address-country, .form-address-line input {
    width: 100%
}

.page-section li[data-type=control_button] {
    padding: 0;
    margin: 0;
    background-color: transparent
}

.jf-form-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3em;
    width: auto;
    min-width: 128px;
    color: #2c3345;
    font-size: 1em;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid;
    cursor: pointer;
    font-weight: 500
}

    .jf-form-buttons:not(.form-pagebreak-back) {
        margin-left: 10px
    }

.badge-wrapper {
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 14px 20px;
    background: rgba(229,231,242,.25);
    border-top: 1px solid #e5e7f2
}

.accessibility-badge-wrapper, .badge-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.hipaa-badge-wrapper + .accessibility-badge-wrapper {
    margin-left: 14px;
    padding-left: 10px;
    border-left: 1px solid #e5e7f2
}

.a11y-content {
    margin-left: 4px;
    font-family: Arial,Helvetica,sans-serif
}

.a11y-title {
    color: #0e7abe;
    font-weight: 700;
    font-size: 14px
}

.a11y-subtitle {
    color: #c1bdbc;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: .03em
}

.form-buttons-wrapper, .form-submit-clear-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin: 0 -38px 10px;
    padding: 30px 52px;
    border-top: 1px solid
}

.form-buttons-left {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.form-buttons-right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

li[data-type=control_button].form-line-column .form-buttons-wrapper {
    padding: 27px 44px
}

.form-line[data-type=control_button][paypal-button-status=show] .form-submit-button:not(.form-sacl-button) {
    display: none !important
}

li[data-type=control_button] .form-buttons-wrapper .form-submit-button-img {
    background: none;
    border: none;
    box-shadow: none
}

    li[data-type=control_button] .form-buttons-wrapper .form-submit-button-img:hover {
        background: none
    }

.form-submit-clear-wrapper {
    padding: 1em 52px;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.submit-button {
    width: auto;
    min-width: 180px
}

.form-submit-clear-wrapper .form-submit-reset {
    border: 0;
    width: auto;
    height: auto;
    font-size: .875em;
    font-weight: 400;
    background-color: transparent;
    padding: 0;
    margin-left: 0
}

.form-submit-print {
    width: auto;
    min-width: 98px;
    margin-left: 0
}

    .form-submit-print img {
        display: none
    }

.form-sacl-button {
    width: auto;
    min-width: 98px
}

li[data-type=control_head] {
    list-style: none
}

.form-header {
    margin: 0;
    font-weight: 600;
    line-height: 1.45
}

.header-text {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.httar {
    text-align: right
}

.httal {
    text-align: left
}

.httac {
    text-align: center
}

.htvam {
    margin-top: auto
}

.htvam, .htvat {
    margin-bottom: auto
}

.htvab {
    margin-top: auto
}

.form-subHeader {
    font-weight: 500;
    line-height: 1.6
}

.form-header-group {
    border-bottom: 1px solid;
    padding: 14px;
    margin-top: 1.25em;
    margin-bottom: .75em
}

div.header-large {
    margin: 0 -38px;
    padding: 2.5em 52px
}

.header-large .form-header {
    font-size: 2em
}

.header-large .form-subHeader {
    font-size: 1em
}

.header-default .form-header {
    font-size: 1.25em;
    margin-bottom: 4px
}

.header-default .form-subHeader {
    font-size: .875em;
    margin-bottom: 4px
}

.header-small .form-header {
    font-size: 1.125em
}

.header-small .form-subHeader {
    font-size: .75em
}

.form-header-group[data-imagealign] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.form-header-group[data-imagealign=Right] .header-logo {
    margin-left: auto
}

.form-header-group[data-imagealign=Right] .header-text {
    margin-right: 1.25em
}

.form-header-group[data-imagealign=Left] .header-text {
    margin-left: 1.25em
}

.form-header-group[data-imagealign=Top] {
    -ms-flex-direction: column;
    flex-direction: column
}

    .form-header-group[data-imagealign=Top] .header-text {
        margin-top: 1.25em;
        width: 100%
    }

.form-header-group .header-logo img {
    max-width: none
}

body.JotFormBuilder .appContainer #app li.form-line[data-type=control_matrix].isSelected .form-matrix-column-headers, body.JotFormBuilder .appContainer #app li.form-line[data-type=control_matrix].isSelected .form-matrix-row-headers {
    padding: 12px 22px 12px 12px
}

li[data-type=control_matrix] .form-input-wide {
    overflow-x: auto
}

.form-matrix-values label.matrix-choice-label {
    padding-left: 20px;
    vertical-align: text-bottom;
    display: inline-block
}

li[data-type=control_matrix] .form-dropdown, li[data-type=control_matrix] .form-textbox {
    font-size: .875em;
    border-radius: 0;
    border-color: transparent
}

    li[data-type=control_matrix] .form-dropdown:focus, li[data-type=control_matrix] .form-dropdown:hover, li[data-type=control_matrix] .form-textbox:focus, li[data-type=control_matrix] .form-textbox:hover {
        position: relative;
        z-index: 1
    }

.form-matrix-table {
    width: 100%;
    border-spacing: 0;
    text-align: left
}

.form-matrix-headers {
    position: relative;
    font-size: .75em;
    font-weight: 500;
    padding: 12px
}

    .form-matrix-headers.form-matrix-column-headers {
        text-align: center;
        border-top: 1px solid #c3cad8
    }

.form-matrix-values {
    text-align: center;
    padding: 0;
    position: relative
}

.JotFormBuilder #stage .form-matrix-values {
    pointer-events: none
}

.form-matrix-headers, .form-matrix-values {
    border-left: 1px solid;
    border-bottom: 1px solid
}

.form-matrix-column-headers:last-child {
    border-radius: 0 4px 0 0
}

.isSelected .form-matrix-column-headers:nth-last-of-type(2) {
    border-right: 1px solid #c3cad8;
    border-radius: 0 4px 0 0
}

.form-matrix-column_0 {
    border-radius: 4px 0 0
}

    .form-matrix-column_0:last-child {
        border-radius: 4px 4px 0 0
    }

.form-matrix-table td:last-child, .form-matrix-table th:last-child {
    border-right: 1px solid
}

.form-matrix-table tr:last-child td, .form-matrix-table tr:last-child th {
    border-bottom: 1px solid
}

.form-matrix-table tr:last-child .form-matrix-row-headers {
    border-radius: 0 0 0 4px
}

.form-matrix-table tr:last-child td:last-of-type, .form-matrix-table tr:last-child td:last-of-type .form-dropdown, .form-matrix-table tr:last-child td:last-of-type .form-textbox {
    border-radius: 0 0 4px
}

.form-matrix-table tr:not([role=group]) + tr[role=group] th {
    border-top: 1px solid
}

.form-matrix-table tr:not([role=group]) + tr[role=group] .form-matrix-row-headers {
    border-radius: 4px 0 0
}

.form-matrix-table tr:not([role=group]) + tr[role=group]:last-child .form-matrix-row-headers {
    border-radius: 4px 0 0 4px
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .form-matrix-values .form-checkbox, .form-matrix-values .form-radio {
        left: calc(50% - 10px);
        top: auto
    }
}

[data-input-type=areaCode] {
    -ms-flex: 1 1 30%;
    flex: 1 1 30%
}

[data-input-type=phone] {
    -ms-flex: 1 1 70%;
    flex: 1 1 70%
}

li[data-type=control_phone] .form-sub-label-container input {
    width: 100%
}

li[data-type=control_phone] div.extended [data-input-type=countryCode], li[data-type=control_phone] div.extended [data-input-type=countryCode] + [data-input-type=areaCode] {
    -ms-flex: 1 1 20%;
    flex: 1 1 20%
}

li[data-type=control_phone] div.extended [data-input-type=phone] {
    -ms-flex: 1 1 35%;
    flex: 1 1 35%
}

.phone-separate {
    display: none
}

.form-spinner {
    position: relative;
    max-width: 100%
}

.form-spinner-button {
    width: 2.25em;
    cursor: pointer;
    position: absolute;
    top: 1px;
    height: calc(100% - 2px)
}

    .form-spinner-button:before {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .form-spinner-button.form-spinner-up {
        border-radius: 0 3px 3px 0;
        right: 1px
    }

        .form-spinner-button.form-spinner-up:before {
            content: "";
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 12.4v-5h5a.5.5 0 000-1h-5v-5a.5.5 0 00-1 0v5h-5a.5.5 0 000 1h5v5a.5.5 0 001 0z' fill='%2357647E' stroke='%2357647E' stroke-width='.5'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            width: 14px;
            height: 14px
        }

    .form-spinner-button.form-spinner-down {
        border-radius: 3px 0 0 3px;
        left: 1px
    }

        .form-spinner-button.form-spinner-down:before {
            content: "";
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 1.4h-11a.5.5 0 010-1h11a.5.5 0 010 1z' fill='%2357647E' stroke='%2357647E' stroke-width='.5'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            width: 14px;
            height: 2px
        }

.form-spinner-image {
    display: none
}

.form-spinner-input {
    -moz-appearance: textfield
}

    .form-spinner-input::-webkit-inner-spin-button, .form-spinner-input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        appearance: none;
        margin: 0
    }

    .form-spinner-input:focus, .form-spinner-input:hover {
        -moz-appearance: number-input
    }

.form-spinner-input {
    padding: 0 3.15em;
    border: 1px solid;
    text-align: center
}

    .form-spinner-input:focus, .form-spinner-input:hover {
        border: 1px solid
    }

li[data-type=control_spinner] div[data-wrapper-react=true] > div {
    max-width: 100%
}

li[data-type=control_text] {
    font-size: .9375em;
    line-height: 1.6;
    word-break: break-word
}

    li[data-type=control_text] ul li {
        list-style: disc outside
    }

.form-line-column .mce-listbox button {
    padding-right: 0
}

.signature-pad-wrapper {
    box-sizing: content-box;
    text-align: right;
    border-radius: 4px;
    max-width: 100%
}

    .signature-pad-wrapper .form-sub-label {
        text-align: left
    }

.signature-wrapper {
    max-width: 100%;
    background-color: #fff
}

    .signature-wrapper .pad {
        max-width: 100%
    }

        .signature-wrapper .pad .form-validation-error {
            box-shadow: 0 0 0 2px #ffa5a5
        }

.signature-pad-passive {
    width: 100%;
    background-color: #fff;
    border: 1px solid
}

.jSignature {
    max-width: 100%;
    overflow: hidden
}

.signature-placeholder {
    position: relative
}

    .signature-placeholder:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M74.105 8.924h1.482c-.045-1.63-1.487-2.814-3.555-2.814-2.043 0-3.61 1.168-3.61 2.923 0 1.417 1.015 2.247 2.65 2.69l1.204.328c1.089.288 1.929.646 1.929 1.551 0 .994-.95 1.65-2.257 1.65-1.183 0-2.168-.526-2.257-1.635h-1.542c.1 1.845 1.527 2.983 3.809 2.983 2.391 0 3.768-1.258 3.768-2.983 0-1.834-1.635-2.545-2.928-2.864l-.994-.258c-.796-.204-1.855-.577-1.85-1.551 0-.865.79-1.507 2.043-1.507 1.169 0 1.999.547 2.108 1.487zM77.443 16.431h1.486V8.795h-1.486v7.636zm.75-8.815c.512 0 .94-.397.94-.885 0-.487-.428-.89-.94-.89-.517 0-.94.403-.94.89s.423.886.94.886zM84.13 19.439c1.945 0 3.446-.89 3.446-2.839V8.795h-1.457v1.238h-.11c-.263-.473-.79-1.338-2.211-1.338-1.845 0-3.202 1.457-3.202 3.888 0 2.436 1.387 3.734 3.192 3.734 1.402 0 1.943-.79 2.212-1.278h.094v1.501c0 1.179-.82 1.7-1.949 1.7-1.237 0-1.72-.62-1.983-1.043l-1.278.527c.403.92 1.422 1.715 3.247 1.715zm-.014-4.355c-1.328 0-2.019-1.02-2.019-2.52 0-1.467.676-2.606 2.019-2.606 1.297 0 1.993 1.059 1.993 2.605 0 1.576-.71 2.52-1.993 2.52zM91.056 11.897c0-1.218.746-1.914 1.78-1.914 1.01 0 1.62.661 1.62 1.77v4.678h1.487v-4.857c0-1.89-1.039-2.879-2.6-2.879-1.149 0-1.9.532-2.252 1.343h-.095V8.795H89.57v7.636h1.486v-4.534zM101.761 16.431h1.536v-4.44h5.076v4.44h1.542V6.249h-1.542v4.425h-5.076V6.249h-1.536v10.182zM115.324 16.585c1.665 0 2.843-.82 3.181-2.063l-1.407-.254c-.268.721-.914 1.09-1.759 1.09-1.273 0-2.128-.826-2.168-2.298h5.429v-.527c0-2.759-1.651-3.838-3.381-3.838-2.128 0-3.53 1.621-3.53 3.968 0 2.371 1.382 3.922 3.635 3.922zm-2.148-4.638c.06-1.084.845-2.024 2.053-2.024 1.154 0 1.909.855 1.914 2.024h-3.967zM120.249 16.431h1.487v-4.663c0-1 .77-1.72 1.824-1.72.309 0 .657.054.776.089V8.715a6.07 6.07 0 00-.632-.035c-.894 0-1.66.507-1.938 1.328h-.08V8.795h-1.437v7.636zM128.64 16.585c1.665 0 2.844-.82 3.182-2.063l-1.407-.254c-.269.721-.915 1.09-1.76 1.09-1.273 0-2.128-.826-2.168-2.298h5.429v-.527c0-2.759-1.65-3.838-3.38-3.838-2.128 0-3.53 1.621-3.53 3.968 0 2.371 1.382 3.922 3.634 3.922zm-2.148-4.638c.06-1.084.845-2.024 2.054-2.024 1.153 0 1.909.855 1.914 2.024h-3.968z' fill='%238894AB'/%3E%3Cpath d='M1 38.602c11.246 3.197 22.182-.99 31.508-7.172 4.932-3.27 9.826-7.183 12.825-12.341 1.195-2.057 2.656-5.626-1.106-5.658-4.093-.034-7.14 3.662-8.668 7.022-2.19 4.819-2.268 10.526.407 15.17 2.531 4.395 6.778 6.474 11.845 5.62 5.293-.893 9.92-4.508 13.765-7.986a40.714 40.714 0 003.966-4.093c.142-.17.642-1.006.966-1.064.12-.021.298 3.643.33 3.843.288 1.79 1.191 3.806 3.305 3.867 2.69.078 4.94-2.172 6.75-3.83.61-.559 2.55-3.241 3.583-3.241.425 0 1.249 2.143 1.437 2.428 2.484 3.764 6.132 2.401 8.96-.238.52-.485 3.305-4.367 4.436-3.667.911.563 1.313 1.893 1.78 2.778.76 1.441 1.722 2.468 3.33 3.004 3.493 1.166 7.261-2.102 10.803-2.102 1.033 0 1.561.568 2.11 1.351.749 1.068 1.521 1.813 2.873 2.103 4.188.898 7.617-3.077 11.667-2.728 1.181.101 2.063 1.292 2.949 1.927 1.788 1.28 3.938 2.167 6.127 2.478 3.509.499 7.027-.162 10.447-.9 5.905-1.277 11.752-2.799 17.667-4.031' stroke='%23DFE3ED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg clip-path='url(%23clip0)' fill='%23DFE3ED'%3E%3Cpath d='M196.514 17.657L184.491 3.13a.665.665 0 00-.938-.089l-2.905 2.405a.666.666 0 00-.089.938l12.023 14.526a.664.664 0 00.451.239.666.666 0 00.488-.15l2.905-2.405a.666.666 0 00.088-.938zM181.437 9.536l-10.582 2.869a.666.666 0 00-.472.48l-4.228 16.795 7.82-6.472a3.34 3.34 0 01.815-4.137 3.337 3.337 0 014.693.442 3.338 3.338 0 01-.442 4.694 3.322 3.322 0 01-2.438.75 3.335 3.335 0 01-1.778-.721l-7.82 6.471 17.289-1.014a.668.668 0 00.561-.374l4.796-9.859-8.214-9.924z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath transform='rotate(5.386 167.573 0)' fill='%23fff' d='M167.573 0h32v32h-32z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-size: 230px;
        background-repeat: no-repeat;
        background-position: 50%
    }

.clear-pad-btn {
    display: inline-block;
    background-color: #e7effe;
    font-size: 12px;
    cursor: pointer;
    color: #57647e;
    padding: 4px 10px;
    border-radius: 4px;
    margin-top: 4px
}

.form-line[data-type=control_signature] + .form-line[data-type=control_button] {
    margin-top: 12px
}

.allowTime-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 8px;
    -ms-flex-preferred-size: calc(50% + 14px);
    flex-basis: calc(50% + 14px)
}

.date-separate {
    display: none
}

.notLiteMode .form-sub-label-container {
    max-width: 98px
}

.notLiteMode .allowTime-container {
    padding: 0
}

li[data-type=control_datetime] .form-sub-label-container {
    position: relative
}

li[data-type=control_datetime].form-line-column .form-input {
    display: inline
}

.allowTime-container > .form-sub-label-container:first-child {
    color: #57647e;
    line-height: 2.5em;
    font-size: 14px;
    width: 18px;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

li[data-type=control_datetime] .extended div + .form-sub-label-container {
    -ms-flex-preferred-size: calc(50% - 14px);
    flex-basis: calc(50% - 14px);
    width: calc(50% - 14px)
}

li[data-type=control_datetime] .hasAMPM {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

li[data-type=control_datetime] [data-wrapper-react=true].extended > div + .form-sub-label-container .form-textbox, li[data-type=control_datetime] [data-wrapper-react=true]:not(.extended) .form-textbox:not(.time-dropdown) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zM13.054 1.125h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%2357647E'/%3E%3C/svg%3E");
    background-size: 16px;
    padding-right: 36px;
    background-repeat: no-repeat;
    background-position: right 10px bottom 50%
}

    li[data-type=control_datetime] [data-wrapper-react=true].extended > div + .form-sub-label-container .form-textbox:-ms-input-placeholder, li[data-type=control_datetime] [data-wrapper-react=true]:not(.extended) .form-textbox:not(.time-dropdown):-ms-input-placeholder {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zM13.054 1.125h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%23C3CAD8'/%3E%3C/svg%3E")
    }

    li[data-type=control_datetime] [data-wrapper-react=true].extended > div + .form-sub-label-container .form-textbox:placeholder-shown, li[data-type=control_datetime] [data-wrapper-react=true]:not(.extended) .form-textbox:not(.time-dropdown):placeholder-shown {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zM13.054 1.125h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%23C3CAD8'/%3E%3C/svg%3E")
    }

li[data-type=control_datetime] .extended .allowTime-container + .form-sub-label-container, li[data-type=control_datetime] .extended > .form-sub-label-container:nth-child(3) + .form-sub-label-container {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zM13.054 1.125h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%2357647E'/%3E%3C/svg%3E");
    height: 2.5em;
    border-radius: 4px;
    background-size: 16px;
    max-width: 32px;
    min-width: 32px;
    background-repeat: no-repeat;
    background-position: right 7px bottom 50%;
    position: relative;
    margin: 0 8px
}

.time-dropdown {
    max-width: 86px
}

.newDefaultTheme-dateIcon {
    height: 2.5em;
    width: 32px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    opacity: 0
}

.extended .newDefaultTheme-dateIcon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

.calendar.popup {
    margin-left: -40px;
    margin-top: -102px;
    z-index: 100000;
    background: #fff;
    border-radius: 0 0 4px 4px
}

    .calendar.popup:before {
        border: 1px solid;
        z-index: 2;
        top: -2.375em;
        pointer-events: none;
        border-radius: 4px;
        height: calc(100% + 2.375em)
    }

    .calendar.popup:after, .calendar.popup:before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%
    }

    .calendar.popup:after {
        top: -1px;
        background-color: #c3cad8;
        height: 1px
    }

.todayButton {
    display: none
}

.calendar.popup table {
    width: 100%;
    background-color: #fff;
    border: 0;
    border-spacing: 0;
    border-radius: 0 0 4px 4px
}

.calendar-new-header {
    height: 48px;
    display: table-row;
    position: relative
}

    .calendar-new-header > * {
        position: absolute;
        width: 50%;
        height: 48px;
        text-align: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 0;
        font-size: 16px;
        font-weight: 500;
        color: #2c3345
    }

    .calendar-new-header .button {
        color: transparent !important;
        width: 24px;
        height: 24px;
        position: absolute;
        background-size: 10px;
        padding: 0;
        background-repeat: no-repeat;
        right: 4px;
        cursor: pointer
    }

    .calendar-new-header .nextMonth, .calendar-new-header .nextYear {
        top: 0;
        background-position: 50% calc(50% + 3px);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.598 5.337a.837.837 0 001.159-.02.834.834 0 000-1.179l-.667-.623-1.434-1.34L5.568.226a.837.837 0 00-1.135 0L.263 4.118c-.343.341-.35.87-.021 1.199a.832.832 0 001.155.02L5 1.974l3.598 3.362z' fill='%239FA1B8'/%3E%3C/svg%3E")
    }

    .calendar-new-header .previousMonth, .calendar-new-header .previousYear {
        bottom: 0;
        background-position: 50% calc(50% - 3px);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.403.227a.837.837 0 00-1.159.02.834.834 0 000 1.178l.667.623 1.434 1.34 2.088 1.95a.837.837 0 001.135 0l4.17-3.893c.343-.34.35-.87.021-1.198a.832.832 0 00-1.155-.02L5.002 3.588 1.402.227z' fill='%239FA1B8'/%3E%3C/svg%3E")
    }

.calendar-new-month {
    left: 0;
    border-right: 1px solid
}

.calendar-new-year {
    right: 0
}

.calendar.popup th {
    background-color: #eef3ff;
    height: 48px;
    border: 0;
    color: #2e69ff;
    font-size: 12px;
    font-weight: 500
}

.calendar.popup table tbody td {
    background: transparent;
    border-radius: 6px;
    font-size: 12px;
    box-shadow: inset 0 0 0 4px #fff;
    text-align: center;
    color: #2c3345;
    padding: 12px 8px;
    position: relative;
    z-index: 1
}

    .calendar.popup table tbody td:after {
        position: absolute;
        left: 5px;
        content: "";
        top: 5px;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        background: #fff;
        border: 1px solid transparent;
        z-index: -1;
        border-radius: 4px
    }

.calendar tr.days td:hover:not(.unselectable):after {
    border-color: #2e69ff
}

.calendar tr.days td.otherDay {
    color: #73758c
}

.calendar tr.days td:hover:not(.unselectable) {
    color: #2e69ff
}

.calendar.popup tr.days td.selected {
    color: #fff
}

    .calendar.popup tr.days td.selected:after {
        background-color: #2e69ff
    }

.calendar.popup tr.days td.today:not(.selected) {
    color: #2e69ff
}

    .calendar.popup tr.days td.today:not(.selected):after {
        border-color: #2e69ff
    }

.calendar.popup.extended {
    margin-top: -90px;
    max-width: 400px
}

    .calendar.popup.extended:before {
        height: 100%;
        top: 0
    }

.form-number-input {
    min-width: 100%;
    -moz-appearance: textfield
}

    .form-number-input::-webkit-inner-spin-button, .form-number-input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        appearance: none;
        margin: 0
    }

    .form-number-input:focus, .form-number-input:hover {
        -moz-appearance: number-input
    }

.inputContainer {
    height: 132px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.jfUpload-heading.forMobile {
    display: none
}

.jfUpload-heading.forDesktop {
    display: block
}

.fileupload-input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    font-size: 0
}

li[data-type=control_fileupload] .qq-uploader {
    position: relative
}

li[data-type=control_fileupload] .form-label {
    word-break: break-word
}

li[data-type=control_fileupload] .qq-upload-button {
    border: 1px dashed;
    border-radius: 4px;
    height: 132px;
    font-size: 18px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 600;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    word-break: break-word;
    overflow-x: scroll
}

    li[data-type=control_fileupload] .qq-upload-button:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='39' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.375 12.188C31.5 5.688 26 .874 19.375.874 13.687.875 8.75 4.438 6.937 9.813 2.875 10.687 0 14.186 0 18.374c0 4.563 3.563 8.375 8.125 8.75h23.813c3.812-.375 6.812-3.625 6.812-7.5 0-3.688-2.75-6.875-6.375-7.438zm-6.313 3.5c-.125.124-.25.187-.437.187s-.313-.063-.438-.188L20 10.5v12.25c0 .375-.25.625-.625.625s-.625-.25-.625-.625V10.5l-5.188 5.188c-.25.25-.624.25-.874 0s-.25-.626 0-.876l6.25-6.25c.062-.062.125-.124.187-.124.125-.063.313-.063.5 0 .063.062.125.062.188.124l6.25 6.25c.25.25.25.626 0 .876z' fill='%23B3BCCD'/%3E%3C/svg%3E");
        content: "";
        width: 39px;
        height: 28px;
        margin-bottom: 16px;
        background-repeat: no-repeat
    }

li[data-type=control_fileupload] .qq-upload-button-focus {
    border-style: solid
}

li[data-type=control_fileupload] .jfUpload-heading {
    font-size: 14px;
    color: #57647e;
    font-weight: 400;
    margin-top: 6px
}

li[data-type=control_fileupload] .inputContainer:focus {
    border-style: solid;
    border-width: 1px
}

li[data-type=control_fileupload] .qq-upload-list {
    padding: 0;
    list-style: none
}

    li[data-type=control_fileupload] .qq-upload-list > li {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        display: -ms-flexbox;
        display: flex;
        font-weight: 500
    }

        li[data-type=control_fileupload] .qq-upload-list > li + li {
            margin-top: 10px
        }

        li[data-type=control_fileupload] .qq-upload-list > li:first-child {
            margin-top: 16px
        }

li[data-type=control_fileupload] .qq-upload-file {
    -ms-flex-positive: 1;
    flex-grow: 1;
    word-wrap: break-all;
    overflow: hidden
}

li[data-type=control_fileupload] .qq-upload-failed-text {
    background-color: #edf3ff;
    border: 2px solid #dae6ff;
    padding: 0 10px;
    border-radius: 0 4px 4px 0;
    position: relative;
    line-height: 36px;
    display: none
}

    li[data-type=control_fileupload] .qq-upload-failed-text:before {
        content: "";
        width: 4px;
        position: absolute;
        left: -5px;
        top: -2px;
        height: calc(100% + 4px)
    }

li[data-type=control_fileupload] .qq-upload-size {
    padding: 0 10px;
    margin-left: auto;
    border-radius: 0 4px 4px 0
}

li[data-type=control_fileupload] .qq-upload-img-container {
    padding: 8px;
    border-radius: 4px 0 0 4px
}

    li[data-type=control_fileupload] .qq-upload-img-container > img {
        display: block;
        object-position: center;
        object-fit: cover;
        width: 26px;
        border-radius: 4px;
        border: 1px solid;
        height: 26px
    }

li[data-type=control_fileupload] .qq-upload-list > li:not(.qq-upload-success) .qq-upload-file {
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 40px;
    white-space: nowrap
}

li[data-type=control_fileupload] .qq-upload-list > li.qq-upload-success > span.qq-upload-file:first-child {
    border-radius: 4px 0 0 4px;
    padding-left: 10px
}

li[data-type=control_fileupload] .qq-upload-delete {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3 3.775v.196l-.001 10.342c0 .972-.677 1.684-1.604 1.685-2.048.003-4.097.003-6.145 0-.927 0-1.602-.713-1.603-1.686V3.775h9.352zm-7.004 2.44v7.337h1.325c.208 0 .221 0 .222-.198V6.452c0-.043.013-.092-.004-.125-.02-.044-.064-.106-.099-.107-.477-.007-.954-.004-1.444-.004zm4.654 0H6.628c-.21 0-.224 0-.225.195v7.13H7.95V6.215zM0 2.797V.938h.215c.942 0 1.883.004 2.825-.006a.428.428 0 00.277-.131c.208-.217.395-.462.6-.682A.354.354 0 014.15.006c.983-.008 1.967-.008 2.95 0 .078 0 .172.05.231.113.206.22.392.465.6.682.071.074.184.13.278.131.936.01 1.872.006 2.807.006h.228v1.859H0z' fill='%2357647E'/%3E%3C/svg%3E");
    width: 32px;
    border-radius: 4px;
    background-size: 12px;
    background-position: 50%;
    margin-left: 10px;
    background-repeat: no-repeat;
    color: transparent;
    cursor: pointer
}

    li[data-type=control_fileupload] .qq-upload-delete:focus, li[data-type=control_fileupload] .qq-upload-delete:hover {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3 3.775v.196l-.001 10.342c0 .972-.677 1.684-1.604 1.685-2.048.003-4.097.003-6.145 0-.927 0-1.602-.713-1.603-1.686V3.775h9.352zm-7.004 2.44v7.337h1.325c.208 0 .221 0 .222-.198V6.452c0-.043.013-.092-.004-.125-.02-.044-.064-.106-.099-.107-.477-.007-.954-.004-1.444-.004zm4.654 0H6.628c-.21 0-.224 0-.225.195v7.13H7.95V6.215zM0 2.797V.938h.215c.942 0 1.883.004 2.825-.006a.428.428 0 00.277-.131c.208-.217.395-.462.6-.682A.354.354 0 014.15.006c.983-.008 1.967-.008 2.95 0 .078 0 .172.05.231.113.206.22.392.465.6.682.071.074.184.13.278.131.936.01 1.872.006 2.807.006h.228v1.859H0z' fill='%23F23A3C'/%3E%3C/svg%3E")
    }

li[data-type=control_fileupload] .qq-upload-cancel {
    text-decoration: none
}

li[data-type=control_fileupload] .qq-upload-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding-top: 56px;
    font-weight: 600;
    border: 1px dashed #c3cad8;
    background-color: #fbfcff;
    display: none;
    text-align: center;
    border-radius: 4px;
    height: 132px;
    font-size: 18px
}

.form-sub-label-container[data-input-type=suffix] {
    max-width: 90px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

li[data-type=control_fullname] .form-label-extended {
    text-align: left
}

li[data-type=control_fullname].lineAlignment-Auto-Top .form-label.form-label-auto {
    text-align: left !important
}

li[data-type=control_fullname] .form-sub-label-container {
    min-width: 0
}

.page-section li[data-type=control_pagebreak] {
    padding: 0;
    margin: 0
}

.form-pagebreak-back-container {
    margin-right: auto
}

    .form-pagebreak-back-container button.form-sacl-button {
        margin-left: 10px
    }

.form-pagebreak {
    margin: 0 -38px;
    padding: 28px 52px;
    border-top: 1px solid
}

    .form-pagebreak, .form-pagebreak > div {
        display: -ms-flexbox;
        display: flex
    }

        .form-pagebreak > div.form-pagebreak-next-container {
            -ms-flex-order: 2;
            order: 2
        }

        .form-pagebreak > div.form-pagebreak-save-container {
            -ms-flex-order: 1;
            order: 1
        }

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .form-buttons-wrapper, .form-pagebreak {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .form-pagebreak-back-container {
        margin-right: 0
    }
}

li[data-type=control_scale] .form-sub-label-container {
    overflow: visible
}

.rating-item-group, li[data-type=control_scale] .form-sub-label-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form-scale-table {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: -6px
}

.rating-item > label:after, .rating-item > label:before {
    display: none
}

.rating-item > label {
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    border: 1px solid;
    font-size: .75em;
    border-radius: 50%;
    font-weight: 500;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0
}

.rating-item-title {
    font-size: .75em;
    width: 100%;
    text-align: center;
    margin-top: 6px
}

.rating-item {
    margin: 1em 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 40px
}

    .rating-item .rating-item-title {
        cursor: text;
        text-align: right;
        word-break: break-word;
        width: 100px;
        white-space: normal;
        -ms-flex-item-align: end;
        align-self: flex-end;
        position: relative;
        z-index: 9
    }

    .rating-item:not(:last-child) {
        margin-right: 24px
    }

    .rating-item:first-child .rating-item-title {
        -ms-flex-item-align: start;
        align-self: flex-start;
        text-align: left
    }

.until-wrapper {
    line-height: 2.5em;
    color: #57647e;
    font-size: 14px;
    overflow: auto;
    margin-right: 8px;
    max-width: 40px
}

    .until-wrapper .form-sub-label {
        word-break: normal
    }

.until-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

li[data-type=control_time] .form-sub-label-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1
}

.time-wrapper {
    margin-right: 8px
}

.form-line[data-payment=true] .form-label-top.search-enabled.category-enabled {
    padding-right: 320px
}

.form-line[data-payment=true] .p_item_separator {
    margin: 8px 0 8px 35px !important
}

.form-line[data-payment=true] span.form-product-item {
    display: block;
    margin: 0 -16px;
    width: calc(100% + 32px)
}

    .form-line[data-payment=true] span.form-product-item .form-product-item-detail {
        padding: 16px
    }

    .form-line[data-payment=true] span.form-product-item .form-product-container span[data-wrapper-react=true] {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-line[data-payment=true] span.form-product-item .form-product-container select.form-dropdown {
        background-position: right 8px bottom 50% !important
    }

    .form-line[data-payment=true] span.form-product-item .form-product-container .title_description .form-product-name {
        padding-bottom: 4px
    }

    .form-line[data-payment=true] span.form-product-item .form-product-container .form-product-description {
        font-size: 14px
    }

    .form-line[data-payment=true] span.form-product-item .form-product-container .form-special-subtotal {
        right: 0;
        bottom: -10px !important
    }

    .form-line[data-payment=true] span.form-product-item .form-product-container .form-product-details > b > span[data-wrapper-react=true] {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: inherit;
        flex-direction: inherit
    }

    .form-line[data-payment=true] span.form-product-item .form-sub-label-container label.form-sub-label {
        margin-top: 0;
        height: 34px !important;
        float: left;
        line-height: 34px !important;
        padding-right: 8px
    }

    .form-line[data-payment=true] span.form-product-item .form-sub-label-container .form-product-custom_quantity {
        min-width: auto;
        height: 34px !important;
        border-radius: 3px !important
    }

    .form-line[data-payment=true] span.form-product-item .form-sub-label-container span.select_cont {
        padding-right: 0 !important
    }

        .form-line[data-payment=true] span.form-product-item .form-sub-label-container span.select_cont select.form-dropdown {
            padding-right: 24px !important;
            height: 34px;
            min-width: 52px
        }

.form-line[data-payment=true] label.category-enabled + div .filter-container .option input[type=checkbox] {
    top: 8px !important
}

.form-line[data-payment=true] label.category-enabled + div .filter-container .select-content {
    padding: 2px 8px !important
}

.form-line[data-payment=true] .filter-container {
    top: -57px;
    min-width: 320px
}

    .form-line[data-payment=true] .filter-container input#productSearch-input {
        height: 40px;
        border-radius: 4px;
        line-height: 32px;
        background-position: right 12px center;
        width: 154px
    }

    .form-line[data-payment=true] .filter-container #payment-category-dropdown {
        min-width: 154px
    }

        .form-line[data-payment=true] .filter-container #payment-category-dropdown .select-area {
            height: 40px;
            border-radius: 4px;
            line-height: 38px;
            width: 154px
        }

            .form-line[data-payment=true] .filter-container #payment-category-dropdown .select-area .selected-values {
                width: 134px
            }

        .form-line[data-payment=true] .filter-container #payment-category-dropdown .select-content {
            min-width: 154px;
            max-width: 236px;
            top: 40px;
            border-radius: 4px;
            cursor: pointer
        }

.form-line[data-payment=true].card-2col span.form-product-item .form-special-subtotal {
    bottom: 7px !important;
    right: 7px !important;
    top: auto
}

.form-line[data-payment=true].card-2col span.form-product-item .form-sub-label-container label.form-sub-label {
    float: none;
    padding: 10px 0 6px
}

.form-line[data-payment=true].card-3col span.form-product-item .form-special-subtotal {
    bottom: 7px !important;
    right: 7px !important;
    top: auto
}

.form-line[data-payment=true].card-3col span.form-product-item .form-sub-label-container label.form-sub-label {
    float: none;
    padding: 10px 0 6px
}

.form-line[data-payment=true] .payment_footer .form-payment-price > span[data-wrapper-react=true] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: inherit;
    flex-direction: inherit
}

.form-line[data-type=control_square] .payment-form-table span.form-sub-label-container iframe {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    height: 2.5em;
    font-size: 1em;
    border-radius: 4px;
    padding: .625em .625em 0
}

.form-address-table.payment-form-table input[type=number] {
    -moz-appearance: textfield
}

    .form-address-table.payment-form-table input[type=number]::-webkit-inner-spin-button, .form-address-table.payment-form-table input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

.form-address-table.payment-form-table .paymentTypeRadios + label .paypalpro_img {
    height: 26px;
    width: 40px;
    background: url(https://cdn.jotfor.ms/images/credit-card-logo.png);
    background-size: 180px !important
}

    .form-address-table.payment-form-table .paymentTypeRadios + label .paypalpro_img.paypalpro_mc {
        background-position: -47px 0 !important
    }

    .form-address-table.payment-form-table .paymentTypeRadios + label .paypalpro_img.paypalpro_amex {
        background-position: -94px 0 !important
    }

    .form-address-table.payment-form-table .paymentTypeRadios + label .paypalpro_img.paypalpro_dc {
        background-position: -141px 0 !important
    }

li[data-payment=true] .form-address-table.payment-form-table .form-sub-label-container > div {
    width: 100% !important;
    height: 40px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    padding-top: 10px
}

li[data-type=control_braintree] .form-address-table.payment-form-table .form-sub-label-container > div {
    border: 1px solid #b8bdc9;
    box-sizing: border-box;
    padding-top: 2px;
    padding-left: 10px
}

.donation_cont .form-input-wide {
    position: relative
}

    .donation_cont .form-input-wide span.form-sub-label-container {
        position: relative;
        display: block
    }

        .donation_cont .form-input-wide span.form-sub-label-container .donation_currency {
            position: absolute;
            width: 46px;
            text-align: right;
            right: 10px !important;
            top: 10px
        }

li[data-type=control_paymentmethods] {
    margin: 12px 14px
}

    li[data-type=control_paymentmethods] #paypal-credit-card-fields {
        padding-top: 16px
    }

    li[data-type=control_paymentmethods] .form-input, li[data-type=control_paymentmethods] tbody, li[data-type=control_paymentmethods] tr {
        width: 100%
    }

        li[data-type=control_paymentmethods] tr:not(:last-child) {
            margin: 0 0 6px
        }

    li[data-type=control_paymentmethods] td, li[data-type=control_paymentmethods] tr {
        display: -ms-flexbox;
        display: flex
    }

        li[data-type=control_paymentmethods] td + td {
            margin-left: 24px
        }

    li[data-type=control_paymentmethods] .form-textbox {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

        li[data-type=control_paymentmethods] .form-textbox span {
            color: #8894ab
        }

    li[data-type=control_paymentmethods] .form-sub-label {
        margin-top: 6px !important
    }

    li[data-type=control_paymentmethods] #paypal-credit-card-fields, li[data-type=control_paymentmethods] #paypal-spb-area {
        display: none
    }

div[render-paypal-type=paypal-smart-buttons] {
    margin-top: 20px;
    text-align: center;
    padding: 20px;
    background-color: rgba(0,0,0,.04);
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 14px
}

.paypal-toggle-content[render-paypal-type=paypal-card-fields] #paypal-credit-card-fields, .paypal-toggle-content[render-paypal-type=paypal-smart-buttons] #paypal-spb-area {
    display: block
}

#paypal-card-fields, #paypal-smart-buttons {
    margin-bottom: 10px;
    min-width: 26px
}

    #paypal-smart-buttons .payment-method-container {
        height: 26px;
        padding-top: 3px
    }

    #paypal-card-fields label {
        padding-left: 56px;
        background-repeat: no-repeat;
        background-position: left 32px center;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='17' height='11' rx='1.5' stroke='%232C3345'/%3E%3Cpath d='M.5 4h17' stroke='%232C3345' stroke-width='2'/%3E%3Cpath d='M3 8.5a.5.5 0 000 1v-1zm2 1a.5.5 0 000-1v1zm-2 0h2v-1H3v1zM6.5 8.5a.5.5 0 000 1v-1zm1 1a.5.5 0 000-1v1zm-1 0h1v-1h-1v1z' fill='%232C3345'/%3E%3C/svg%3E")
    }

#paypal-commerce-platform-container {
    width: 100%
}

.paypal-toggle div:nth-child(2) {
    background-image: url(https://cdn.jotfor.ms/assets/img/payments/PG-PP.svg);
    background-position: left 32px center;
    background-size: 72px;
    background-repeat: no-repeat
}

.question-wrapper div.payment_alert {
    background-size: 32px;
    padding: 16px 16px 16px 72px;
    background-repeat: no-repeat;
    background-position: left 20px center;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 8px;
    border: 0;
    max-width: 100%;
    width: 100%;
    transition: all 1s ease-in-out
}

    .question-wrapper div.payment_alert a {
        color: #1dbb72;
        font-weight: 600;
        cursor: pointer
    }

    .question-wrapper div.payment_alert ul {
        margin: 0;
        padding: 0 0 4px;
        min-height: auto
    }

        .question-wrapper div.payment_alert ul li {
            margin-left: 16px;
            line-height: 18px
        }

    .question-wrapper div.payment_alert.wizard {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNy43IDM0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MXtmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBkPSJNMzEuNiAzNEg2LjFDMy44IDM0IDIgMzIuMSAyIDI5LjhWNC4yQzIgMS45IDMuOCAwIDYuMSAwaDI1LjRjMi4zIDAgNC4yIDEuOSA0LjIgNC4ydjI1LjdjMCAyLjItMS44IDQuMS00LjEgNC4xeiIgZmlsbD0iIzY3ODNhMCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMi43IDE0LjlsLTMgMy0xLjgtMi4xLTEuMSAxIDIuOCAzLjEgNC4xLTR6TTEyLjcgNy4ybC0zIDMtMS44LTIuMS0xLjEuOSAyLjggMy4yIDQuMS00ek0xMC45IDI2LjVIOWMtLjQgMC0uNy0uMy0uNy0uN3YtMmMtLjEtLjQuMy0uOC43LS44aDJjLjQgMCAuNy4zLjcuN3YyYzAgLjQtLjQuOC0uOC44ek0yOS4yIDExLjRoLTExYy0uNSAwLS44LS40LS44LS44VjguOGMwLS41LjQtLjguOC0uOGgxMWMuNCAwIC44LjMuOC44djEuOGMwIC41LS40LjgtLjguOHpNMjkuMiAxOC45aC0xMWMtLjUgMC0uOC0uNC0uOC0uOHYtMS44YzAtLjUuNC0uOC44LS44aDExYy41IDAgLjguNC44Ljh2MS44YzAgLjUtLjQuOC0uOC44ek0yOS4yIDI2LjVoLTExYy0uNSAwLS44LS40LS44LS44di0xLjhjMC0uNS40LS44LjgtLjhoMTFjLjUgMCAuOC40LjguOHYxLjhjMCAuNC0uNC44LS44Ljh6Ii8+PC9zdmc+");
        background-color: #f3f7fc;
        color: #7d8caa;
        background-position: left 20px top 19px
    }

    .question-wrapper div.payment_alert.low {
        background-image: url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM3LjcxIDMzLjk4Ij48cGF0aCBkPSJNMTQuNTUgMi40OEwuNjcgMjYuNTJBNSA1IDAgMDA1IDM0aDI3LjczQTUgNSAwIDAwMzcgMjYuNTJsLTEzLjg4LTI0YTUgNSAwIDAwLTguNTctLjA0eiIgZmlsbD0iIzY3ODNhMCIvPjxwYXRoIGQ9Ik0xNy4yNiAyNmExLjUyIDEuNTIgMCAwMS40Mi0xLjEgMS42MiAxLjYyIDAgMDExLjE3LS40MyAxLjU5IDEuNTkgMCAwMTEuMTcuNDMgMS42IDEuNiAwIDAxMCAyLjE2IDEuNjEgMS42MSAwIDAxLTEuMTkuNDIgMS41OSAxLjU5IDAgMDEtMS4xOC0uNDIgMS40NiAxLjQ2IDAgMDEtLjM5LTEuMDZ6TTIwIDIyLjM4aC0yLjRsLS4yNi0xMS45MWgzeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
        background-color: #f3f7fc;
        color: #7d8caa
    }

    .question-wrapper div.payment_alert.mid {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNy43IDM0Ij48cGF0aCBkPSJNMTQuNiAyLjVMLjcgMjYuNUMtLjcgMjguOS4yIDMyIDIuNiAzMy4zYy43LjUgMS41LjcgMi40LjdoMjcuN2MyLjggMCA1LTIuMyA0LjktNS4xIDAtLjgtLjItMS43LS43LTIuNEwyMyAyLjVDMjEuNi4xIDE4LjUtLjcgMTYuMS44Yy0uNS40LTEuMSAxLTEuNSAxLjd6IiBmaWxsPSIjZmJiMDNiIi8+PHBhdGggZD0iTTE3LjMgMjZjMC0uNC4xLS44LjQtMS4xLjMtLjMuNy0uNCAxLjItLjQuNCAwIC45LjEgMS4yLjQuNi42LjYgMS41IDAgMi4yLS4zLjMtLjguNC0xLjIuNC0uNCAwLS45LS4xLTEuMi0uNC0uMy0uMy0uNS0uNy0uNC0xLjF6bTIuNy0zLjZoLTIuNGwtLjMtMTEuOWgzTDIwIDIyLjR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
        background-color: #fcf0e5;
        color: #c69c6d
    }

        .question-wrapper div.payment_alert.mid a {
            color: #cc821f;
            font-weight: 600;
            text-decoration: underline
        }

    .question-wrapper div.payment_alert.high {
        background-image: url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM3LjcxIDMzLjk4Ij48cGF0aCBkPSJNMTQuNTUgMi40OEwuNjcgMjYuNTJBNSA1IDAgMDA1IDM0aDI3LjczQTUgNSAwIDAwMzcgMjYuNTJsLTEzLjg4LTI0YTUgNSAwIDAwLTguNTctLjA0eiIgZmlsbD0iI2UyOWM5YyIvPjxwYXRoIGQ9Ik0xNy4yNiAyNmExLjUyIDEuNTIgMCAwMS40Mi0xLjEgMS42MiAxLjYyIDAgMDExLjE3LS40MyAxLjU5IDEuNTkgMCAwMTEuMTcuNDMgMS42IDEuNiAwIDAxMCAyLjE2IDEuNjEgMS42MSAwIDAxLTEuMTkuNDIgMS41OSAxLjU5IDAgMDEtMS4xOC0uNDIgMS40NiAxLjQ2IDAgMDEtLjM5LTEuMDZ6TTIwIDIyLjM4aC0yLjRsLS4yNi0xMS45MWgzeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
        background-color: #fff0f0;
        color: #a06d6d
    }

        .question-wrapper div.payment_alert.high a {
            color: #bb1d1d;
            font-weight: 600
        }

@media screen and (max-width:768px) {
    .form-line[data-payment=true] span.form-product-item .form-product-container .form-special-subtotal {
        right: 8px;
        bottom: 6px !important
    }
}

@media screen and (max-width:480px) {
    .form-line[data-payment=true] span.form-product-item .form-product-container .form-special-subtotal {
        right: 8px;
        bottom: 6px !important
    }

    .form-line[data-payment=true] .filter-container {
        max-width: auto
    }

    .question-wrapper div.payment_alert {
        padding: 12px 12px 12px 46px;
        background-position: left 12px top 12px;
        background-size: 20px
    }

    li[data-type=control_stripe] tbody {
        width: 100%
    }

        li[data-type=control_stripe] tbody tr {
            display: -ms-flexbox;
            display: flex
        }

    li[data-type=control_paymentmethods] td + td {
        margin-left: 8px
    }
}

.payment-form-table td label {
    padding-left: 4px
}

li[data-type=control_stripe] .payment-form-table td {
    display: inline-block
}

.form-captcha {
    width: 160px;
    padding: 6px;
    background: #f5f5f5;
    border-radius: 4px
}

    .form-captcha .form-captcha-image {
        border: 1px solid #ababab;
        border-radius: 4px
    }

    .form-captcha .form-textbox {
        min-width: 100px;
        display: inline-block
    }

    .form-captcha div img {
        width: 16px
    }

.form-collapse-table {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 60px;
    color: #2c3345;
    width: 100%;
    padding: 1.25em;
    border-radius: .25em;
    cursor: pointer;
    font-weight: 600;
    margin: 0;
    border: 0;
    box-shadow: none
}

    .form-collapse-table, .form-collapse-table:hover {
        background-color: rgba(195,202,216,.3)
    }

        .form-collapse-table:after {
            content: "";
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath d='M256 0C114.51 0 0 114.5 0 256c0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256C512 114.51 397.5 0 256 0zm124.3 218.2L269.47 360.3a17.08 17.08 0 01-26.92 0L131.7 218.2c-8.72-11.16-.76-27.56 13.45-27.56h221.7c14.21 0 22.16 16.4 13.46 27.57z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23C3CAD880'/%3E%3C/svg%3E");
            position: absolute;
            background-size: 28px;
            width: 28px;
            height: 28px;
            right: 20px
        }

.form-section {
    margin: 12px 4px
}

.form-section-closed {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    transition: .2s ease-in;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 10px 0;
    margin: 12px 4px
}

    .form-section-closed .form-line-error {
        visibility: hidden
    }

    .form-section-closed:last-child {
        margin-bottom: 2em
    }

    .form-section-closed .form-collapse-table:after {
        transform: rotate(90deg)
    }

ul.form-section:not(.page-section) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 12px 0;
    list-style: none
}

    ul.form-section:not(.page-section) .form-collapse-table:after {
        transition: transform .2s ease-in-out
    }

li[data-type=control_collapse] {
    list-style-type: none
}

.form-collapse-hidden, .form-collapse-right {
    display: none
}

.form-collapse-mid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

    .form-collapse-mid img {
        margin-right: 1em
    }

.form-star-rating, li[data-type=control_rating] > .form-input-wide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form-star-rating {
    width: 100%
}

    .form-star-rating .form-star-rating-star {
        width: 32px;
        height: 30px
    }

        .form-star-rating .form-star-rating-star:not(:last-child) {
            margin-right: 24px
        }

.form-line .form-description {
    position: absolute;
    transform: translateY(-100%);
    right: 10px;
    max-width: 200px;
    color: #fff;
    background-color: #687988;
    border-radius: 4px;
    font-size: 11px;
    line-height: 13px;
    padding: 5px 6px;
    overflow-y: auto
}

    .form-line .form-description::-webkit-scrollbar {
        width: 6px;
        border-radius: 20px;
        background-color: #586673
    }

    .form-line .form-description::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background-color: #8599a8
    }

.form-line:not(.form-line-column) .form-input-wide[data-layout=half] + .form-description {
    right: calc(50% + 15px)
}

.divider {
    border-bottom: 1px solid;
    height: 1px;
    margin: 5px 0
}

li[data-type=control_inline] {
    font-size: .9375em
}

.jf-brandingWrapper {
    position: absolute;
    width: 100%
}

    .jf-brandingWrapper .jf-branding {
        text-align: right
    }

.buttonWithClear, .buttonWithoutClear {
    position: relative;
    width: 100%
}

    .buttonWithClear .jf-brandingWrapper {
        bottom: 58px
    }

    .buttonWithoutClear .jf-brandingWrapper {
        bottom: 12px
    }

.lineAlignment-Right .buttonWithoutClear .jf-brandingWrapper {
    right: 25px
}

.lineAlignment-Left .buttonWithoutClear .jf-brandingWrapper {
    left: 25px
}

.submitBrandingWrapper .jf-branding {
    width: 100%;
    text-align: center
}

.formFooter-heightMask {
    height: 56px
}

.formFooter {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 .875em;
    background-color: #414247;
    z-index: 2
}

.formFooter, .formFooter-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

    .formFooter-wrapper.formFooter-leftSide {
        margin-right: auto
    }

.formFooter-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.formFooter-logo {
    display: -ms-flexbox;
    display: flex;
    max-width: 132px
}

.formFooter-rightSide {
    margin-left: .5em
}

    .formFooter-rightSide .formFooter-text {
        color: #bfbfbf;
        font-size: .75em;
        margin-right: .9375em
    }

.formFooter-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 200px;
    padding: .625em 0;
    border-radius: 3px;
    font-size: .875em;
    transition: background-color .3s
}

.branding21.formFooter {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    background-color: #0a1551
}

    .branding21.formFooter .formFooter-logo {
        height: 44px
    }

    .branding21.formFooter .formFooter-text {
        color: #f3f3fe
    }

    .branding21.formFooter .formFooter-button {
        background-color: #78bb07;
        border-color: #78bb07
    }

body {
    font-family: Inter,sans-serif;
    font-size: 16px;
    background-color: #f3f3fe;
    color: #2c3345
}

.form-all {
    border-radius: 3px;
    box-shadow: 0 4px 4px rgba(87,100,126,.21);
    background-color: #fff;
    max-width: 752px
}

.form-line {
    margin-top: 12px;
    margin-bottom: 12px
}

.ndt-test-env .form-line {
    margin-top: 6px;
    margin-bottom: 6px
}

.form-line-active {
    background-color: #f1f5ff
}

.form-line-error {
    background-color: #ffeded
}

.form-label {
    color: #2c3345
}

.form-required {
    color: #f23a3c
}

.form-sub-label {
    color: #57647e
}

.form-dropdown, .form-textarea, .form-textbox, .signature-wrapper {
    background-color: #fff;
    border-color: #b8bdc9;
    color: #2c3345
}

    .form-dropdown:hover, .form-textarea:hover, .form-textbox:hover, .signature-wrapper:hover {
        border-color: rgba(46,105,255,.5);
        box-shadow: 0 0 0 2px rgba(46,105,255,.25)
    }

    .form-dropdown:focus, .form-textarea:focus, .form-textbox:focus, .signature-wrapper:focus {
        border-color: #2e69ff;
        box-shadow: 0 0 0 3px rgba(46,105,255,.25)
    }

.form-checkbox + label:before, .form-checkbox + span:before, .form-radio + label:before, .form-radio + span:before {
    background-color: #fff;
    border-color: #b8bdc9
}

.form-checkbox:hover + label:before, .form-checkbox:hover + span:before, .form-radio:hover + label:before, .form-radio:hover + span:before {
    border-color: rgba(46,105,255,.5);
    box-shadow: 0 0 0 2px rgba(46,105,255,.25)
}

.form-checkbox:focus + label:before, .form-checkbox:focus + span:before, .form-radio:focus + label:before, .form-radio:focus + span:before {
    border-color: #2e69ff;
    box-shadow: 0 0 0 3px rgba(46,105,255,.25)
}

.form-radio + label:after, .form-radio + span:after {
    background-color: #2e69ff
}

.form-radio + label, .form-radio + span {
    color: #2c3345
}

.form-radio:checked + span label:before {
    border-color: #2e69ff
}

.form-radio:checked + span div:after, .form-radio:checked + span label:after {
    background-color: #2e69ff
}

.form-checkbox:checked + label:before, .form-checkbox:checked + span:before, .form-checkbox:checked + span label:before {
    border-color: #2e69ff;
    background-color: #2e69ff
}

.form-line-error .form-validation-error {
    border-color: #f23a3c
}

    .form-line-error .form-validation-error:hover {
        border-color: #fe8e92;
        box-shadow: 0 0 0 2px #ffa5a5
    }

    .form-line-error .form-validation-error:focus {
        border-color: #f23a3c;
        box-shadow: 0 0 0 3px #ffa5a5
    }

.form-line-error .form-checkbox:not(:checked) + label:before, .form-line-error .form-radio:not(:checked) + label:before {
    border-color: #f23a3c
}

.form-line-error .form-checkbox:not(:checked):hover + label:before, .form-line-error .form-radio:not(:checked):hover + label:before {
    border-color: #fe8e92;
    box-shadow: 0 0 0 2px #ffa5a5
}

.form-line-error .form-checkbox:not(:checked):focus + label:before, .form-line-error .form-radio:not(:checked):focus + label:before {
    border-color: #f23a3c;
    box-shadow: 0 0 0 3px #ffa5a5
}

.jf-form-buttons {
    border-color: #c3cad8
}

.form-buttons-wrapper, .form-pagebreak, .form-submit-clear-wrapper {
    border-color: #e5e7f2
}

.form-pagebreak-back {
    background-color: #e5e7f2;
    border-color: #e5e7f2
}

    .form-pagebreak-back.button-hidden {
        display: none
    }

    .form-pagebreak-back:hover {
        background-color: #ced0da
    }

.form-pagebreak-next {
    background-color: #2e69ff;
    border-color: #2e69ff;
    color: #fff
}

    .form-pagebreak-next.button-hidden {
        display: none
    }

    .form-pagebreak-next:hover {
        background-color: #295fe6
    }

.form-sacl-button, .form-submit-print {
    border-color: #c3cad8;
    background-color: #fff
}

    .form-sacl-button:hover, .form-submit-print:hover {
        background-color: #c3cad8
    }

.formFooter-button, .submit-button {
    background-color: #18bd5b;
    border-color: #18bd5b;
    color: #fff
}

    .formFooter-button:hover, .submit-button:hover {
        background-color: #16aa52
    }

.form-submit-reset {
    color: #57647e;
    background: transparent;
    border: none;
    text-shadow: none;
    box-shadow: none;
    text-decoration: underline
}

.form-header {
    color: #2c3345;
    word-break: break-word
}

.form-subHeader {
    color: #57647e;
    word-break: break-word
}

.divider, .form-header-group {
    border-color: #ededf1
}

.header-large {
    border-color: #d7d8e1
}

.form-matrix-column-headers, .form-matrix-row-headers {
    background-color: #e5eaf4
}

.form-matrix-column-headers, .form-matrix-table td, .form-matrix-table td:last-child, .form-matrix-table th, .form-matrix-table th:last-child, .form-matrix-table tr:last-child td, .form-matrix-table tr:last-child th, .form-matrix-table tr:not([role=group]) + tr[role=group] th {
    border-color: #c3cad8
}

.form-matrix-values {
    background-color: #fff
}

li[data-type=control_fileupload] .qq-upload-button {
    background-color: #fbfcff;
    color: #2c3345
}

li[data-type=control_fileupload] .qq-upload-cancel, li[data-type=control_fileupload] .qq-upload-failed-text:before, li[data-type=control_fileupload] .qq-upload-file, li[data-type=control_fileupload] .qq-upload-img-container, li[data-type=control_fileupload] .qq-upload-size {
    background-color: #dae6ff
}

    li[data-type=control_fileupload] .qq-upload-img-container > img {
        border-color: #b5c2db
    }

li[data-type=control_fileupload] .qq-upload-delete {
    background-color: #dce5f6
}

li[data-type=control_fileupload] .qq-upload-cancel {
    color: #2c3345
}

.rating-item label {
    color: #8894ab;
    background-color: transparent
}

.rating-item-titles {
    color: #57647e
}

.form-line-error .rating-item label {
    border-color: #f23a3c;
    color: #fe8e92
}

.rating-item input:focus + label, .rating-item input:hover + label {
    background-color: #e1e9ff;
    color: #2e69ff;
    border-color: #2e69ff
}

.rating-item input:checked + label {
    background-color: #2e69ff;
    color: #fff;
    border-color: #2e69ff
}

.form-spinner-button-container > * {
    background-color: #f4f4f7
}

.form-spinner-button-container > :before {
    color: #57647e
}

.form-spinner-button-container > :hover:before {
    color: #2e69ff
}

li[data-type=control_datetime] .extended .allowTime-container + .form-sub-label-container, li[data-type=control_datetime] .extended > .form-sub-label-container:nth-child(3) + .form-sub-label-container {
    background-color: #f3f4f7
}

.form-single-column > span:not(.form-checkbox-item) {
    clear: left
}

.form-textarea-limit-indicator {
    margin-top: 8px
}

    .form-textarea-limit-indicator label + span {
        margin-left: 5px
    }

.form-dropdown[multiple], .form-dropdown[size] {
    background-image: none
}

.form-dropdown[size] {
    padding: 5px 10px 0
}

    .form-dropdown[size]::-webkit-scrollbar {
        -webkit-appearance: none;
        appearance: none;
        width: 6px
    }

    .form-dropdown[size]::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        box-shadow: 0 0 1px hsla(0,0%,100%,.5)
    }

.editDropdownTextArea .dropdownOptionsEditable {
    border-radius: 4px;
    color: #57647e;
    border: 1px solid #57647e;
    width: 310px;
    height: 73px
}

.form-submit-button-simple_red.form-pagebreak-back, .form-submit-button-simple_red.form-pagebreak-next, .form-submit-button-simple_red.submit-button {
    color: #fff;
    border: 1px solid #a60000;
    box-shadow: 0 1px 0 0 #f29d93;
    background: linear-gradient(0deg,#fe1900 0,#ce0000)
}

    .form-submit-button-simple_red.form-pagebreak-back:active, .form-submit-button-simple_red.form-pagebreak-back:hover, .form-submit-button-simple_red.form-pagebreak-next:active, .form-submit-button-simple_red.form-pagebreak-next:hover, .form-submit-button-simple_red.submit-button:active, .form-submit-button-simple_red.submit-button:hover {
        border: 1px solid #a60000;
        background: linear-gradient(0deg,#ff461d 0,#e60d00)
    }

.form-submit-button-simple_white.form-pagebreak-back, .form-submit-button-simple_white.form-pagebreak-next, .form-submit-button-simple_white.submit-button {
    color: #777;
    background: linear-gradient(0deg,#ededed 0,#dfdfdf);
    border: 1px solid #ededed
}

    .form-submit-button-simple_white.form-pagebreak-back:active, .form-submit-button-simple_white.form-pagebreak-back:hover, .form-submit-button-simple_white.form-pagebreak-next:active, .form-submit-button-simple_white.form-pagebreak-next:hover, .form-submit-button-simple_white.submit-button:active, .form-submit-button-simple_white.submit-button:hover {
        background: linear-gradient(0deg,#fafafa 0,#ebebeb)
    }

.form-submit-button-simple_grey.form-pagebreak-back, .form-submit-button-simple_grey.form-pagebreak-next, .form-submit-button-simple_grey.submit-button {
    color: #fff;
    background: linear-gradient(0deg,#888 0,#575757);
    border: 1px solid #555
}

    .form-submit-button-simple_grey.form-pagebreak-back:active, .form-submit-button-simple_grey.form-pagebreak-back:hover, .form-submit-button-simple_grey.form-pagebreak-next:active, .form-submit-button-simple_grey.form-pagebreak-next:hover, .form-submit-button-simple_grey.submit-button:active, .form-submit-button-simple_grey.submit-button:hover {
        background: linear-gradient(0deg,#989898 0,#676767)
    }

.form-submit-button-simple_black.form-pagebreak-back, .form-submit-button-simple_black.form-pagebreak-next, .form-submit-button-simple_black.submit-button {
    color: #fff;
    background: linear-gradient(0deg,#666 0,#000);
    border: 1px solid #000
}

    .form-submit-button-simple_black.form-pagebreak-back:active, .form-submit-button-simple_black.form-pagebreak-back:hover, .form-submit-button-simple_black.form-pagebreak-next:active, .form-submit-button-simple_black.form-pagebreak-next:hover, .form-submit-button-simple_black.submit-button:active, .form-submit-button-simple_black.submit-button:hover {
        background: linear-gradient(0deg,grey 0,#1a1a1a)
    }

.form-submit-button-simple_pink.form-pagebreak-back, .form-submit-button-simple_pink.form-pagebreak-next, .form-submit-button-simple_pink.submit-button {
    color: #fff;
    text-shadow: -1px -1px 0 #c70042;
    border: 1px solid #cc0447;
    box-shadow: inset 0 1px 0 0 #faafd4;
    background: linear-gradient(0deg,#ff5c92 0,#f00252)
}

    .form-submit-button-simple_pink.form-pagebreak-back:active, .form-submit-button-simple_pink.form-pagebreak-back:hover, .form-submit-button-simple_pink.form-pagebreak-next:active, .form-submit-button-simple_pink.form-pagebreak-next:hover, .form-submit-button-simple_pink.submit-button:active, .form-submit-button-simple_pink.submit-button:hover {
        background: linear-gradient(0deg,#ff5ca0 0,#ff036c)
    }

.form-submit-button-simple_rose.form-pagebreak-back, .form-submit-button-simple_rose.form-pagebreak-next, .form-submit-button-simple_rose.submit-button {
    color: #fff;
    text-shadow: -1px -1px 0 #b23d35;
    border: 1px solid #d83526;
    box-shadow: inset 0 1px 0 0 #f7c4c0;
    background: linear-gradient(0deg,#fc8d83 0,#e4685d)
}

    .form-submit-button-simple_rose.form-pagebreak-back:hover, .form-submit-button-simple_rose.form-pagebreak-next:hover, .form-submit-button-simple_rose.submit-button:hover {
        background: linear-gradient(0deg,#ffa69e 0,#ee776d)
    }

    .form-submit-button-simple_rose.form-pagebreak-back:active, .form-submit-button-simple_rose.form-pagebreak-next:active, .form-submit-button-simple_rose.submit-button:active {
        background: linear-gradient(0deg,#ee776d 0,#ffa69e)
    }

.form-submit-button-simple_blue.form-pagebreak-back, .form-submit-button-simple_blue.form-pagebreak-next, .form-submit-button-simple_blue.submit-button {
    color: #fff;
    text-shadow: -1px -1px 0 #003ea1;
    border: 1px solid #0d4aab;
    box-shadow: inset 0 1px 0 0 #97c4fe;
    background: linear-gradient(0deg,#3d94f6 0,#1e62d0)
}

    .form-submit-button-simple_blue.form-pagebreak-back:hover, .form-submit-button-simple_blue.form-pagebreak-next:hover, .form-submit-button-simple_blue.submit-button:hover {
        background: linear-gradient(0deg,#54a2f9 0,#2e7be3)
    }

    .form-submit-button-simple_blue.form-pagebreak-back:active, .form-submit-button-simple_blue.form-pagebreak-next:active, .form-submit-button-simple_blue.submit-button:active {
        background: linear-gradient(0deg,#2e7be3 0,#54a2f9)
    }

.form-submit-button-simple_carolina_blue.form-pagebreak-back, .form-submit-button-simple_carolina_blue.form-pagebreak-next, .form-submit-button-simple_carolina_blue.submit-button {
    color: #14396a;
    text-shadow: 1px 1px 0 #98d1f4;
    border: 1px solid #1e63a2;
    box-shadow: inset 0 1px 0 0 #bee3f9;
    background: linear-gradient(0deg,#63b9ee 0,#468dcf)
}

    .form-submit-button-simple_carolina_blue.form-pagebreak-back:hover, .form-submit-button-simple_carolina_blue.form-pagebreak-next:hover, .form-submit-button-simple_carolina_blue.submit-button:hover {
        background: linear-gradient(0deg,#74c4f6 0,#509cd9)
    }

    .form-submit-button-simple_carolina_blue.form-pagebreak-back:active, .form-submit-button-simple_carolina_blue.form-pagebreak-next:active, .form-submit-button-simple_carolina_blue.submit-button:active {
        background: linear-gradient(0deg,#509cd9 0,#74c4f6)
    }

.form-submit-button-simple_green.form-pagebreak-back, .form-submit-button-simple_green.form-pagebreak-next, .form-submit-button-simple_green.submit-button {
    color: #154d0c;
    text-shadow: 1px 1px 0 #aade7c;
    border: 1px solid #268a16;
    box-shadow: inset 0 1px 0 0 #c9efab;
    background: linear-gradient(0deg,#7bd82f 0,#4ea20a)
}

    .form-submit-button-simple_green.form-pagebreak-back:hover, .form-submit-button-simple_green.form-pagebreak-next:hover, .form-submit-button-simple_green.submit-button:hover {
        background: linear-gradient(0deg,#80dd32 0,#5bb215)
    }

    .form-submit-button-simple_green.form-pagebreak-back:active, .form-submit-button-simple_green.form-pagebreak-next:active, .form-submit-button-simple_green.submit-button:active {
        background: linear-gradient(0deg,#5bb215 0,#80dd32)
    }

.form-submit-button-simple_green_apple.form-pagebreak-back, .form-submit-button-simple_green_apple.form-pagebreak-next, .form-submit-button-simple_green_apple.submit-button {
    color: #fff;
    text-shadow: -1px -1px 0 #5a8200;
    border: 1px solid #5a8200;
    box-shadow: inset 0 1px 0 0 #b9e84b;
    background: linear-gradient(0deg,#96d10c 0,#6d9c01)
}

    .form-submit-button-simple_green_apple.form-pagebreak-back:hover, .form-submit-button-simple_green_apple.form-pagebreak-next:hover, .form-submit-button-simple_green_apple.submit-button:hover {
        background: linear-gradient(0deg,#9ed915 0,#78aa04)
    }

    .form-submit-button-simple_green_apple.form-pagebreak-back:active, .form-submit-button-simple_green_apple.form-pagebreak-next:active, .form-submit-button-simple_green_apple.submit-button:active {
        background: linear-gradient(0deg,#78aa04 0,#9ed915)
    }

.form-submit-button-simple_yellow.form-pagebreak-back, .form-submit-button-simple_yellow.form-pagebreak-next, .form-submit-button-simple_yellow.submit-button {
    color: #d85d00;
    text-shadow: 1px 1px 0 #ffed66;
    border: 1px solid #fa2;
    box-shadow: inset 0 1px 0 0 #fff6af;
    background: linear-gradient(0deg,#ffed64 0,#ffab23)
}

    .form-submit-button-simple_yellow.form-pagebreak-back:hover, .form-submit-button-simple_yellow.form-pagebreak-next:hover, .form-submit-button-simple_yellow.submit-button:hover {
        background: linear-gradient(0deg,#feed83 0,#ffbc34)
    }

    .form-submit-button-simple_yellow.form-pagebreak-back:active, .form-submit-button-simple_yellow.form-pagebreak-next:active, .form-submit-button-simple_yellow.submit-button:active {
        background: linear-gradient(0deg,#ffbc34 0,#feed83)
    }

.form-submit-button-simple_orange.form-pagebreak-back, .form-submit-button-simple_orange.form-pagebreak-next, .form-submit-button-simple_orange.submit-button {
    color: #fff;
    text-shadow: -1px -1px 0 #d85d00;
    border: 1px solid #d85d00;
    box-shadow: inset 0 1px 0 0 #ffcc7a;
    background: linear-gradient(0deg,#faa51a 0,#ff6c00)
}

    .form-submit-button-simple_orange.form-pagebreak-back:hover, .form-submit-button-simple_orange.form-pagebreak-next:hover, .form-submit-button-simple_orange.submit-button:hover {
        background: linear-gradient(0deg,#ffb53b 0,#fc8d0f)
    }

    .form-submit-button-simple_orange.form-pagebreak-back:active, .form-submit-button-simple_orange.form-pagebreak-next:active, .form-submit-button-simple_orange.submit-button:active {
        background: linear-gradient(0deg,#fc8d0f 0,#ffb53b)
    }

.form-submit-button-light.form-pagebreak-back, .form-submit-button-light.form-pagebreak-next, .form-submit-button-light.submit-button {
    color: #7c868d;
    text-shadow: 1px 1px 0 #fff;
    border: 1px solid #dfdfdf;
    box-shadow: inset 0 1px 0 0 #fff,0 1px 1px 0 rgba(0,0,0,.4);
    background: linear-gradient(0deg,#fafafa 0,#eaeaea)
}

    .form-submit-button-light.form-pagebreak-back:hover, .form-submit-button-light.form-pagebreak-next:hover, .form-submit-button-light.submit-button:hover {
        background: linear-gradient(0deg,#fff 0,#f4f4f4)
    }

    .form-submit-button-light.form-pagebreak-back:active, .form-submit-button-light.form-pagebreak-next:active, .form-submit-button-light.submit-button:active {
        color: #7c868d;
        box-shadow: inset 0 2px 2px 0 #c7c7c7;
        background: linear-gradient(0deg,#f0f0f0 0,#f9f9f9)
    }

.form-submit-button-light_rounded.form-pagebreak-back, .form-submit-button-light_rounded.form-pagebreak-next, .form-submit-button-light_rounded.submit-button {
    color: #7c868d;
    text-shadow: 1px 1px 0 #fff;
    border: 1px solid #dfdfdf;
    box-shadow: inset 0 1px 0 0 #fff,0 1px 1px 0 rgba(0,0,0,.4);
    background: linear-gradient(0deg,#fafafa 0,#eaeaea);
    border-radius: 30px
}

    .form-submit-button-light_rounded.form-pagebreak-back:hover, .form-submit-button-light_rounded.form-pagebreak-next:hover, .form-submit-button-light_rounded.submit-button:hover {
        background: linear-gradient(0deg,#fff 0,#f4f4f4)
    }

    .form-submit-button-light_rounded.form-pagebreak-back:active, .form-submit-button-light_rounded.form-pagebreak-next:active, .form-submit-button-light_rounded.submit-button:active {
        box-shadow: inset 0 2px 2px 0 #c7c7c7;
        background: linear-gradient(0deg,#f0f0f0 0,#f9f9f9)
    }

.form-submit-button-cool_grey.form-pagebreak-back, .form-submit-button-cool_grey.form-pagebreak-next, .form-submit-button-cool_grey.submit-button {
    color: #f9fbfd;
    text-shadow: 0 -1px 0 #414346;
    border: 1px solid #60646c;
    box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.2),0 1px 1px 0 rgba(0,0,0,.4);
    background: linear-gradient(0deg,#9799a0 0,#787b83)
}

    .form-submit-button-cool_grey.form-pagebreak-back:hover, .form-submit-button-cool_grey.form-pagebreak-next:hover, .form-submit-button-cool_grey.submit-button:hover {
        background: linear-gradient(0deg,#9799a0 0,#787b83)
    }

    .form-submit-button-cool_grey.form-pagebreak-back:active, .form-submit-button-cool_grey.form-pagebreak-next:active, .form-submit-button-cool_grey.submit-button:active {
        box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.34)
    }

.form-submit-button-cool_grey_rounded.form-pagebreak-back, .form-submit-button-cool_grey_rounded.form-pagebreak-next, .form-submit-button-cool_grey_rounded.submit-button {
    color: #f9fbfd;
    text-shadow: -1px -1px 0 #414346;
    border: 1px solid #60646c;
    box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.2),0 1px 2px 0 rgba(0,0,0,.4);
    background: linear-gradient(0deg,#9799a0 0,#787b83);
    border-radius: 30px
}

    .form-submit-button-cool_grey_rounded.form-pagebreak-back:hover, .form-submit-button-cool_grey_rounded.form-pagebreak-next:hover, .form-submit-button-cool_grey_rounded.submit-button:hover {
        background: linear-gradient(0deg,#b2b6c0 0,#84878f)
    }

    .form-submit-button-cool_grey_rounded.form-pagebreak-back:active, .form-submit-button-cool_grey_rounded.form-pagebreak-next:active, .form-submit-button-cool_grey_rounded.submit-button:active {
        box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.34);
        background: linear-gradient(0deg,#71747f 0,#60646c)
    }

.form-submit-button-carbon.form-pagebreak-back, .form-submit-button-carbon.form-pagebreak-next, .form-submit-button-carbon.submit-button {
    color: #dadee5;
    text-shadow: -1px -1px 0 #0b0b0d;
    border: 1px solid #212325;
    box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.2),0 1px 2px 0 rgba(0,0,0,.44);
    background: linear-gradient(0deg,#44494c 0,#2a2e30)
}

    .form-submit-button-carbon.form-pagebreak-back:hover, .form-submit-button-carbon.form-pagebreak-next:hover, .form-submit-button-carbon.submit-button:hover {
        background: linear-gradient(0deg,#5b6266 0,#383d40)
    }

    .form-submit-button-carbon.form-pagebreak-back:active, .form-submit-button-carbon.form-pagebreak-next:active, .form-submit-button-carbon.submit-button:active {
        box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.2);
        background: linear-gradient(0deg,#16181a 0,#323639)
    }

.form-submit-button-carbon_rounded.form-pagebreak-back, .form-submit-button-carbon_rounded.form-pagebreak-next, .form-submit-button-carbon_rounded.submit-button {
    color: #dadee5;
    text-shadow: -1px -1px 0 #0b0b0d;
    border: 1px solid #212325;
    box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.2),0 1px 2px 0 rgba(0,0,0,.44);
    background: linear-gradient(0deg,#44494c 0,#2a2e30);
    border-radius: 30px
}

    .form-submit-button-carbon_rounded.form-pagebreak-back:hover, .form-submit-button-carbon_rounded.form-pagebreak-next:hover, .form-submit-button-carbon_rounded.submit-button:hover {
        background: linear-gradient(0deg,#5b6266 0,#383d40)
    }

    .form-submit-button-carbon_rounded.form-pagebreak-back:active, .form-submit-button-carbon_rounded.form-pagebreak-next:active, .form-submit-button-carbon_rounded.submit-button:active {
        box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.2);
        background: linear-gradient(0deg,#16181a 0,#323639)
    }

.form-submit-button-blue.form-pagebreak-back, .form-submit-button-blue.form-pagebreak-next, .form-submit-button-blue.submit-button {
    text-shadow: 0 1px 0 #1e549d;
    border: 1px solid #3d7fb1;
    background: linear-gradient(0deg,#57a9eb 0,#3871c0)
}

    .form-submit-button-blue.form-pagebreak-back:hover, .form-submit-button-blue.form-pagebreak-next:hover, .form-submit-button-blue.submit-button:hover {
        background: linear-gradient(0deg,#78c3ff 0,#4c85d3)
    }

    .form-submit-button-blue.form-pagebreak-back:active, .form-submit-button-blue.form-pagebreak-next:active, .form-submit-button-blue.submit-button:active {
        background: linear-gradient(0deg,#3b6eb3 0,#4898d8);
        box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.3)
    }

.form-submit-button-black_blue.form-pagebreak-back, .form-submit-button-black_blue.form-pagebreak-next, .form-submit-button-black_blue.submit-button {
    color: #dadee5;
    text-shadow: -1px -1px 0 #000;
    border: 1px solid #000;
    box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.25),0 1px 2px 0 rgba(0,0,0,.44);
    background: linear-gradient(0deg,#2e2e2e 0,#030303)
}

    .form-submit-button-black_blue.form-pagebreak-back:hover, .form-submit-button-black_blue.form-pagebreak-next:hover, .form-submit-button-black_blue.submit-button:hover {
        text-shadow: -1px -1px 0 #000,0 0 3px rgba(51,160,255,.5);
        background: linear-gradient(0deg,#404040 0,#1a1a1a)
    }

    .form-submit-button-black_blue.form-pagebreak-back:active, .form-submit-button-black_blue.form-pagebreak-next:active, .form-submit-button-black_blue.submit-button:active {
        text-shadow: -1px -1px 0 #000;
        box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.25);
        background: linear-gradient(0deg,#030303 0,#2e2e2e)
    }

.form-submit-button-black_glass.form-pagebreak-back, .form-submit-button-black_glass.form-pagebreak-next, .form-submit-button-black_glass.submit-button {
    color: #dadee5;
    text-shadow: -1px -1px 0 #2b3034;
    border: 1px solid #2b3034;
    box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.5),0 1px 2px 0 rgba(0,0,0,.44);
    background: linear-gradient(0deg,#7f8385 0,#5c6064 50%,#4a4e51 51%,#515a66)
}

    .form-submit-button-black_glass.form-pagebreak-back:hover, .form-submit-button-black_glass.form-pagebreak-next:hover, .form-submit-button-black_glass.submit-button:hover {
        background: linear-gradient(0deg,#909598 0,#70757a 50%,#60656a 51%,#6c7889)
    }

    .form-submit-button-black_glass.form-pagebreak-back:active, .form-submit-button-black_glass.form-pagebreak-next:active, .form-submit-button-black_glass.submit-button:active {
        box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.5);
        background: linear-gradient(0deg,#717578 0,#5b5f62 50%,#4b4f53 51%,#555a5d)
    }

.form-submit-button-wood.form-pagebreak-back, .form-submit-button-wood.form-pagebreak-next, .form-submit-button-wood.submit-button {
    color: #5e2003;
    text-shadow: 1px 1px 0 #eb9b58;
    border: 1px solid #91350a;
    box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.4),0 1px 1px 0 rgba(0,0,0,.4);
    background: #c75e26;
    background-image: url(https://cdn.jotfor.ms/images/wood.png)
}

    .form-submit-button-wood.form-pagebreak-back:hover, .form-submit-button-wood.form-pagebreak-next:hover, .form-submit-button-wood.submit-button:hover {
        background: #da936e;
        background-image: url(https://cdn.jotfor.ms/images/wood-over.png)
    }

    .form-submit-button-wood.form-pagebreak-back:active, .form-submit-button-wood.form-pagebreak-next:active, .form-submit-button-wood.submit-button:active {
        background: url(https://cdn.jotfor.ms/images/wood-down.png);
        box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.34)
    }

.form-submit-button-wood_3d.form-pagebreak-back, .form-submit-button-wood_3d.form-pagebreak-next, .form-submit-button-wood_3d.submit-button {
    color: #5e2003;
    text-shadow: 1px 1px 0 #eb9b58;
    border: none;
    box-shadow: 0 4px 0 0 #91350a,0 6px 2px 1px rgba(0,0,0,.4);
    background: #c75e26;
    background-image: url(https://cdn.jotfor.ms/images/wood.png)
}

    .form-submit-button-wood_3d.form-pagebreak-back:hover, .form-submit-button-wood_3d.form-pagebreak-next:hover, .form-submit-button-wood_3d.submit-button:hover {
        color: #852d04;
        background: #da936e;
        background-image: url(https://cdn.jotfor.ms/images/wood-over.png)
    }

    .form-submit-button-wood_3d.form-pagebreak-back:active, .form-submit-button-wood_3d.form-pagebreak-next:active, .form-submit-button-wood_3d.submit-button:active {
        box-shadow: 0 2px 0 0 #91350a,0 2px 2px 1px rgba(0,0,0,.4)
    }

.form-submit-button-3d_edgy_yellow.form-pagebreak-back, .form-submit-button-3d_edgy_yellow.form-pagebreak-next, .form-submit-button-3d_edgy_yellow.submit-button {
    color: #864f0b;
    text-shadow: 0 1px 0 #ffe245;
    border: 1px solid #b8882a;
    box-shadow: inset 0 1px 1px 0 hsla(0,0%,100%,.4),inset 0 0 3px 0 hsla(0,0%,100%,.4),0 5px 0 0 #b8882a,0 9px 0 0 rgba(0,0,0,.2);
    background: #f8b838
}

    .form-submit-button-3d_edgy_yellow.form-pagebreak-back:hover, .form-submit-button-3d_edgy_yellow.form-pagebreak-next:hover, .form-submit-button-3d_edgy_yellow.submit-button:hover {
        background: #ffd842
    }

    .form-submit-button-3d_edgy_yellow.form-pagebreak-back:active, .form-submit-button-3d_edgy_yellow.form-pagebreak-next:active, .form-submit-button-3d_edgy_yellow.submit-button:active {
        color: #864f0b;
        box-shadow: inset 0 1px 1px 0 hsla(0,0%,100%,.4),inset 0 0 3px 0 hsla(0,0%,100%,.4),0 2px 0 0 #b8882a,0 4px 0 0 rgba(0,0,0,.2)
    }

.form-submit-button-denim_dark_blue.form-pagebreak-back, .form-submit-button-denim_dark_blue.form-pagebreak-next, .form-submit-button-denim_dark_blue.submit-button {
    color: #eae3d9;
    text-shadow: 0 -2px 0 #0b101d;
    border: 1px dashed #eae3d9;
    box-shadow: 0 0 0 3px #283045,0 2px 0 3px #0b101d,0 6px 3px 1px rgba(0,0,0,.4);
    background: #4d4d4d;
    background-image: url(https://cdn.jotfor.ms/images/denim.png)
}

.form-submit-button-flat_round_teal.form-pagebreak-back, .form-submit-button-flat_round_teal.form-pagebreak-next, .form-submit-button-flat_round_teal.submit-button {
    color: #e3dfd4;
    border: 2px solid #231f20;
    background: #4b6e70
}

    .form-submit-button-flat_round_teal.form-pagebreak-back:active, .form-submit-button-flat_round_teal.form-pagebreak-back:hover, .form-submit-button-flat_round_teal.form-pagebreak-next:active, .form-submit-button-flat_round_teal.form-pagebreak-next:hover, .form-submit-button-flat_round_teal.submit-button:active, .form-submit-button-flat_round_teal.submit-button:hover {
        background: #5b8486
    }

.form-submit-button-leather_black.form-pagebreak-back, .form-submit-button-leather_black.form-pagebreak-next, .form-submit-button-leather_black.submit-button {
    color: #fff;
    text-shadow: 0 2px 0 #000;
    border: 2px dashed #fff;
    box-shadow: 0 0 0 4px #262626,0 4px 0 4px #000,0 6px 3px 4px rgba(0,0,0,.4);
    background: #4d4d4d;
    background-image: url(https://cdn.jotfor.ms/images/leather.png)
}

.form-submit-button-metal_brushed.form-pagebreak-back, .form-submit-button-metal_brushed.form-pagebreak-next, .form-submit-button-metal_brushed.submit-button {
    color: #2a2a2a;
    text-shadow: 0 1px 0 #fff;
    border: 1px outset #999;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.6),inset 0 1px 0 0 hsla(0,0%,100%,.7),0 2px 4px 0 rgba(0,0,0,.4);
    background: #757575;
    background-position: 50% 50%;
    background-image: url(https://cdn.jotfor.ms/images/metal-brushed.png)
}

.form-submit-button-steel.form-pagebreak-back, .form-submit-button-steel.form-pagebreak-next, .form-submit-button-steel.submit-button {
    color: grey;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #999;
    box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.7),0 2px 4px 0 rgba(0,0,0,.4);
    background: #d4d4d4;
    background-position: 50% 50%;
    background-image: url(https://cdn.jotfor.ms/images/steel.png)
}

    .form-submit-button-steel.form-pagebreak-back:hover, .form-submit-button-steel.form-pagebreak-next:hover, .form-submit-button-steel.submit-button:hover {
        color: #555
    }

    .form-submit-button-steel.form-pagebreak-back:active, .form-submit-button-steel.form-pagebreak-next:active, .form-submit-button-steel.submit-button:active {
        color: #555;
        box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.34)
    }

.form-submit-button-3d_round_yellow.form-pagebreak-back, .form-submit-button-3d_round_yellow.form-pagebreak-next, .form-submit-button-3d_round_yellow.submit-button {
    color: #b75902;
    text-shadow: 0 1px 0 #facf73;
    border: 1px solid #ca6014;
    box-shadow: inset 0 1px 0 0 #ffdb91,0 4px 0 0 #ca6014,0 6px 2px 1px rgba(0,0,0,.3);
    background: #febd25
}

    .form-submit-button-3d_round_yellow.form-pagebreak-back:hover, .form-submit-button-3d_round_yellow.form-pagebreak-next:hover, .form-submit-button-3d_round_yellow.submit-button:hover {
        background: #ffcb40
    }

    .form-submit-button-3d_round_yellow.form-pagebreak-back:active, .form-submit-button-3d_round_yellow.form-pagebreak-next:active, .form-submit-button-3d_round_yellow.submit-button:active {
        box-shadow: inset 0 1px 0 0 #ffdb91,0 2px 0 0 #ca6014,0 2px 2px 1px rgba(0,0,0,.3)
    }

.form-submit-button-big_green.form-pagebreak-back, .form-submit-button-big_green.form-pagebreak-next, .form-submit-button-big_green.submit-button {
    color: #eaf3ba;
    text-shadow: 0 1px 0 #71802e;
    border: 3px solid #8a9c38;
    box-shadow: inset 0 0 0 2px hsla(0,0%,100%,.35),0 0 0 4px rgba(0,0,0,.1);
    background: linear-gradient(0deg,#c8db6a 0,#9fb644)
}

    .form-submit-button-big_green.form-pagebreak-back:hover, .form-submit-button-big_green.form-pagebreak-next:hover, .form-submit-button-big_green.submit-button:hover {
        background: linear-gradient(0deg,#d2e477 0,#abc04f)
    }

    .form-submit-button-big_green.form-pagebreak-back:active, .form-submit-button-big_green.form-pagebreak-next:active, .form-submit-button-big_green.submit-button:active {
        background: linear-gradient(0deg,#abc04f 0,#d2e477)
    }

.form-submit-button-book_blue1.form-pagebreak-back, .form-submit-button-book_blue1.form-pagebreak-next, .form-submit-button-book_blue1.submit-button {
    color: #fff;
    text-shadow: 0 1px 0 #2e4281;
    border: 1px solid #3d4f8b;
    box-shadow: inset 0 1px 0 0 #c8d0e4,0 2px 2px 0 rgba(0,0,0,.3);
    background: linear-gradient(0deg,#8497c4 0,#586ca5)
}

    .form-submit-button-book_blue1.form-pagebreak-back:hover, .form-submit-button-book_blue1.form-pagebreak-next:hover, .form-submit-button-book_blue1.submit-button:hover {
        background: linear-gradient(0deg,#9aacd6 0,#6f82b5)
    }

    .form-submit-button-book_blue1.form-pagebreak-back:active, .form-submit-button-book_blue1.form-pagebreak-next:active, .form-submit-button-book_blue1.submit-button:active {
        background: linear-gradient(0deg,#6f82b5 0,#9aacd6);
        box-shadow: inset 0 1px 0 0 #a5b3d5,0 1px 1px 0 rgba(0,0,0,.3)
    }

.form-submit-button-book_blue2.form-pagebreak-back, .form-submit-button-book_blue2.form-pagebreak-next, .form-submit-button-book_blue2.submit-button {
    color: #fff;
    text-shadow: 0 -1px 0 #142353;
    border: 1px solid #3d4f8b;
    box-shadow: inset 0 0 0 1px rgba(147,187,255,.3),0 2px 2px 0 rgba(0,0,0,.3);
    background: linear-gradient(0deg,#5277c8 0,#305096)
}

    .form-submit-button-book_blue2.form-pagebreak-back:hover, .form-submit-button-book_blue2.form-pagebreak-next:hover, .form-submit-button-book_blue2.submit-button:hover {
        background: linear-gradient(0deg,#6f93e1 0,#4668af)
    }

    .form-submit-button-book_blue2.form-pagebreak-back:active, .form-submit-button-book_blue2.form-pagebreak-next:active, .form-submit-button-book_blue2.submit-button:active {
        background: linear-gradient(0deg,#4668af 0,#6f93e1);
        box-shadow: inset 0 0 0 1px rgba(147,187,255,.3),0 1px 1px 0 rgba(0,0,0,.3)
    }

.form-submit-button-big_square_blue.form-pagebreak-back, .form-submit-button-big_square_blue.form-pagebreak-next, .form-submit-button-big_square_blue.submit-button {
    color: #121828;
    text-shadow: 0 1px 0 #89abd7;
    border: 1px solid #1d2031;
    box-shadow: inset 1px 1px 0 0 #a5bddf,0 2px 3px 0 rgba(0,0,0,.4);
    background: linear-gradient(0deg,#6891c9 0,#4778bd)
}

    .form-submit-button-big_square_blue.form-pagebreak-back:hover, .form-submit-button-big_square_blue.form-pagebreak-next:hover, .form-submit-button-big_square_blue.submit-button:hover {
        background: linear-gradient(0deg,#6e96d1 0,#4f80c5)
    }

    .form-submit-button-big_square_blue.form-pagebreak-back:active, .form-submit-button-big_square_blue.form-pagebreak-next:active, .form-submit-button-big_square_blue.submit-button:active {
        box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.3)
    }

.form-submit-button-push_red.form-pagebreak-back, .form-submit-button-push_red.form-pagebreak-next, .form-submit-button-push_red.submit-button {
    color: #fff;
    text-shadow: 0 -1px 0 #770900;
    border: 3px solid #911208;
    box-shadow: inset 0 1px 1px 0 #ff9a50,0 0 0 3px #c8381f;
    background: linear-gradient(0deg,#ef4c26 0,#dc4116 50%,#d02e17 51%,#b21109)
}

    .form-submit-button-push_red.form-pagebreak-back:hover, .form-submit-button-push_red.form-pagebreak-next:hover, .form-submit-button-push_red.submit-button:hover {
        background: linear-gradient(0deg,#ff6642 0,#eb481b 50%,#df371f 51%,#c11f10)
    }

    .form-submit-button-push_red.form-pagebreak-back:active, .form-submit-button-push_red.form-pagebreak-next:active, .form-submit-button-push_red.submit-button:active {
        box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.4),0 0 0 3px #c8381f
    }

.form-submit-button-big_white.form-pagebreak-back, .form-submit-button-big_white.form-pagebreak-next, .form-submit-button-big_white.submit-button {
    color: #999;
    text-shadow: 0 1px 0 #fff;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #d9d9d9,0 3px 7px 0 rgba(0,0,0,.4);
    background: linear-gradient(0deg,#e9e9e9 0,#fbfbfb)
}

    .form-submit-button-big_white.form-pagebreak-back:hover, .form-submit-button-big_white.form-pagebreak-next:hover, .form-submit-button-big_white.submit-button:hover {
        background: linear-gradient(0deg,#f2f2f2 0,#fff)
    }

    .form-submit-button-big_white.form-pagebreak-back:active, .form-submit-button-big_white.form-pagebreak-next:active, .form-submit-button-big_white.submit-button:active {
        box-shadow: 0 0 0 1px #d9d9d9,0 1px 2px 0 rgba(0,0,0,.4)
    }

div.stageContainer {
    background-color: #f3f3fe
}

.page-section li[data-type=control_button] .selectedControls + div, .page-section li[data-type=control_button] > div:first-child {
    width: 100%
}

li[data-type=control_dropdown] .form-sub-label-container > div:first-child {
    display: inline-block;
    min-width: 100%;
    max-width: 100%
}

.form-checkbox-item, .form-radio-item {
    position: relative
}

    .form-checkbox-item .btn.btn-barebone.forDeleteOption, .form-radio-item .btn.btn-barebone.forDeleteOption {
        position: absolute
    }

.emptyPlaceholderLine, .selectionGroup {
    width: 100%
}

.btn-barebone {
    margin-top: 10px
}

.form-checkbox-other + label + .forDeleteOption, .form-radio-other + label + .forDeleteOption {
    right: -26px;
    top: -14px
}

.signature-pad-passive {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M74.105 8.924h1.482c-.045-1.63-1.487-2.814-3.555-2.814-2.043 0-3.61 1.168-3.61 2.923 0 1.417 1.015 2.247 2.65 2.69l1.204.328c1.089.288 1.929.646 1.929 1.551 0 .994-.95 1.65-2.257 1.65-1.183 0-2.168-.526-2.257-1.635h-1.542c.1 1.845 1.527 2.983 3.809 2.983 2.391 0 3.768-1.258 3.768-2.983 0-1.834-1.635-2.545-2.928-2.864l-.994-.258c-.796-.204-1.855-.577-1.85-1.551 0-.865.79-1.507 2.043-1.507 1.169 0 1.999.547 2.108 1.487zM77.443 16.431h1.486V8.795h-1.486v7.636zm.75-8.815c.512 0 .94-.397.94-.885 0-.487-.428-.89-.94-.89-.517 0-.94.403-.94.89s.423.886.94.886zM84.13 19.439c1.945 0 3.446-.89 3.446-2.839V8.795h-1.457v1.238h-.11c-.263-.473-.79-1.338-2.211-1.338-1.845 0-3.202 1.457-3.202 3.888 0 2.436 1.387 3.734 3.192 3.734 1.402 0 1.943-.79 2.212-1.278h.094v1.501c0 1.179-.82 1.7-1.949 1.7-1.237 0-1.72-.62-1.983-1.043l-1.278.527c.403.92 1.422 1.715 3.247 1.715zm-.014-4.355c-1.328 0-2.019-1.02-2.019-2.52 0-1.467.676-2.606 2.019-2.606 1.297 0 1.993 1.059 1.993 2.605 0 1.576-.71 2.52-1.993 2.52zM91.056 11.897c0-1.218.746-1.914 1.78-1.914 1.01 0 1.62.661 1.62 1.77v4.678h1.487v-4.857c0-1.89-1.039-2.879-2.6-2.879-1.149 0-1.9.532-2.252 1.343h-.095V8.795H89.57v7.636h1.486v-4.534zM101.761 16.431h1.536v-4.44h5.076v4.44h1.542V6.249h-1.542v4.425h-5.076V6.249h-1.536v10.182zM115.324 16.585c1.665 0 2.843-.82 3.181-2.063l-1.407-.254c-.268.721-.914 1.09-1.759 1.09-1.273 0-2.128-.826-2.168-2.298h5.429v-.527c0-2.759-1.651-3.838-3.381-3.838-2.128 0-3.53 1.621-3.53 3.968 0 2.371 1.382 3.922 3.635 3.922zm-2.148-4.638c.06-1.084.845-2.024 2.053-2.024 1.154 0 1.909.855 1.914 2.024h-3.967zM120.249 16.431h1.487v-4.663c0-1 .77-1.72 1.824-1.72.309 0 .657.054.776.089V8.715a6.07 6.07 0 00-.632-.035c-.894 0-1.66.507-1.938 1.328h-.08V8.795h-1.437v7.636zM128.64 16.585c1.665 0 2.844-.82 3.182-2.063l-1.407-.254c-.269.721-.915 1.09-1.76 1.09-1.273 0-2.128-.826-2.168-2.298h5.429v-.527c0-2.759-1.65-3.838-3.38-3.838-2.128 0-3.53 1.621-3.53 3.968 0 2.371 1.382 3.922 3.634 3.922zm-2.148-4.638c.06-1.084.845-2.024 2.054-2.024 1.153 0 1.909.855 1.914 2.024h-3.968z' fill='%238894AB'/%3E%3Cpath d='M1 38.602c11.246 3.197 22.182-.99 31.508-7.172 4.932-3.27 9.826-7.183 12.825-12.341 1.195-2.057 2.656-5.626-1.106-5.658-4.093-.034-7.14 3.662-8.668 7.022-2.19 4.819-2.268 10.526.407 15.17 2.531 4.395 6.778 6.474 11.845 5.62 5.293-.893 9.92-4.508 13.765-7.986a40.714 40.714 0 003.966-4.093c.142-.17.642-1.006.966-1.064.12-.021.298 3.643.33 3.843.288 1.79 1.191 3.806 3.305 3.867 2.69.078 4.94-2.172 6.75-3.83.61-.559 2.55-3.241 3.583-3.241.425 0 1.249 2.143 1.437 2.428 2.484 3.764 6.132 2.401 8.96-.238.52-.485 3.305-4.367 4.436-3.667.911.563 1.313 1.893 1.78 2.778.76 1.441 1.722 2.468 3.33 3.004 3.493 1.166 7.261-2.102 10.803-2.102 1.033 0 1.561.568 2.11 1.351.749 1.068 1.521 1.813 2.873 2.103 4.188.898 7.617-3.077 11.667-2.728 1.181.101 2.063 1.292 2.949 1.927 1.788 1.28 3.938 2.167 6.127 2.478 3.509.499 7.027-.162 10.447-.9 5.905-1.277 11.752-2.799 17.667-4.031' stroke='%23DFE3ED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg clip-path='url(%23clip0)' fill='%23DFE3ED'%3E%3Cpath d='M196.514 17.657L184.491 3.13a.665.665 0 00-.938-.089l-2.905 2.405a.666.666 0 00-.089.938l12.023 14.526a.664.664 0 00.451.239.666.666 0 00.488-.15l2.905-2.405a.666.666 0 00.088-.938zM181.437 9.536l-10.582 2.869a.666.666 0 00-.472.48l-4.228 16.795 7.82-6.472a3.34 3.34 0 01.815-4.137 3.337 3.337 0 014.693.442 3.338 3.338 0 01-.442 4.694 3.322 3.322 0 01-2.438.75 3.335 3.335 0 01-1.778-.721l-7.82 6.471 17.289-1.014a.668.668 0 00.561-.374l4.796-9.859-8.214-9.924z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath transform='rotate(5.386 167.573 0)' fill='%23fff' d='M167.573 0h32v32h-32z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 230px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 4px
}

.form-captcha {
    display: block
}

.form-input {
    display: inline-block
}

li[data-type=control_fileupload] .jfField {
    width: 100%
}

li[data-type=control_fileupload] .jfUpload-container {
    display: none
}

div.question-wrapper {
    display: -ms-flexbox;
    display: flex
}

.lineAlignment-Auto-Top .question-wrapper, .lineAlignment-Top .question-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.form-line[data-type=control_email] [data-wrapper-react=true] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .05px
}

.form-textarea, .form-textbox:not(.validate[Email]), .question-wrapper .form-dropdown {
    width: 100%
}

li[data-type=control_paymentmethods] .question-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.JotFormBuilder .formCheckboxOther, .JotFormBuilder .formRadioOther {
    width: auto
}

.JotFormBuilder li[data-type=control_rating] div[data-component=rating], .JotFormBuilder li[data-type=control_scale] div[data-component=scale] label {
    pointer-events: none
}

.isBuilder .form-sub-label {
    margin-top: 0
}

    .isBuilder .form-sub-label .editorHasText, .isBuilder .form-sub-label .editorNoText > div:first-child {
        margin-top: 11px
    }

li[data-type=control_autoincrement] .question-wrapper {
    -ms-flex-align: start;
    align-items: flex-start
}

li.isSelected .question-wrapper {
    z-index: -1
}

li[data-type=control_head].isSelected .question-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.form-line-column.isSelected div#app_wizards.selectedControls {
    transform: translateX(-50%) translateY(100%);
    padding-top: 6px;
    bottom: 0;
    width: 100%;
    left: 50%;
    top: auto;
    text-align: center
}

    .form-line-column.isSelected div#app_wizards.selectedControls .btn {
        width: 36px;
        border-radius: 50%;
        padding: 0;
        margin-right: 5px;
        display: inline-block;
        margin-bottom: 0
    }

        .form-line-column.isSelected div#app_wizards.selectedControls .btn:hover span {
            position: absolute;
            bottom: -26px;
            padding: 4px 8px;
            border-radius: 4px
        }

        .form-line-column.isSelected div#app_wizards.selectedControls .btn.sc-Remove:hover span {
            background-color: #d73027;
            left: -12px
        }

        .form-line-column.isSelected div#app_wizards.selectedControls .btn.sc-Properties:hover span {
            background-color: #49515a;
            left: -20px
        }

.form-line.isSelected .dragHandle {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.548' cy='1.712' r='1.212' transform='rotate(90 14.548 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='14.548' cy='7.774' r='1.212' transform='rotate(90 14.548 7.774)' fill='%23C3CAD8'/%3E%3Ccircle cx='7.88' cy='1.712' r='1.212' transform='rotate(90 7.88 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='7.88' cy='7.774' r='1.212' transform='rotate(90 7.88 7.774)' fill='%23C3CAD8'/%3E%3Ccircle cx='1.212' cy='1.712' r='1.212' transform='rotate(90 1.212 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='1.212' cy='7.774' r='1.212' transform='rotate(90 1.212 7.774)' fill='%23C3CAD8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translate(50%,-50%) rotate(90deg)
}

    .form-line.isSelected .dragHandle .dragHandle-point {
        display: none
    }

.form-line-column.isSelected div#app_wizards.selectedControls .btn.sc-Remove:hover {
    background-color: #d73027
}

.form-line-column.isSelected div#app_wizards.selectedControls .btn:hover {
    background-color: #49515a;
    position: relative
}

.form-line-column.isSelected:not([data-type=control_widget]):not([data-type=control_signature]) .dragHandle, .form-line-column.isSelected:not([data-type=control_widget]):not([data-type=control_signature]) .dragHandle .dragHandle-point {
    display: none
}

.isBuilder .selectionGroup .form-sub-label {
    margin-top: 11px
}

.isBuilder .selectionGroup > .form-line {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.isBuilder .selectionGroup > .form-input-wide-line-fix, .isBuilder li[data-type=control_dropdown].form-line-column .form-sub-label-container > div:first-child {
    display: block
}

    .isBuilder li[data-type=control_dropdown].form-line-column .form-sub-label-container > div:first-child .form-dropdown {
        max-width: 100%
    }

.isBuilder li[data-type=control_spinner].form-line-column .form-sub-label-container > div:first-child {
    display: block
}

    .isBuilder .form-line-column .form-number-input, .isBuilder li[data-type=control_email].form-line-column .form-sub-label-container > .form-textbox, .isBuilder li[data-type=control_spinner].form-line-column .form-sub-label-container > div:first-child .form-spinner, .isBuilder li[data-type=control_textbox].form-line-column .form-sub-label-container > .form-textbox {
        max-width: 100%
    }

.selectionGroup .form-line-column.isSelected .form-sub-label {
    margin-right: 26px
}

.selectionGroup .form-line-column.isSelected .form-input-wide[data-layout=half] {
    width: 100%
}

.JotFormBuilder #stage li.form-line:not(.form-line-column)[data-type=control_dropdown]:not(.fixed-width) .form-input-wide[data-layout=half] {
    width: calc(50% - 14px)
}

.form-line-column:not([data-type=control_time]).isSelected .form-sub-label .editorHasText {
    margin-right: 26px
}

.form-line-column:not([data-type=control_time]).isSelected .form-sub-label:before {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.548' cy='1.712' r='1.212' transform='rotate(90 14.548 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='14.548' cy='7.774' r='1.212' transform='rotate(90 14.548 7.774)' fill='%23C3CAD8'/%3E%3Ccircle cx='7.88' cy='1.712' r='1.212' transform='rotate(90 7.88 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='7.88' cy='7.774' r='1.212' transform='rotate(90 7.88 7.774)' fill='%23C3CAD8'/%3E%3Ccircle cx='1.212' cy='1.712' r='1.212' transform='rotate(90 1.212 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='1.212' cy='7.774' r='1.212' transform='rotate(90 1.212 7.774)' fill='%23C3CAD8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    right: 3px;
    bottom: -7px
}

.rating-image-wrapper {
    width: 16px;
    display: inline-block;
    line-height: 1
}

.contextMenu-list .contextMenu-itemTooltip, .rightPanel .input-tooltip {
    position: absolute;
    background: #fcefd7;
    color: #50351b;
    padding: 4px 1px 5px 4px;
    border-radius: 4px;
    white-space: normal;
    font-size: 9px;
    line-height: 10px;
    width: 95px;
    top: 3px;
    right: 10px;
    text-align: left;
    font-weight: 500;
    margin-left: 10px;
    display: none
}

    .contextMenu-list .contextMenu-itemTooltip:before, .rightPanel .input-tooltip:before {
        content: "";
        position: absolute;
        width: 6px;
        height: 6px;
        background-color: #fcefd7;
        left: -3px;
        top: 44%;
        transform: rotate(45deg);
        z-index: -1
    }

.contextMenu-list .contextMenu-item-disabled .contextMenu-itemLabel, .contextMenu-list .contextMenu-item-disabled svg {
    opacity: .5
}

.contextMenu-list .contextMenu-item-disabled:hover {
    color: initial;
    height: 44px;
    background-color: transparent
}

    .contextMenu-list .contextMenu-item-disabled:hover svg {
        fill: #0293e2 !important
    }

    .contextMenu-list .contextMenu-item-disabled:hover .contextMenu-itemTooltip {
        display: block
    }

.contextMenu-list .contextMenu-item-disabled:not(.contextMenu-itemTooltip), .rightPanel .line .column {
    position: relative
}

    .rightPanel .line .column:hover .input-tooltip {
        display: block
    }

.rightPanel .input-tooltip {
    top: 35%;
    right: 50%
}

    .rightPanel .input-tooltip:before {
        z-index: 1
    }

.rightPanel .disabled-feature .flipSwitch.u-narrow {
    pointer-events: none;
    opacity: .5
}

.rightPanel div[data-element-id=buttonStyle] button {
    padding: 10px;
    border-radius: 4px
}

.ButtonStylePicker-Column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.ButtonStylePicker-Main .jf-form-buttons {
    outline: none;
    border: 0;
    width: auto;
    min-width: unset;
    padding: 10px 20px
}

    .ButtonStylePicker-Main .jf-form-buttons.form-submit-button {
        color: #fff;
        background-color: #18bd5b
    }

#buttonStyle .jf-form-buttons {
    width: auto
}

.colorScheme-list li {
    position: relative
}

    .colorScheme-list li .new-scheme-icon {
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        top: -11px;
        left: -1px;
        filter: drop-shadow(0 1px 1px rgba(0,0,0,.5))
    }

    .colorScheme-list li svg:first-of-type:not(:only-of-type) {
        top: 29px
    }

.jf-brandingWrapper {
    text-align: center
}

    .jf-brandingWrapper, .jf-brandingWrapper .jf-branding {
        margin-left: 0 !important
    }

        .jf-brandingWrapper .jf-branding:hover {
            color: orange !important
        }

.submitBrandingWrapper .jf-branding {
    margin-left: 0 !important
}

    .submitBrandingWrapper .jf-branding:hover {
        color: orange !important
    }

.form-line-column:not(.fixed-width) .form-dropdown, .form-line-column:not(.fixed-width) .form-textarea, .form-line-column:not(.fixed-width) .form-textbox {
    width: 100% !important
}

.form-line-column .form-label {
    text-align: left !important
}

.form-line .form-subHeader .editorNoText, .form-line.isNotSelected .form-sub-label .editorNoText {
    display: none !important
}

.form-line[data-type=control_checkbox] .form-checkbox-item input + span, .form-line[data-type=control_checkbox] .form-radio-item input + span, .form-line[data-type=control_radio] .form-checkbox-item input + span, .form-line[data-type=control_radio] .form-radio-item input + span {
    width: 100% !important
}

.form-line-column[data-type=control_image] .form-image {
    height: auto !important
}

.signature-pad-wrapper {
    height: 100% !important
}

li[data-type=control_textarea] .form-input-wide > div, li[data-type=control_textarea] .nicEdit-main {
    width: 100% !important
}

.cont .language-dd {
    margin: 5px
}

    .cont .language-dd .dd-placeholder {
        padding: 0 32px;
        font-size: 14px
    }

.language-dd .lang-list li {
    font-size: 12px;
    text-indent: 12px
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    z-index: 99999
}

.overlay-content {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    width: 85%;
    height: 72%
}

.isEmbeded .overlay-content, .overlay-content {
    background: #fff;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 60px 20px 20px;
    max-width: 960px;
    border-radius: 6px
}

.isEmbeded .overlay-content {
    position: relative;
    width: 86%;
    height: 60%;
    max-height: 580px;
    left: auto;
    margin: 0 auto;
    transform: translate(0);
    overflow: hidden;
    box-sizing: border-box
}

.overlay.old_ui .overlay-content {
    padding-bottom: 60px
}

.overlay-content .img-wrapper {
    position: relative;
    margin: 0 50px;
    max-width: 100%;
    -ms-flex: 1;
    flex: 1
}

    .overlay-content .img-wrapper span {
        max-width: 100%;
        max-height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        padding: unset !important
    }

.lb-next-button, .lb-prev-button {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    transform: translateY(-50%);
    color: transparent;
    cursor: pointer;
    opacity: 1;
    background-size: 16px;
    transition: opacity .15s ease;
    background-repeat: no-repeat;
    background-position: 50%
}

.lb-prev-button {
    left: -60px;
    background-image: url(https://cdn.jotfor.ms/assets/fonts/font-awesome/5.7.2/svgs/solid/chevron-left.svg)
}

.lb-next-button {
    right: -60px;
    background-image: url(https://cdn.jotfor.ms/assets/fonts/font-awesome/5.7.2/svgs/solid/chevron-right.svg)
}

.lb-close-button {
    position: absolute;
    width: 42px;
    height: 42px;
    top: 12px;
    right: 12px;
    cursor: pointer;
    color: #edeef5;
    background-color: #edeef5;
    border-radius: 50%;
    font-family: sans-serif;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
    line-height: 36px
}

    .lb-close-button:before {
        background-size: contain;
        background-position: 50%;
        content: "";
        display: block;
        width: 21px;
        height: 21px;
        position: absolute;
        left: 11px;
        top: 10px;
        opacity: .3;
        transition: .3s;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03LjY4IDcuMTVMNS4wMyA0LjVsMi42NS0yLjY1YS4zOC4zOCAwIDAwLS41My0uNTNMNC41IDMuOTcgMS44NSAxLjMyYS4zOC4zOCAwIDAwLS41My41M0wzLjk3IDQuNSAxLjMyIDcuMTVhLjM4LjM4IDAgMDAuNTMuNTNMNC41IDUuMDNsMi42NSAyLjY1YS4zOC4zOCAwIDAwLjUzLS41MyIvPjwvc3ZnPg==")
    }

    .lb-close-button:hover:before {
        opacity: .75
    }

.overlay.new_ui .overlay-content:not(.has_thumbnail) .lb-next-button, .overlay.new_ui .overlay-content:not(.has_thumbnail) .lb-prev-button, .overlay.new_ui .overlay-content:not(.has_thumbnail) ul, .overlay.old_ui .lb-next-button, .overlay.old_ui .lb-prev-button {
    display: none !important
}

.overlay .overlay-content .slider-navigation ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
    padding-left: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .overlay .overlay-content .slider-navigation ul li {
        list-style-type: none;
        -ms-flex: 0 0 72px;
        flex: 0 0 72px;
        max-width: 72px;
        width: 72px;
        height: 72px;
        min-height: 72px;
        min-width: 72px;
        border: 1px solid #eee;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        background-color: #f8f8f8;
        border-radius: 1px;
        box-sizing: border-box;
        margin: 8px;
        cursor: pointer
    }

        .overlay .overlay-content .slider-navigation ul li.selected {
            border: 3px solid #0393e2
        }

@media screen and (max-width:1024px) and (max-height:640px) {
    .overlay .overlay-content {
        padding: 20px
    }

        .overlay .overlay-content .img-wrapper span {
            background-color: transparent;
            border: none
        }
}

@media screen and (max-width:576px) and (max-height:640px) {
    .overlay-content {
        border-radius: 4px;
        max-height: 580px
    }

        .overlay-content .img-wrapper {
            margin: 0
        }

    .overlay .overlay-content .slider-navigation ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 20px 0 0;
        padding-left: 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .overlay-content .lb-next-button, .overlay-content .lb-prev-button {
        position: absolute;
        background-size: 16px;
        width: 20px;
        height: 20px
    }

    .overlay-content .lb-prev-button {
        left: 0
    }

    .overlay-content .lb-next-button {
        right: 0
    }

    .overlay-content .lb-close-button {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 15px;
        top: 6px;
        right: 6px
    }

        .overlay-content .lb-close-button:before {
            width: 14px;
            height: 14px;
            top: 7px;
            left: 7px
        }

    .overlay .overlay-content .slider-navigation ul li {
        width: 58px;
        height: 58px;
        min-height: 58px;
        min-width: 58px;
        margin: 6px;
        -ms-flex: 0 0 58px;
        flex: 0 0 58px;
        max-width: 58px
    }
}

@media screen and (max-height:640px) and (orientation:landscape) {
    .overlay-content {
        height: 80% !important
    }
}

@media screen and (max-width:768px) {
    div.form-all {
        margin: 0 auto
    }

    ul.form-section {
        margin: 0;
        padding: 0 14px
    }

    .pageLogo-mobile, ul.page-section {
        max-width: inherit
    }

    .form-header-group.hasImage {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-header-group .header-logo img {
        max-width: 100%
    }

    li[data-type=control_head] .form-header-group .header-text {
        margin-left: 0
    }

    .form-header-group[data-imagealign=Left] .header-logo, .form-header-group[data-imagealign=Right] .header-logo {
        margin: auto
    }

    .form-section div.form-header-group.header-large {
        margin: 0 -14px;
        padding: 28px
    }

    .form-header-group[data-imagealign=Right] .header-logo {
        margin-top: 10px
    }

    .form-buttons-wrapper, .form-submit-clear-wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    div.form-pagebreak-next-container.form-pagebreak-save-container {
        width: auto !important
    }

    .form-buttons-wrapper, .form-pagebreak {
        margin: 0 -14px;
        padding: 30px 14px
    }

    .form-submit-clear-wrapper {
        margin: 0 -14px;
        padding: 1em 14px
    }

    li[data-type=control_pagebreak] .form-pagebreak {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .form-line[data-type=control_birthdate] .form-input, .form-line[data-type=control_fullname] .form-input {
        width: 100%
    }

    li[data-type=control_text] table {
        width: 100% !important
    }
}

@media screen and (max-width:670px) {
    .formFooter-text {
        display: none
    }
}

@media screen and (max-width:480px) {
    div.question-wrapper {
        -ms-flex-direction: column;
        flex-direction: column
    }

    ul.form-section {
        margin: 0;
        padding: 0
    }

    .form-section div.form-header-group.header-large {
        margin: 0;
        padding: 28px 14px
    }

    label.form-label.form-label-auto, label.form-label:not(.form-label-top) {
        width: 100% !important;
        text-align: left !important;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .form-line .form-input {
        width: 100%;
        margin-top: 12px
    }

    li:not(.lineAlignment-Top)[data-type=control_widget] .form-label:not(.form-label-top) + div.form-input {
        width: 100%
    }

    .form-dropdown, .form-line-column, .form-line:not(.form-line-column) .form-input-wide[data-layout=half], .form-textarea, .form-textbox {
        width: 100% !important
    }

    .jf-form-buttons {
        min-width: 72px;
        width: auto
    }

        .jf-form-buttons.submit-button {
            min-width: 100px
        }

            .jf-form-buttons.submit-button:only-child {
                width: 100%;
                margin-left: 0;
                -ms-flex-pack: center;
                justify-content: center
            }

        .jf-form-buttons.form-sacl-button, .jf-form-buttons.form-submit-print {
            min-width: 54px
        }

    .form-buttons-wrapper, .form-pagebreak {
        padding: 30px 14px;
        margin: 0
    }

    .form-submit-clear-wrapper {
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    li[data-type=control_fullname] [data-wrapper-react=true] {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        li[data-type=control_fullname] [data-wrapper-react=true] .form-sub-label-container {
            -ms-flex: 1 1 48%;
            flex: 1 1 48%
        }

    li.form-line:not(.form-line-column)[data-type=control_fullname] .form-input-wide .form-sub-label-container:nth-child(3), li.form-line:not(.form-line-column)[data-type=control_fullname] .form-input-wide .form-sub-label-container:nth-child(5), li.form-line:not(.form-line-column)[data-type=control_fullname] .form-input .form-sub-label-container:nth-child(3), li.form-line:not(.form-line-column)[data-type=control_fullname] .form-input .form-sub-label-container:nth-child(5) {
        margin-left: 0;
        margin-top: 24px
    }

    li.form-line:not(.form-line-column)[data-type=control_fullname] .form-input-wide .form-sub-label-container:nth-child(4), li.form-line:not(.form-line-column)[data-type=control_fullname] .form-input .form-sub-label-container:nth-child(4) {
        margin-top: 24px
    }

    li.form-line:not(.form-line-column)[data-type=control_fullname] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container + .form-sub-label-container {
        margin-left: 8px
    }

    li[data-type=control_datetime] .allowTime-container {
        padding-left: 4px
    }

        li[data-type=control_datetime] .allowTime-container input {
            word-spacing: -3px
        }

        li[data-type=control_datetime] .allowTime-container .time-dropdown.form-dropdown {
            padding: 0 1.375em 0 .625em
        }

    li[data-type=control_datetime] [data-wrapper-react=true] {
        width: 100%
    }

        li[data-type=control_datetime] [data-wrapper-react=true]:not(.notLiteMode) .allowTime-container input {
            min-width: 80px
        }

    li[data-type=control_datetime] .notLiteMode .form-sub-label-container.day, li[data-type=control_datetime] .notLiteMode .form-sub-label-container.month {
        max-width: 40px
    }

    li[data-type=control_datetime] .notLiteMode .form-sub-label-container.year {
        max-width: 58px
    }

    li[data-type=control_datetime] .form-sub-label-container + .form-sub-label-container {
        margin-left: 4px
    }

    li[data-type=control_datetime] .extended div + .form-sub-label-container {
        -ms-flex: 1 1 75%;
        flex: 1 1 75%
    }

    li[data-type=control_datetime] .extended .allowTime-container + .form-sub-label-container, li[data-type=control_datetime] .extended > .form-sub-label-container:nth-child(3) + .form-sub-label-container {
        margin: 0 0 0 4px
    }

    li[data-type=control_matrix] {
        overflow-x: auto
    }

    .form-matrix-table {
        width: 100% !important
    }

    li[data-type=control_time] .form-sub-label-container {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }

    li[data-type=control_time] [data-wrapper-react=true] {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    li[data-type=control_time] .until-text {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .until-wrapper {
        width: 100%
    }

        .until-wrapper + .form-sub-label-container {
            margin-left: 0
        }

    li[data-type=control_time] .hasAMPM .form-textbox {
        width: 120px !important
    }

    .form-line .form-description {
        right: 25px !important;
        display: block !important;
        visibility: hidden
    }

        .form-line .form-description:before {
            content: "";
            position: absolute;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.05 6.5c0-.53.07-.94.2-1.25.12-.3.38-.65.76-1.01.38-.37.62-.64.72-.8.16-.23.24-.5.24-.77 0-.37-.1-.64-.28-.84-.18-.2-.44-.29-.8-.29-.33 0-.6.1-.81.29a1 1 0 00-.3.77H.35c0-.7.24-1.24.7-1.64.47-.4 1.08-.6 1.84-.6.79 0 1.4.2 1.84.59.44.4.66.95.66 1.67 0 .64-.3 1.26-.89 1.88l-.72.7c-.26.3-.4.73-.4 1.3H2.05zm-.1 1.81c0-.23.07-.41.22-.55a.8.8 0 01.58-.22c.25 0 .45.08.6.22.14.15.21.33.21.55 0 .22-.07.4-.2.54-.15.15-.35.22-.6.22-.26 0-.46-.07-.6-.22a.75.75 0 01-.2-.54z' fill='%23fff'/%3E%3C/svg%3E");
            background-color: #687988;
            width: 14px;
            height: 14px;
            right: -18px;
            background-position: 50%;
            border-radius: 50%;
            background-repeat: no-repeat;
            visibility: visible
        }

        .form-line .form-description:hover {
            visibility: visible
        }

    .error-navigation-message {
        font-size: 14px;
        line-height: 1.6em
    }

    .error-navigation-container button {
        height: 35px;
        padding: 0 15px;
        font-size: 14px
    }

    .signature-pad-passive, .signature-pad-wrapper, .signature-wrapper, .signature-wrapper .pad {
        width: 100% !important
    }

    .form-line[data-type=control_signature] + .form-line[data-type=control_button] {
        margin-top: 24px
    }

    li.form-line[data-type=control_signature]:not(.form-line-column):not(.fixed-width) .form-input-wide {
        width: 100%
    }

    .appointmentFieldWrapper[data-breakpoint=shouldBreakIntoNewLine] .appointmentCalendar, .appointmentFieldWrapper[data-breakpoint=shouldBreakIntoNewLine] .appointmentCalendarContainer, .appointmentFieldWrapper[data-breakpoint=shouldBreakIntoNewLine] .appointmentDates {
        max-width: 100%
    }

    .formFooter-heightMask {
        height: 76px
    }

    .formFooter-button {
        font-size: .75em;
        width: 170px
    }

    li[data-type=control_spinner] [data-wrapper-react=true] > div {
        width: 100%
    }

    .badge-wrapper {
        -ms-flex-pack: center;
        justify-content: center
    }

    .DayPicker {
        position: absolute;
        left: -92px;
        background-color: #fff
    }

    .form-multiple-column[data-columncount="2"] .form-checkbox-item, .form-multiple-column[data-columncount="2"] .form-radio-item, .form-multiple-column[data-columncount="3"] .form-checkbox-item, .form-multiple-column[data-columncount="3"] .form-radio-item, .form-multiple-column[data-columncount="4"] .form-checkbox-item, .form-multiple-column[data-columncount="4"] .form-radio-item, .form-multiple-column[data-columncount="5"] .form-checkbox-item, .form-multiple-column[data-columncount="5"] .form-radio-item {
        width: 100%
    }

    .form-section-closed, ul.form-section:not(.page-section) {
        padding: 10px
    }

    .jfUpload-heading.forMobile {
        display: block
    }

    .jfUpload-heading.forDesktop {
        display: none
    }

    .form-address-line + .form-address-line {
        margin-left: 8px
    }

    .rating-item:not(:last-child) {
        margin-right: .5em
    }

    .form-image {
        height: 100%
    }
}

@media screen and (max-width:375px) {
    li[data-type=control_datetime] .extended div + .form-sub-label-container {
        -ms-flex: 1 1 60%;
        flex: 1 1 60%
    }

    li[data-type=control_datetime] .allowTime-container input {
        min-width: 80px
    }
}

@media screen and (max-width:320px) {
    li[data-type=control_datetime] .form-sub-label-container {
        -ms-flex: 1;
        flex: 1
    }

    li[data-type=control_datetime] .allowTime-container {
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

        li[data-type=control_datetime] .allowTime-container.timeAMPM {
            margin-top: 16px;
            padding-left: 0
        }

    li[data-type=control_datetime] .notLiteMode .form-sub-label-container.day, li[data-type=control_datetime] .notLiteMode .form-sub-label-container.month, li[data-type=control_datetime] .notLiteMode .form-sub-label-container.year {
        max-width: 100%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%
    }

    li[data-type=control_datetime] .notLiteMode .allowTime-container {
        padding-left: 0;
        margin-top: 16px
    }

    li[data-type=control_datetime] .extended div + .form-sub-label-container {
        -ms-flex: 1 1 67%;
        flex: 1 1 67%
    }

    li[data-type=control_datetime] [data-wrapper-react=true] {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    li[data-type=control_datetime] .timeAMPM [data-wrapper-react=true] {
        width: auto
    }

    div[data-component=recaptcha] iframe {
        transform: scale(.92);
        transform-origin: left
    }
}

body[data-importedpdf=true] [data-type=control_button] [class*=form-pagebreak-] ~ .submit-button {
    min-width: 98px
}

div.appContainer.isPDFImporter #app div.footer #scrollToTopButton {
    z-index: 1
}

div.appContainer.isPDFImporter #app [data-type=control_button] .form-pagebreak {
    margin: 0;
    padding: 28px 0
}

    div.appContainer.isPDFImporter #app [data-type=control_button] .form-pagebreak .submit-button {
        min-width: 98px
    }

div.appContainer.isPDFImporter #app .PDFC {
    width: 100%
}

    div.appContainer.isPDFImporter #app .PDFC input[type=checkbox], div.appContainer.isPDFImporter #app .PDFC input[type=radio] {
        width: 20px;
        height: 20px;
        left: 0;
        top: 1px;
        margin: 0;
        opacity: 1;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        clip: auto
    }

    div.appContainer.isPDFImporter #app .PDFC input[type=checkbox] {
        border-radius: 2px
    }

    div.appContainer.isPDFImporter #app .PDFC input[type=radio] {
        border-radius: 50%
    }

    div.appContainer.isPDFImporter #app .PDFC .form-radio-item :after {
        pointer-events: none
    }

    div.appContainer.isPDFImporter #app .PDFC .form-matrix-values {
        pointer-events: auto;
        position: relative
    }

        div.appContainer.isPDFImporter #app .PDFC .form-matrix-values label {
            pointer-events: none;
            position: absolute
        }

        div.appContainer.isPDFImporter #app .PDFC .form-matrix-values input:not([type=text]):not([type=number]), div.appContainer.isPDFImporter #app .PDFC .form-matrix-values label {
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

    div.appContainer.isPDFImporter #app .PDFC .allowTime-container .form-sub-label-container:last-child {
        pointer-events: none
    }

    div.appContainer.isPDFImporter #app .PDFC .FITB input[type=checkbox], div.appContainer.isPDFImporter #app .PDFC .FITB input[type=radio] {
        left: 3px;
        top: 50%
    }

    div.appContainer.isPDFImporter #app .PDFC .question-wrapper {
        z-index: 0
    }

button.form-submit-preview {
    background: #eff1f8;
    color: #2a3963;
    display: inline-block;
    text-shadow: none;
    box-shadow: none;
    cursor: pointer;
    line-height: normal;
    border: 0;
    width: auto;
    border-radius: 5px;
    min-width: 150px;
    max-width: 100%;
    transition: all .1s ease;
    font-size: 15px
}

    button.form-submit-preview * {
        vertical-align: middle
    }

    button.form-submit-preview img {
        width: 16px;
        height: 16px;
        margin-right: 8px
    }

.rightPanel.is-v2[data-type=control_widget] .ImageWizard .fileUpload-tethered .btn {
    background-color: #18bd5b !important;
    border-radius: 4px !important;
    border-color: #18bd5b !important
}

.rightPanel.is-v2[data-type=control_widget] .ImageWizard .fileUpload-tethered .tabContent {
    padding: 0 !important;
    border: 2px dashed #fff
}

    .rightPanel.is-v2[data-type=control_widget] .ImageWizard .fileUpload-tethered .tabContent > div:first-child > div, .rightPanel.is-v2[data-type=control_widget] .ImageWizard .fileUpload-tethered .tabContent > div:last-child > div, .rightPanel.is-v2[data-type=control_widget] .ImageWizard .fileUpload-tethered .tabContent > div:nth-child(2) > div {
        padding: 8px !important
    }

    .rightPanel.is-v2[data-type=control_widget] .ImageWizard .fileUpload-tethered .tabContent > div:first-child .fileUpload {
        border: 0 !important
    }

    .rightPanel.is-v2[data-type=control_widget] .ImageWizard .fileUpload-tethered .tabContent > div:nth-child(2) > div .prevUploads-list {
        background-color: transparent !important;
        box-shadow: unset !important
    }

        .rightPanel.is-v2[data-type=control_widget] .ImageWizard .fileUpload-tethered .tabContent > div:nth-child(2) > div .prevUploads-list .prevUploads-listItem {
            max-width: calc(32% - 8px) !important;
            width: calc(33.33333% - 8px) !important;
            margin-right: 8px !important;
            margin-bottom: 8px !important;
            background-size: cover !important
        }

    .rightPanel.is-v2[data-type=control_widget] .ImageWizard .fileUpload-tethered .tabContent > div:last-child textarea {
        min-width: unset !important;
        width: 100% !important
    }

body:not(.JotFormBuilder) .form-section label.is-empty, body:not(.JotFormCardBuilder) .form-section label.is-empty {
    display: none
}

.hasFormUserAvatar {
    margin: 0
}

    .hasFormUserAvatar .form-all {
        position: relative;
        top: 70px
    }

html:lang(ar) .appointmentFieldWrapper, html:lang(ar) .badge-wrapper, html:lang(ar) .form-line[data-payment=true] div[data-wrapper-react=true], html:lang(ar) .form-matrix-table, html:lang(ar) .page-section li[data-type=control_button] {
    direction: ltr
}

html:lang(ar) .form-multiple-column, html:lang(ar) .form-single-column {
    width: auto
}

html:lang(ar) .form-star-rating .form-star-rating-star:not(:last-child), html:lang(ar) .rating-item:not(:last-child) {
    margin-left: 24px;
    margin-right: 0
}

html:lang(ar) li[data-type=control_phone] .form-sub-label-container + .form-sub-label-container {
    margin-right: 8px;
    margin-left: 0
}

html:lang(ar) .form-address-line + .form-address-line, html:lang(ar) li.form-line:not(.form-line-column)[data-type=control_fullname] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container + .form-sub-label-container {
    margin-right: 24px;
    margin-left: 0
}

html:lang(ar) .form-line[data-type=control_stripe] div#stripe-templates {
    direction: rtl;
    width: 100%
}

html:lang(ar) .form-line[data-type=control_stripe] .payment-form-table td {
    padding-left: 8px;
    padding-right: 0
}

html:lang(ar) .form-line[data-type=control_stripe] .payment-form-table th {
    text-align: right !important
}

    html:lang(ar) .form-line[data-type=control_stripe] .payment-form-table th:nth-child(2) {
        padding-left: 0 !important
    }

html:lang(ar) li[data-type=control_stripe].form-line[data-payment=true] div[data-wrapper-react=true] {
    direction: rtl
}

@media screen and (max-width:480px) {
    html:lang(ar) .form-address-line + .form-address-line, html:lang(ar) li.form-line:not(.form-line-column)[data-type=control_fullname] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container + .form-sub-label-container {
        margin-right: 8px !important;
        margin-left: 0
    }

    html:lang(ar) label.form-label.form-label-auto, html:lang(ar) label.form-label:not(.form-label-top) {
        text-align: right !important
    }
}

li[data-type=control_widget] .form-input {
    width: 100%
}

li:not(.lineAlignment-Top)[data-type=control_widget] .form-label:not(.form-label-top) + .form-input {
    width: calc(100% - 240px)
}

@media (min-width:481px) and (max-width:767px) {
    li[data-type=control_widget] label.form-label.form-label-auto, li[data-type=control_widget] label.form-label:not(.form-label-top) {
        width: 100%;
        text-align: left
    }

    li[data-type=control_widget]:not(.lineAlignment-Top) .form-label:not(.form-label-top) + .form-input {
        width: 100% !important
    }
}

.widgetsettings .close-widget-btn.btn.btn-white {
    border: 1px solid #ecedf3;
    border-radius: 4px;
    color: #2c3345;
    font-weight: 500
}

    .widgetsettings .close-widget-btn.btn.btn-white:hover {
        background-color: #f2f2f2
    }

.widgetsettings .update-widget-btn.btn-green {
    border: 1px solid #18bd5b;
    border-radius: 4px;
    background-color: #18bd5b;
    color: #fff;
    font-weight: 500
}

    .widgetsettings .update-widget-btn.btn-green:hover {
        background-color: #16aa52
    }

.progress-bar-widget, .review-before-submit-widget {
    position: relative
}

    .progress-bar-widget p:first-of-type strong, .review-before-submit-widget p:first-of-type strong {
        width: 100%;
        height: 16px;
        font-size: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        color: #2c3345;
        font-weight: 500
    }

    .progress-bar-widget p:nth-of-type(2), .review-before-submit-widget p:nth-of-type(2) {
        font-size: 11px;
        color: #936821;
        background-color: #f4d596;
        padding: 8px 37px;
        border: 1px solid #d3ba40;
        border-radius: 4px;
        margin: 0
    }

        .progress-bar-widget p:nth-of-type(2):before, .review-before-submit-widget p:nth-of-type(2):before {
            content: "";
            position: absolute;
            left: 14px;
            width: 17px;
            height: 17px;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 17'%3E%3Cpath fill='%23936821' fill-rule='evenodd' d='M8.5 17a8.5 8.5 0 110-17 8.5 8.5 0 010 17zm-1-7.1h2V3.6h-2v6.3zm1 3.1c.5 0 1-.4 1-1a1 1 0 00-2 0c0 .6.4 1 1 1z' clip-rule='evenodd'/%3E%3C/svg%3E");
            background-repeat: no-repeat
        }

.icheckbox_minimal {
    width: 20px !important;
    height: 20px !important;
    margin-left: 2px;
    background-color: #fff;
    background-image: none;
    background-position: 0 0 !important;
    border: 1px solid #c3cad8 !important;
    border-radius: 2px;
    transition: background-color .15s,border-color .15s
}

    .icheckbox_minimal.hover {
        border: 1px solid #c3cad8;
        width: 20px !important;
        height: 20px !important;
        box-shadow: 0 0 0 2px #c9d8fe
    }

    .icheckbox_minimal.checked {
        position: relative !important;
        background-image: none !important
    }

        .icheckbox_minimal.checked.hover {
            box-shadow: none !important
        }

        .icheckbox_minimal.checked:after {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.667 3L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 20px !important;
            height: 20px !important;
            background-color: #2e69ff;
            border-color: #2e69ff;
            background-size: 10px;
            background-position: 50%;
            background-repeat: no-repeat;
            pointer-events: none
        }

iframe[data-client-id="52948fb29322cd302b00000c"] {
    margin-top: 10px
}

body[data-type=terms-conditions] {
    height: 100%
}

    body[data-type=terms-conditions] #main {
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

.theme-light #_label {
    color: #dadada !important
}

#_label {
    color: #2c3345
}

    #_label #_terms {
        text-decoration: underline;
        color: #00e
    }

div#terms_conditions_modal {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(44,51,69,.904);
    z-index: 111;
    left: 0
}

    div#terms_conditions_modal iframe {
        border: 0;
        border-radius: 0;
        max-width: 752px;
        height: 50vh;
        width: 100%;
        border-bottom: 1px solid rgba(215,216,225,.452)
    }

    div#terms_conditions_modal[style*=block] {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column
    }

.terms-conditions-content {
    background-color: #fff;
    width: 100%;
    max-width: 752px;
    border-radius: 5px;
    font-family: var(--font)
}

.terms-header {
    padding: 30px 5%;
    border-bottom: 1px solid rgba(215,216,225,.452);
    position: relative
}

    .terms-header h1, .terms-header h3 {
        margin: 0
    }

    .terms-header h1 {
        font-weight: 600;
        margin-bottom: 6px;
        font-size: 20px
    }

    .terms-header h3 {
        color: #57647e;
        font-size: 14px;
        font-weight: 500
    }

button#terms_conditions_modal_cancel {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.903 22.586L17.317 16l6.586-6.586a.932.932 0 00-1.317-1.317L16 14.683 9.414 8.097a.932.932 0 00-1.317 1.317L14.683 16l-6.586 6.586a.932.932 0 001.317 1.317L16 17.317l6.586 6.586a.932.932 0 001.317-1.317z' fill='%23A8AAB5'/%3E%3C/svg%3E");
    background-size: 26px;
    background-color: #edeef5;
    border: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: transparent;
    position: absolute;
    outline: 0;
    right: 26px;
    background-repeat: no-repeat;
    background-position: 50%;
    top: 50%;
    transform: translateY(-50%)
}

#terms_conditions_modal_accept {
    background-color: #2e69ff;
    height: 48px;
    padding: 0 12px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    float: right;
    border: 0;
    color: #fff;
    margin: 20px 5% 20px 0;
    font-family: Inter,sans-serif;
    transition: .2s
}

    #terms_conditions_modal_accept:hover {
        background-color: #2a5fe7
    }

.checklist {
    border-radius: 4px
}

    .checklist label:before {
        width: 20px;
        height: 20px;
        border: 1px solid #c3cad8;
        background-color: #fff
    }

    .checklist label:after {
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.667 3L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        content: "";
        position: absolute;
        top: .8em;
        left: .75em;
        border-radius: 2px;
        background-color: #2e69ff;
        border: 1px solid #2e69ff;
        background-size: 10px;
        background-position: 50%;
        background-repeat: no-repeat;
        transition: transform .2s,opacity .2s
    }

    .checklist li.other label input[type=text] {
        border-radius: 2px;
        background-color: #fff
    }

    .checklist li:hover {
        background: none
    }

    .checklist.non-mobile li:hover label:after {
        opacity: 0
    }

#inputsContainer label {
    font-family: Inter,sans-serif;
    font-size: 16px;
    color: #2c3345;
    font-weight: 400;
    margin-right: 5px
}

#inputsContainer table, #inputsContainer tbody {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#inputsContainer .widget-inputs-wrapper {
    width: 100%
}

#inputsContainer tr {
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

#inputsContainer td, #inputsContainer th, #inputsContainer tr {
    display: -ms-flexbox;
    display: flex
}

#inputsContainer td {
    width: 100%
}

#inputsContainer input[type=text] {
    box-shadow: none;
    font-size: 1em;
    border-radius: 4px;
    border: 1px solid #c3cad8;
    display: block;
    min-width: 100%;
    height: 2.5em
}

@media screen and (max-device-width:415px) and (orientation:landscape),screen and (max-device-width:767px) and (orientation:portrait),screen and (max-width:480px) {
    .custom-field-frame {
        width: 100% !important
    }
}

iframe[data-client-id="529467003477f3512000001f"] {
    max-width: 100%
}

div[data-widget-name="Smooth Signature"] {
    overflow-x: unset !important
}

.sigNav .clearButton {
    text-decoration: none !important;
    background-color: #e7effe !important;
    font-size: 12px !important;
    cursor: pointer;
    color: #57647e !important;
    padding: 4px 10px !important;
    border-radius: 4px;
    margin-top: 4px !important;
    font-weight: 400 !important;
    bottom: unset
}

.sigWrapper {
    border-radius: 4px;
    height: calc(100% - 28px) !important
}

div.sigWrapper {
    width: 100% !important
}

.review-button-wrapper {
    -ms-flex-pack: end;
    justify-content: flex-end
}

#previewButtons {
    display: -ms-flexbox;
    display: flex;
    margin: 42px 0
}

.form-all button.preview-submission-button {
    font-family: Inter,sans-serif;
    font-size: 15px;
    background-color: #ecedf3;
    color: #2c3345;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3em;
    width: 128px;
    border-radius: 4px;
    border: 1px solid;
    cursor: pointer;
    font-weight: 500;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 0;
    text-shadow: none
}

    .form-all button.preview-submission-button#backToForm {
        margin-right: auto;
        background-color: #e5e7f2;
        border-color: #e5e7f2
    }

    .form-all button.preview-submission-button#printForm {
        background: transparent;
        border-color: #c3cad8;
        color: #2c3345
    }

    .form-all button.preview-submission-button.checkedSubmit {
        background-color: #18bd5b;
        border-color: #18bd5b;
        color: #fff
    }

    .form-all button.preview-submission-button:hover {
        box-shadow: none
    }

div.form-all .form-buttons-wrapper button.preview-submission-button {
    width: 180px;
    background-color: #e5e7f2;
    color: #2c3345;
    border: none
}

#previewContainer ul li:not(.control_head) div.label_i {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 6px
}

#previewContainer ul li:not(.control_head) div.value.border {
    font-size: 15px;
    color: #57647e;
    font-weight: 500;
    padding-left: 0
}

body[data-type=terms-scroll-widget] #action {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

    body[data-type=terms-scroll-widget] #action > input + label {
        position: relative;
        display: -ms-flexbox;
        display: flex
    }

        body[data-type=terms-scroll-widget] #action > input + label:before {
            width: 20px;
            height: 20px;
            display: -ms-flexbox;
            display: flex;
            background: none !important;
            background-color: #fff;
            background-position: 0 0 !important;
            background-image: none;
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

body[data-type=terms-scroll-widget] #scrollContent {
    font-size: 15px;
    line-height: 24px;
    display: -ms-flexbox;
    display: flex;
    color: #394258
}

body[data-type=terms-scroll-widget] input[type=checkbox]:focus + label:before {
    box-shadow: none !important;
    border-color: none !important
}

body[data-type=terms-scroll-widget] #action > input + label:hover:after {
    width: 20px;
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 0 0 2px #c9d8fe
}

body[data-type=terms-scroll-widget] #action > input:checked + label:after {
    box-shadow: none !important
}

body[data-type=terms-scroll-widget] #action > input + label:after {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.667 3L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    background-color: #2e69ff;
    border-color: #2e69ff;
    background-size: 10px;
    background-position: 50%;
    transition: background-color .15s,border-color .15s;
    transform: none;
    box-shadow: none !important;
    background-repeat: no-repeat;
    border: none !important
}

body[data-type=terms-scroll-widget] .slimScrollDiv {
    height: 100% !important;
    background: #fff;
    border: 1px solid #c3cad8;
    border-radius: 4px
}

body[data-type=terms-scroll-widget] label[for=userInput] {
    color: #2c3345;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: -ms-flexbox;
    display: flex
}

body[data-type=terms-scroll-widget] #scrollContent {
    height: 100% !important;
    border: none !important;
    height: 76vh !important
}

body[data-type=terms-scroll-widget] .required {
    color: #f23a3c;
    margin-bottom: 10px;
    font-weight: 500
}

body[data-type=terms-scroll-widget] .requiredText {
    display: none
}

iframe[data-client-id="52f8550f0019ace53000000b"] #main {
    width: 100%
}

iframe[data-client-id="52934dbf3be147110a000030"] {
    max-width: 100% !important
}

#datepicker .input-group {
    width: 100%
}

    #datepicker .input-group .input-group-addon {
        display: none
    }

    #datepicker .input-group input.form-control {
        height: 2.5em;
        border: 1px solid #c3cad8;
        color: #8894ab;
        font-weight: 500;
        border-radius: 4px;
        background-size: 16px;
        padding: 0 36px 0 10px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm-.52-5.708h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%23C3CAD8'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 10px bottom 50%
    }

.datePickerOptions {
    text-transform: uppercase;
    font-family: Inter,sans-serif;
    text-align: center;
    padding: initial !important;
    margin: 1px 0
}

    .datePickerOptions > span {
        border-radius: 4px 0 0 4px;
        min-width: 182px;
        display: inline-block;
        padding: 12px 15px !important;
        border: 1px solid #292d32
    }

        .datePickerOptions > span:checked {
            border: 1px solid #3eb7fb
        }

    .datePickerOptions:nth-of-type(2) > span, .datePickerOptions:nth-of-type(4) > span {
        border-radius: 0 4px 4px 0
    }

.progressBar-newDefaultTheme {
    border-radius: 3px 3px 0 0
}

    .progressBar-newDefaultTheme .progressBarContainer {
        height: 60px;
        padding: 0
    }

    .progressBar-newDefaultTheme .progressBarSubtitle {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 10px;
        color: #c3cad8;
        font-size: 12px
    }

    .progressBar-newDefaultTheme .progressjs-inner {
        border-radius: 3px 3px 3px 0
    }

    .progressBar-newDefaultTheme .progressjs-inner-completed {
        border-radius: 3px 3px 0 0
    }

    .progressBar-newDefaultTheme .progressjs-progress {
        z-index: 9999999;
        background: #c3cad8
    }

    .progressBar-newDefaultTheme .progressjs-theme-newDefault {
        border-radius: 3px 3px 0 0;
        height: 10px !important
    }

    .progressBar-newDefaultTheme.fixed {
        position: fixed;
        max-width: 752px;
        width: 100%;
        top: 0;
        background-color: #fff;
        z-index: 10
    }

        .progressBar-newDefaultTheme.fixed .progressBarContainer {
            box-shadow: 0 8px 18px -8px #c3cad8
        }

li[data-type=control_autoincrement] input {
    border: 1px solid #c3cad8 !important;
    color: #8894ab;
    line-height: 24px
}

.line-Alignment-Top-NDT .form-label + .form-input {
    width: 100%;
    max-width: 310px
}

.line-Alignment-Top-NDT .question-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

body[data-theme=upcoming] #takePhoto, body[data-theme=upcoming] .file_upload label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 157px;
    height: 40px;
    background: #57647e;
    border: initial;
    border-radius: 4px;
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 11px 10px 18px;
    color: #fff;
    text-shadow: none;
    box-shadow: none
}

    body[data-theme=upcoming] #takePhoto:hover, body[data-theme=upcoming] .file_upload label:hover {
        background-color: #384051
    }

    body[data-theme=upcoming] #takePhoto:before {
        content: "";
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.94 14.224a3.283 3.283 0 100-6.566 3.283 3.283 0 000 6.566z' fill='%23fff'/%3E%3Cpath d='M7.66 0L5.658 2.189h-3.47C.98 2.189 0 3.169 0 4.377V17.51c0 1.21.98 2.189 2.189 2.189h17.509c1.21 0 2.189-.98 2.189-2.189V4.377c0-1.209-.98-2.188-2.189-2.188h-3.469L14.226 0H7.66zm3.283 16.415a5.474 5.474 0 01-5.471-5.472 5.474 5.474 0 015.471-5.471 5.474 5.474 0 015.472 5.471 5.474 5.474 0 01-5.472 5.472z' fill='%23fff'/%3E%3C/svg%3E");
        width: 22px;
        height: 20px;
        margin-right: 10px
    }

    body[data-theme=upcoming] .file_upload label:before {
        content: "";
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7 0H.9C.403 0 0 .406 0 .91v18.18c0 .504.403.91.9.91h19.8c.497 0 .9-.406.9-.91V.91a.904.904 0 00-.9-.91zm-.9 1.818v10.91l-4.5-4.546-5.4 6.364-4.5-3.637-3.6 3.636V1.819h18z' fill='%23fff'/%3E%3Ccircle cx='9.199' cy='6.801' r='2' fill='%23fff'/%3E%3C/svg%3E");
        width: 22px;
        height: 20px;
        margin-right: 10px
    }

body[data-theme=upcoming] .record-status {
    padding: 0 1px;
    border-radius: 4px;
    color: #f23a3c;
    font-family: Inter,sans-serif;
    font-size: 10px
}

    body[data-theme=upcoming] .record-status .status-icon {
        width: 6px;
        height: 11px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3.872' cy='3.854' r='2.481' fill='%23F23A3C' stroke='%23fff'/%3E%3C/svg%3E");
        margin: 0;
        background-size: initial
    }

    body[data-theme=upcoming] .record-status .status-text {
        margin-left: -2px;
        padding: 1px
    }

body[data-theme=upcoming] #startbutton {
    background: initial;
    border: initial;
    margin: 0;
    box-shadow: none
}

    body[data-theme=upcoming] #startbutton #take_photo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: 157px;
        height: 40px;
        background-color: #57647e;
        border: initial;
        border-radius: 4px;
        font-family: Inter,sans-serif;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        color: #fff;
        text-shadow: none;
        box-shadow: none;
        margin-left: -35px
    }

        body[data-theme=upcoming] #startbutton #take_photo:before {
            content: "";
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.94 14.224a3.283 3.283 0 100-6.566 3.283 3.283 0 000 6.566z' fill='%23fff'/%3E%3Cpath d='M7.66 0L5.658 2.189h-3.47C.98 2.189 0 3.169 0 4.377V17.51c0 1.21.98 2.189 2.189 2.189h17.509c1.21 0 2.189-.98 2.189-2.189V4.377c0-1.209-.98-2.188-2.189-2.188h-3.469L14.226 0H7.66zm3.283 16.415a5.474 5.474 0 01-5.471-5.472 5.474 5.474 0 015.471-5.471 5.474 5.474 0 015.472 5.471 5.474 5.474 0 01-5.472 5.472z' fill='%23fff'/%3E%3C/svg%3E");
            width: 22px;
            height: 20px;
            margin-right: 10px
        }

        body[data-theme=upcoming] #startbutton #take_photo:hover {
            background-color: #384051
        }

body[data-theme=upcoming] #removebutton {
    background: initial;
    border: initial;
    margin: 0;
    box-shadow: none
}

    body[data-theme=upcoming] #removebutton #retake_photo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: 157px;
        height: 40px;
        background-color: #57647e;
        border: initial;
        border-radius: 4px;
        font-family: Inter,sans-serif;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        padding: 10px 11px 10px 12px;
        color: #fff;
        text-shadow: none;
        box-shadow: none;
        margin-left: -35px;
        -ms-flex-pack: initial;
        justify-content: normal
    }

        body[data-theme=upcoming] #removebutton #retake_photo:before {
            content: "";
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.068 2.62c1.808 0 3.446.734 4.632 1.92l-3.322 3.322h7.862V0l-2.686 2.686A9.145 9.145 0 009.068 0C4.448 0 .636 3.42 0 7.862h2.647a6.558 6.558 0 016.42-5.241zm.102 13.76a6.531 6.531 0 01-4.631-1.92l3.321-3.322H-.002V19l2.686-2.686A9.145 9.145 0 009.171 19c4.619 0 8.432-3.42 9.067-7.862h-2.647a6.558 6.558 0 01-6.42 5.241z' fill='%23fff'/%3E%3C/svg%3E");
            width: 19px;
            height: 19px
        }

        body[data-theme=upcoming] #removebutton #retake_photo:hover {
            background-color: #384051
        }

body[data-theme=upcoming] #content, body[data-theme=upcoming] #webcam {
    height: 234px !important
}

    body[data-theme=upcoming] #webcam video {
        width: 312px !important;
        height: 100% !important
    }

body[data-theme=upcoming] #photo {
    width: 312px !important;
    height: 234px !important
}

@media (orientation:landscape) {
    body[data-theme=upcoming] #photo {
        width: 168px !important;
        height: 234px !important
    }
}

body[data-theme=upcoming] #notification {
    background-color: #18bd5b;
    font-family: Inter,sans-serif;
    font-weight: 500
}

.cameraFacingOptions {
    text-transform: uppercase;
    font-family: Inter,sans-serif;
    font-weight: 400;
    text-align: center;
    padding: initial !important;
    margin: 12px 0
}

    .cameraFacingOptions > span {
        border-radius: 4px 0 0 4px;
        padding: 12px 15px !important;
        border: 1px solid #292d32;
        min-width: 85px
    }

        .cameraFacingOptions > span:checked {
            border: 1px solid #3eb7fb
        }

    .cameraFacingOptions:nth-of-type(2) > span {
        border-radius: 0 4px 4px 0
    }

.img_container_NDT {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    margin-top: 16px
}

.upload_imgContainer_NDT {
    padding: 8px;
    border-radius: 4px 0 0 4px;
    background-color: #dae6ff
}

    .upload_imgContainer_NDT > img {
        display: block;
        object-position: center;
        object-fit: cover;
        width: 26px;
        border-radius: 4px;
        height: 26px;
        border: 1px solid #b5c2db
    }

#chosen_file_name {
    background-color: #dae6ff;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    border-radius: 0 4px 4px 0;
    margin-top: 0
}

.upload_delete_icon_NDT {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3 3.775v.196l-.001 10.342c0 .972-.677 1.684-1.604 1.685-2.048.003-4.097.003-6.145 0-.927 0-1.602-.713-1.603-1.686V3.775h9.352zm-7.004 2.44v7.337h1.325c.208 0 .221 0 .222-.198V6.452c0-.043.013-.092-.004-.125-.02-.044-.064-.106-.099-.107-.477-.007-.954-.004-1.444-.004zm4.654 0H6.628c-.21 0-.224 0-.225.195v7.13H7.95V6.215zM0 2.797V.938h.215c.942 0 1.883.004 2.825-.006a.428.428 0 00.277-.131c.208-.217.395-.462.6-.682A.354.354 0 014.15.006c.983-.008 1.967-.008 2.95 0 .078 0 .172.05.231.113.206.22.392.465.6.682a.43.43 0 00.278.131c.936.01 1.872.006 2.807.006h.228v1.859H0z' fill='%2357647E'/%3E%3C/svg%3E");
    width: 32px;
    border-radius: 4px;
    background-color: #dae6ff;
    background-size: 12px;
    background-position: 50%;
    margin-left: 10px;
    margin-right: 3px;
    background-repeat: no-repeat;
    color: transparent;
    cursor: pointer
}

    .upload_delete_icon_NDT:focus, .upload_delete_icon_NDT:hover {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3 3.775v.196l-.001 10.342c0 .972-.677 1.684-1.604 1.685-2.048.003-4.097.003-6.145 0-.927 0-1.602-.713-1.603-1.686V3.775h9.352zm-7.004 2.44v7.337h1.325c.208 0 .221 0 .222-.198V6.452c0-.043.013-.092-.004-.125-.02-.044-.064-.106-.099-.107-.477-.007-.954-.004-1.444-.004zm4.654 0H6.628c-.21 0-.224 0-.225.195v7.13H7.95V6.215zM0 2.797V.938h.215c.942 0 1.883.004 2.825-.006a.428.428 0 00.277-.131c.208-.217.395-.462.6-.682A.354.354 0 014.15.006c.983-.008 1.967-.008 2.95 0 .078 0 .172.05.231.113.206.22.392.465.6.682a.43.43 0 00.278.131c.936.01 1.872.006 2.807.006h.228v1.859H0z' fill='%23F23A3C'/%3E%3C/svg%3E");
        box-shadow: 0 0 0 3px #c9d8fe
    }

.error_state_NDT {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #fad58d;
    padding: 6px 9px;
    font-size: 12px;
    line-height: 18px;
    position: relative;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #d8ba10;
    color: #9a6700;
    margin-top: 13px;
    white-space: pre-wrap;
    clear: both;
    max-width: 100%
}

    .error_state_NDT:before {
        content: "";
        width: 18px;
        height: 18px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 8px;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 17a8.5 8.5 0 110-17 8.5 8.5 0 010 17zm-.988-7.116h1.976V3.558H7.512v6.326zm.988 3.162a.995.995 0 00.988-1 .99.99 0 00-.988-.976.983.983 0 00-.988.976c0 .555.434 1 .988 1z' fill='%23936821'/%3E%3C/svg%3E")
    }

.webcamjs-ios-text {
    display: none
}

body[data-type=take-photo] .pure-button {
    height: auto
}

.dynamicField {
    border-radius: 4px;
    height: 40px
}

    .dynamicField:focus {
        background-color: #fff;
        border-color: #2e69ff !important;
        box-shadow: 0 0 0 1px #c9d8fe
    }

    .dynamicField:hover {
        border-color: #a9bff9;
        box-shadow: 0 0 0 1px #c9d8fe
    }

#main p input[type=text].dynamicField {
    width: 100% !important
}

.form-grading-item {
    margin-right: 8px
}

.form-grading-label {
    margin-top: 8px;
    display: inline-block
}

li[data-type=control_birthdate] .form-sub-label {
    margin-top: 8px
}

iframe[data-client-id="5295b800485bd19f5d000005"] {
    max-width: unset !important
}

.isBuilder iframe[data-client-id="5295b800485bd19f5d000005"] {
    pointer-events: none
}