.body {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    height: 100%;
    line-height: 30px;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #646464;
    background-color: #ffffff;
}

.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.disabled {
    opacity: .2;
    pointer-events: none
}

.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
    }
}


#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-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-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";
    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;
    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] input.conditionallyDisabled~label,
span.FITB-inptCont[data-type=signaturebox] input.conditionallyDisabled~label,
span.FITB-inptCont[data-type=textbox] input.conditionallyDisabled~label,
span.FITB-inptCont[data-type=timebox] input.conditionallyDisabled~label {
    color: #6e7d9a;
    font-size: 10px;
    left: 0;
    transform: translateY(100%)
}

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: 72px auto;
    width: 100%
}

.isEmbeddedInPortal body {
    margin: 0;
    background-color: transparent
}

.isEmbeddedInPortal .form-all {
    background-color: transparent;
    max-width: 100%
}

.isEmbeddedInPortal.supernova .form-all {
    border: none
}

li:not([data-payment=true]) [data-wrapper-react=true] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

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

.form-line,
ul.page-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start
}

ul.page-section {
    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_payment]):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_paymrnt]):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_payment]):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_payment]):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):not(#productSearch-input),
.form-line:not(.fixed-width) .signature-pad-passive {
    min-width: 100%;
    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: 10px;
    background-repeat: no-repeat;
    padding-left: 45px
}

.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%;
}

.form-dropdown,
.form-textarea,
.form-textbox:not(#productSearch-input),
.signature-wrapper {
    font-size: 1em;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    display: block;
    min-width: 100%
}

.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;
}

.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-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;
    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] .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
    }

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

.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-pad-passive,
.signature-wrapper {
    background-color: #fff;
    border-color: #b8bdc9;
    color: #2c3345
}

.form-dropdown:hover,
.form-textarea:hover,
.form-textbox:hover,
.signature-pad-passive: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-pad-passive: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;
        overflow-y: visible
    }

    .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
    }

    .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: 160px
    }

    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
}

.loom-video-recorder-widget,
.progress-bar-widget,
.review-before-submit-widget {
    position: relative
}

.loom-video-recorder-widget p:first-of-type strong,
.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
}

.loom-video-recorder-widget p:nth-of-type(2),
.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
}

.loom-video-recorder-widget p:nth-of-type(2):before,
.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-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-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;
    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-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-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-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-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-weight: 500
}

.cameraFacingOptions {
    text-transform: uppercase;
    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
}