.cL
{
  font-family:Verdana, Arial, Sans-Serif;
  font-size:11px;
  line-height:13px;
  text-decoration:none;
  color:#009999;
}
.cL:hover
{
  color:#996600;
  text-decoration:underline;
}

.cE
{
  font-family:Verdana, Arial, Sans-Serif;
  font-size:11px;
  line-height:13px;
  text-decoration:none;
  color:#000000;
}

.cE:hover
{
  color:#000000;
  text-decoration:underline;
}

.cPB
{
  height:12px;
  background-color:#009999;
}

.cP
{
  font-family:Verdana, Arial, Sans-Serif;
  font-size:11px;
  line-height:13px;
  text-decoration:none;
  color:#000000;
}

.cD
{
  font-family:Verdana, Arial, Sans-Serif;
  font-size:10px;
  line-height:13px;
  text-decoration:none;
  color:#333333;
}

.cB 
{
  margin-top:5px; 
  margin-left:5px; 
  margin-right:5px; 
  margin-bottom:5px; 
  background-color:#ffaaaa;
}

.cI 
{
  margin-top:0px; 
  margin-left:0px; 
  margin-right:0px; 
  margin-bottom:0px; 
  background-color:#ffaaaa;
  width:100%;
  height:90%;
  border:0px;
}

.cT
{
  width:100%;
}

.cR
{
  width:100%; 
}

.cC
{
  background-color:#ffcccc; 
  border-style:solid; 
  border-color:#ffffff; 
  border-width:1px;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:11px;
  line-height:15px;
} 

.cCL
{
  color:#000000;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:11px;
  line-height:13px;
  text-decoration:none;
} 
.cCL:hover
{
  color:#000000;
  text-decoration:underline;
}


.cH
{
  font-family:Verdana, Arial, Sans-Serif;
  color:#ffffff;
  font-size:12px;
  font-weight:bold;
  line-height:15px;
} 

.cU
{
  font-family:Verdana, Arial, Sans-Serif;
  color:#333333;
  font-size:12px;
  font-weight:bold;
  line-height:15px;
} 

.cCT
{
  background-color:#ff8888;
  color:#ffffff;
  border-style:solid; 
  border-color:#666666; 
  border-width:1px;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:12px;
  font-weight:bold;
  line-height:15px;
} 

.cCB
{
  background-color:#ffaaaa;
  color:#ffffff;
  border-style:solid; 
  border-color:#666666; 
  border-width:1px;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:12px;
  font-weight:bold;
  line-height:15px;
} 

.cCW
{
  background-color:#cccccc;
  color:#cc0000;
  border-style:solid; 
  border-color:#cc0000; 
  border-width:1px;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:12px;
  font-weight:bold;
  line-height:15px;
} 

.cCE
{
  background-color:#cccccc;
  color:#660000;
  border-style:solid; 
  border-color:#cc0000; 
  border-width:1px;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:10px;
  font-weight:bold;
  line-height:12px;
} 

.cCS
{
  color:#ffffff;
  font-family:Verdana, Arial, Sans-Serif;
  font-weight:normal;
  font-style:italic;
  font-size:12px;
  text-decoration:none;
} 
.cCS:hover
{
  color:#ffffff;
  text-decoration:underline;
}


.cCI
{
  background-color:#ffcccc; 
  border-style:solid; 
  border-color:#ffffff; 
  border-width:1px;
  font-family:Verdana, Arial, Sans-Serif;
  font-weight:normal;
  font-style:italic;
  font-size:10px;
} 

.sH
{
  background-color:#ffcccc; 
  font-family:Verdana, Arial, Sans-Serif;
  font-size:11px;
  font-weight:bold;
  line-height:13px;
  text-align:center;
} 

.sT
{
  background-color:#ffcccc; 
  font-family:Verdana, Arial, Sans-Serif;
  font-size:11px;
  font-weight:bold;
  line-height:13px;
  text-align:right;
} 

.sE
{
  background-color:#ffcccc; 
  font-family:Verdana, Arial, Sans-Serif;
  font-size:11px;
  line-height:13px;
  text-align:left;
} 

.sS
{
  font-family:Verdana, Arial, Sans-Serif;
  font-size:11px;
} 

.t
{
  font-family:Verdana, Arial, Sans-Serif;
  font-size:1px;
  line-height:1px;
} 

.s
{
  font-family:Verdana, Arial, Sans-Serif;
  font-size:10px;
  font-weight:normal;
} 

.sM
{
  font-family:Verdana, Arial, Sans-Serif;
  font-size:9px;
  font-weight:normal;
} 

.cM
{
  position:absolute;
} 

/* styles from JotForm */
*,
*:after,
*:before {
  box-sizing: border-box;
}
a:link {
  color: #c88a51;
  font-weight: 500;
}

a:visited {
  color: #c88a51;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}
.form-all {
  font-family: "Inter", sans-serif;
}
.main .jotform-form {
  width: 100%;
  padding: 0 3%;
}
.form-all {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 752px;
}
.form-line-active {
  background-color: #ffffe0;
}
.form-all {
  font-size: 16px;
}
li.form-line {
  margin-top: 0px;
  margin-bottom: 0px;
}
.form-line {
  padding: 8px 10px;
}
.form-section {
  padding: 0px 38px;
}
.form-textbox,
.form-textarea,
.form-radio-other-input,
.form-checkbox-other-input,
.form-captcha input,
.form-spinner input {
  background-color: #ffffff;
}
.form-label {
  font-family: "Inter", sans-serif;
}
.form-line-column {
  width: calc(50% - 8px);
}
.form-checkbox-item label,
.form-checkbox-item span,
.form-radio-item label,
.form-radio-item span {
  color: #404a64;
}
.form-radio-item,
.form-checkbox-item {
  padding-bottom: 0px !important;
}
.form-radio-item:last-child,
.form-checkbox-item:last-child {
  padding-bottom: 0;
}
.form-single-column .form-checkbox-item,
.form-single-column .form-radio-item {
  width: 100%;
}
.form-checkbox-item .editor-container div,
.form-radio-item .editor-container div {
  position: relative;
}
.form-checkbox-item .editor-container div:before,
.form-radio-item .editor-container div:before {
  display: inline-block;
  vertical-align: middle;
  left: 0;
  width: 20px;
  height: 20px;
}
.submit-button {
  font-size: 16px;
  font-weight: normal;
  height: 44px;
  font-family: "Inter", sans-serif;
}
.submit-button {
  min-width: 180px;
}
.form-all .form-pagebreak-back,
.form-all .form-pagebreak-next {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: normal;
}
.form-all .form-pagebreak-back,
.form-all .form-pagebreak-next {
  min-width: 128px;
}
li[data-type="control_image"] div {
  text-align: left;
}
li[data-type="control_image"] img {
  border: none;
  border-width: 0px !important;
  border-style: solid !important;
  border-color: false !important;
}
.supernova {
  height: 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-repeat: repeat;
}
.supernova {
  background-image: none;
}
#stage {
  background-image: none;
}
/* | */
.form-all {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-repeat: repeat;
}
.form-header-group {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
}
.header-large h1.form-header {
  font-size: 2em;
}
.header-large h2.form-header {
  font-size: 1.5em;
}
.header-large h3.form-header {
  font-size: 1.17em;
}
.header-large h1 + .form-subHeader {
  font-size: 1em;
}
.header-large h2 + .form-subHeader {
  font-size: .875em;
}
.header-large h3 + .form-subHeader {
  font-size: .75em;
}
.header-default h1.form-header {
  font-size: 2em;
}
.header-default h2.form-header {
  font-size: 1.5em;
}
.header-default h3.form-header {
  font-size: 1.17em;
}
.header-default h1 + .form-subHeader {
  font-size: 1em;
}
.header-default h2 + .form-subHeader {
  font-size: .875em;
}
.header-default h3 + .form-subHeader {
  font-size: .75em;
}
.header-small h1.form-header {
  font-size: 2em;
}
.header-small h2.form-header {
  font-size: 1.5em;
}
.header-small h3.form-header {
  font-size: 1.17em;
}
.header-small h1 + .form-subHeader {
  font-size: 1em;
}
.header-small h2 + .form-subHeader {
  font-size: .875em;
}
.header-small h3 + .form-subHeader {
  font-size: .75em;
}
.form-header-group {
  text-align: left;
}
.form-header-group {
  font-family: "Inter", sans-serif;
}
div.form-header-group.header-large {
  margin: 0px -38px;
}
div.form-header-group.header-large {
  padding: 40px 52px;
}
.form-header-group .form-header,
.form-header-group .form-subHeader {
  color: 0;
}
.form-line-error {
  overflow: hidden;
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  background-color: #fff4f4;
}
.form-line-error .form-error-message {
  background-color: #f23a3c;
  clear: both;
  float: none;
}
.form-line-error .form-error-message .form-error-arrow {
  border-bottom-color: #f23a3c;
}
.form-line-error input:not(#coupon-input),
.form-line-error textarea,
.form-line-error .form-validation-error {
  border: 1px solid #f23a3c;
  box-shadow: 0 0 3px #f23a3c;
}
.supernova {
  background-color: #ffffff;
  background-color: #ecedf3;
}
.supernova body {
  background-color: transparent;
}
.supernova .form-all,
.form-all {
  background-color: #ffffff;
}
.form-textbox,
.form-textarea,
.form-radio-other-input,
.form-checkbox-other-input,
.form-captcha input,
.form-spinner input {
  background-color: #ffffff;
}
.form-matrix-table tr {
  border-color: #e6e6e6;
}
.form-matrix-table tr:nth-child(2n) {
  background-color: #f2f2f2;
}
.form-all {
  color: #2c3345;
}
.form-label-top,
.form-label-left,
.form-label-right,
.form-html {
  color: #2c3345;
}
.form-line-error {
  overflow: hidden;
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  background-color: #fff4f4;
}
.form-header-group .form-header,
.form-header-group .form-subHeader {
  color: 0;
}

/*__INSPECT_SEPERATOR__*/
.form-header-group {
    border-bottom : none;
}

.form-buttons-wrapper {
    border-top : 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

    .jotform-form .appointmentSlots {
        height:auto
    }

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

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

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

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

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

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

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

@font-face {
    font-family: Inter;
    src: local("Inter Light"), local("Inter-Light"), url(../Causeway/fonts/Inter-LightItalic.woff2) format("woff2");
    font-display: swap;
    font-style: italic;
    font-weight:300
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.FITB.formRender p {
    margin:0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:focus {
    outline:0
}

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

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

img {
    max-width:100%
}

a {
    text-decoration:none
}

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

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

button {
    outline:0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.always-hidden {
    display:none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-line:not(.fixed-width) .form-dropdown, .form-line:not(.fixed-width) .form-spinner, .form-line:not(.fixed-width) .form-textarea, .form-line:not(.fixed-width) .form-textbox:not(.time-dropdown), .form-line:not(.fixed-width) .signature-pad-passive {
    min-width: 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%;
    font-family:inherit
}

.form-dropdown, .form-textarea, .form-textbox, .signature-wrapper {
    font-size: 1em;
    border-radius: 4px;
    border: 1px 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;
    font-family:Arial, Helvetica, sans-serif
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.httar {
    text-align:right
}

.httal {
    text-align:left
}

.httac {
    text-align:center
}

.htvam {
    margin-top:auto
}

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

.htvab {
    margin-top:auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.phone-separate {
    display:none
}

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

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

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

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

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

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

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

.form-spinner-image {
    display:none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.signature-placeholder {
    position:relative
}

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

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

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

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

.date-separate {
    display:none
}

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

.notLiteMode .allowTime-container {
    padding:0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.todayButton {
    display:none
}

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

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

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

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

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

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

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

.calendar-new-year {
    right:0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jfUpload-heading.forMobile {
    display:none
}

.jfUpload-heading.forDesktop {
    display:block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.formFooter-heightMask {
    height:56px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-label {
    color:#2c3345
}

.form-required {
    color:#f23a3c
}

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

.form-dropdown, .form-textarea, .form-textbox, .signature-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
}

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

.progress-bar-widget p:first-of-type strong, .review-before-submit-widget p:first-of-type strong {
    width: 100%;
    height: 16px;
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #2c3345;
    font-weight:500
}

.progress-bar-widget p:nth-of-type(2), .review-before-submit-widget p:nth-of-type(2) {
    font-size: 11px;
    color: #936821;
    background-color: #f4d596;
    padding: 8px 37px;
    border: 1px solid #d3ba40;
    border-radius: 4px;
    margin:0
}

.progress-bar-widget p:nth-of-type(2):before, .review-before-submit-widget p:nth-of-type(2):before {
    content: "";
    position: absolute;
    left: 14px;
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 17'%3E%3Cpath fill='%23936821' fill-rule='evenodd' d='M8.5 17a8.5 8.5 0 110-17 8.5 8.5 0 010 17zm-1-7.1h2V3.6h-2v6.3zm1 3.1c.5 0 1-.4 1-1a1 1 0 00-2 0c0 .6.4 1 1 1z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat:no-repeat
}

.icheckbox_minimal {
    width: 20px !important;
    height: 20px !important;
    margin-left: 2px;
    background-color: #fff;
    background-image: none;
    background-position: 0 0 !important;
    border: 1px solid #c3cad8 !important;
    border-radius: 2px;
    transition:background-color .15s, border-color .15s
}

.icheckbox_minimal.hover {
    border: 1px solid #c3cad8;
    width: 20px !important;
    height: 20px !important;
    box-shadow:0 0 0 2px #c9d8fe
}

.icheckbox_minimal.checked {
    position: relative !important;
    background-image:none !important
}

.icheckbox_minimal.checked.hover {
    box-shadow:none !important
}

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

iframe[data-client-id="52948fb29322cd302b00000c"] {
    margin-top:10px
}

body[data-type=terms-conditions] {
    height:100%
}

body[data-type=terms-conditions] #main {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items:center
}

.theme-light #_label {
    color:#dadada !important
}

#_label {
    color:#2c3345
}

#_label #_terms {
    text-decoration: underline;
    color:#00e
}

div#terms_conditions_modal {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(44, 51, 69, .904);
    z-index: 111;
    left:0
}

div#terms_conditions_modal iframe {
    border: 0;
    border-radius: 0;
    max-width: 752px;
    height: 50vh;
    width: 100%;
    border-bottom:1px solid rgba(215, 216, 225, .452)
}

div#terms_conditions_modal[style * =block] {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction:column
}

.terms-conditions-content {
    background-color: #fff;
    width: 100%;
    max-width: 752px;
    border-radius: 5px;
    font-family:var(--font)
}

.terms-header {
    padding: 30px 5%;
    border-bottom: 1px solid rgba(215, 216, 225, .452);
    position:relative
}

.terms-header h1, .terms-header h3 {
    margin:0
}

.terms-header h1 {
    font-weight: 600;
    margin-bottom: 6px;
    font-size:20px
}

.terms-header h3 {
    color: #57647e;
    font-size: 14px;
    font-weight:500
}

button#terms_conditions_modal_cancel {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.903 22.586L17.317 16l6.586-6.586a.932.932 0 00-1.317-1.317L16 14.683 9.414 8.097a.932.932 0 00-1.317 1.317L14.683 16l-6.586 6.586a.932.932 0 001.317 1.317L16 17.317l6.586 6.586a.932.932 0 001.317-1.317z' fill='%23A8AAB5'/%3E%3C/svg%3E");
    background-size: 26px;
    background-color: #edeef5;
    border: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: transparent;
    position: absolute;
    outline: 0;
    right: 26px;
    background-repeat: no-repeat;
    background-position: 50%;
    top: 50%;
    transform:translateY(-50%)
}

#terms_conditions_modal_accept {
    background-color: #2e69ff;
    height: 48px;
    padding: 0 12px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    float: right;
    border: 0;
    color: #fff;
    margin: 20px 5% 20px 0;
    font-family: Inter, sans-serif;
    transition:.2s
}

#terms_conditions_modal_accept:hover {
    background-color:#2a5fe7
}

.checklist {
    border-radius:4px
}

.checklist label:before {
    width: 20px;
    height: 20px;
    border: 1px solid #c3cad8;
    background-color:#fff
}

.checklist label:after {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.667 3L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    content: "";
    position: absolute;
    top: .8em;
    left: .75em;
    border-radius: 2px;
    background-color: #2e69ff;
    border: 1px solid #2e69ff;
    background-size: 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    transition:transform .2s, opacity .2s
}

.checklist li.other label input[type=text] {
    border-radius: 2px;
    background-color:#fff
}

.checklist li:hover {
    background:none
}

.checklist.non-mobile li:hover label:after {
    opacity:0
}

#inputsContainer label {
    font-family: Inter, sans-serif;
    font-size: 16px;
    color: #2c3345;
    font-weight: 400;
    margin-right:5px
}

#inputsContainer table, #inputsContainer tbody {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction:column
}

#inputsContainer .widget-inputs-wrapper {
    width:100%
}

#inputsContainer tr {
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:10px
}

#inputsContainer td, #inputsContainer th, #inputsContainer tr {
    display: -ms-flexbox;
    display:flex
}

#inputsContainer td {
    width:100%
}

#inputsContainer input[type=text] {
    box-shadow: none;
    font-size: 1em;
    border-radius: 4px;
    border: 1px solid #c3cad8;
    display: block;
    min-width: 100%;
    height:2.5em
}

@media screen and (max-device-width: 415px) and(orientation: landscape), screen and(max-device-width: 767px) and(orientation: portrait), screen and(max-width: 480px) {
    .custom-field-frame {
        width: 100% !important
    }
}

iframe[data-client-id="529467003477f3512000001f"] {
    max-width: 100%
}

div[data-widget-name="Smooth Signature"] {
    overflow-x:unset !important
}

.sigNav .clearButton {
    text-decoration: none !important;
    background-color: #e7effe !important;
    font-size: 12px !important;
    cursor: pointer;
    color: #57647e !important;
    padding: 4px 10px !important;
    border-radius: 4px;
    margin-top: 4px !important;
    font-weight: 400 !important;
    bottom:unset
}

.sigWrapper {
    border-radius: 4px;
    height:calc(100% - 28px) !important
}

div.sigWrapper {
    width:100% !important
}

.review-button-wrapper {
    -ms-flex-pack: end;
    justify-content:flex-end
}

#previewButtons {
    display: -ms-flexbox;
    display: flex;
    margin:42px 0
}

.form-all button.preview-submission-button {
    font-family: Inter, sans-serif;
    font-size: 15px;
    background-color: #ecedf3;
    color: #2c3345;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3em;
    width: 128px;
    border-radius: 4px;
    border: 1px solid;
    cursor: pointer;
    font-weight: 500;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 0;
    text-shadow:none
}

.form-all button.preview-submission-button#backToForm {
    margin-right: auto;
    background-color: #e5e7f2;
    border-color:#e5e7f2
}

.form-all button.preview-submission-button#printForm {
    background: transparent;
    border-color: #c3cad8;
    color:#2c3345
}

.form-all button.preview-submission-button.checkedSubmit {
    background-color: #18bd5b;
    border-color: #18bd5b;
    color:#fff
}

.form-all button.preview-submission-button:hover {
    box-shadow:none
}

div.form-all .form-buttons-wrapper button.preview-submission-button {
    width: 180px;
    background-color: #e5e7f2;
    color: #2c3345;
    border:none
}

#previewContainer ul li:not(.control_head) div.label_i {
    font-size: 16px;
    font-weight: 500;
    padding-bottom:6px
}

#previewContainer ul li:not(.control_head) div.value.border {
    font-size: 15px;
    color: #57647e;
    font-weight: 500;
    padding-left:0
}

body[data-type=terms-scroll-widget] #action {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    margin-bottom:8px
}

body[data-type=terms-scroll-widget] #action > input + label {
    position: relative;
    display: -ms-flexbox;
    display:flex
}

body[data-type=terms-scroll-widget] #action > input + label:before {
    width: 20px;
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    background: none !important;
    background-color: #fff;
    background-position: 0 0 !important;
    background-image: none;
    -ms-flex-negative: 0;
    flex-shrink:0
}

body[data-type=terms-scroll-widget] #scrollContent {
    font-size: 15px;
    line-height: 24px;
    display: -ms-flexbox;
    display: flex;
    color:#394258
}

body[data-type=terms-scroll-widget] input[type=checkbox]:focus + label:before {
    box-shadow: none !important;
    border-color:none !important
}

body[data-type=terms-scroll-widget] #action > input + label:hover:after {
    width: 20px;
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    box-shadow:0 0 0 2px #c9d8fe
}

body[data-type=terms-scroll-widget] #action > input:checked + label:after {
    box-shadow:none !important
}

body[data-type=terms-scroll-widget] #action > input + label:after {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.667 3L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    background-color: #2e69ff;
    border-color: #2e69ff;
    background-size: 10px;
    background-position: 50%;
    transition: background-color .15s, border-color .15s;
    transform: none;
    box-shadow: none !important;
    background-repeat: no-repeat;
    border:none !important
}

body[data-type=terms-scroll-widget] .slimScrollDiv {
    height: 100% !important;
    background: #fff;
    border: 1px solid #c3cad8;
    border-radius:4px
}

body[data-type=terms-scroll-widget] label[for=userInput] {
    color: #2c3345;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: -ms-flexbox;
    display:flex
}

body[data-type=terms-scroll-widget] #scrollContent {
    height: 100% !important;
    border: none !important;
    height:76vh !important
}

body[data-type=terms-scroll-widget] .required {
    color: #f23a3c;
    margin-bottom: 10px;
    font-weight:500
}

body[data-type=terms-scroll-widget] .requiredText {
    display: none
}

iframe[data-client-id="52f8550f0019ace53000000b"] #main {
    width: 100%
}

iframe[data-client-id="52934dbf3be147110a000030"] {
    max-width:100% !important
}

#datepicker .input-group {
    width:100%
}

#datepicker .input-group .input-group-addon {
    display:none
}

#datepicker .input-group input.form-control {
    height: 2.5em;
    border: 1px solid #c3cad8;
    color: #8894ab;
    font-weight: 500;
    border-radius: 4px;
    background-size: 16px;
    padding: 0 36px 0 10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm-.52-5.708h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%23C3CAD8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position:right 10px bottom 50%
}

.datePickerOptions {
    text-transform: uppercase;
    font-family: Inter, sans-serif;
    text-align: center;
    padding: initial !important;
    margin:1px 0
}

.datePickerOptions > span {
    border-radius: 4px 0 0 4px;
    min-width: 182px;
    display: inline-block;
    padding: 12px 15px !important;
    border:1px solid #292d32
}

.datePickerOptions > span:checked {
    border:1px solid #3eb7fb
}

.datePickerOptions:nth-of-type(2) > span, .datePickerOptions:nth-of-type(4) > span {
    border-radius:0 4px 4px 0
}

.progressBar-newDefaultTheme {
    border-radius:3px 3px 0 0
}

.progressBar-newDefaultTheme .progressBarContainer {
    height: 60px;
    padding:0
}

.progressBar-newDefaultTheme .progressBarSubtitle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
    color: #c3cad8;
    font-size:12px
}

.progressBar-newDefaultTheme .progressjs-inner {
    border-radius:3px 3px 3px 0
}

.progressBar-newDefaultTheme .progressjs-inner-completed {
    border-radius:3px 3px 0 0
}

.progressBar-newDefaultTheme .progressjs-progress {
    z-index: 9999999;
    background:#c3cad8
}

.progressBar-newDefaultTheme .progressjs-theme-newDefault {
    border-radius: 3px 3px 0 0;
    height:10px !important
}

.progressBar-newDefaultTheme.fixed {
    position: fixed;
    max-width: 752px;
    width: 100%;
    top: 0;
    background-color: #fff;
    z-index:10
}

.progressBar-newDefaultTheme.fixed .progressBarContainer {
    box-shadow:0 8px 18px -8px #c3cad8
}

li[data-type=control_autoincrement] input {
    border: 1px solid #c3cad8 !important;
    color: #8894ab;
    line-height:24px
}

.line-Alignment-Top-NDT .form-label + .form-input {
    width: 100%;
    max-width:310px
}

.line-Alignment-Top-NDT .question-wrapper {
    -ms-flex-direction: column;
    flex-direction:column
}

body[data-theme=upcoming] #takePhoto, body[data-theme=upcoming] .file_upload label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 157px;
    height: 40px;
    background: #57647e;
    border: initial;
    border-radius: 4px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 11px 10px 18px;
    color: #fff;
    text-shadow: none;
    box-shadow:none
}

body[data-theme=upcoming] #takePhoto:hover, body[data-theme=upcoming] .file_upload label:hover {
    background-color:#384051
}

body[data-theme=upcoming] #takePhoto:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.94 14.224a3.283 3.283 0 100-6.566 3.283 3.283 0 000 6.566z' fill='%23fff'/%3E%3Cpath d='M7.66 0L5.658 2.189h-3.47C.98 2.189 0 3.169 0 4.377V17.51c0 1.21.98 2.189 2.189 2.189h17.509c1.21 0 2.189-.98 2.189-2.189V4.377c0-1.209-.98-2.188-2.189-2.188h-3.469L14.226 0H7.66zm3.283 16.415a5.474 5.474 0 01-5.471-5.472 5.474 5.474 0 015.471-5.471 5.474 5.474 0 015.472 5.471 5.474 5.474 0 01-5.472 5.472z' fill='%23fff'/%3E%3C/svg%3E");
    width: 22px;
    height: 20px;
    margin-right:10px
}

body[data-theme=upcoming] .file_upload label:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7 0H.9C.403 0 0 .406 0 .91v18.18c0 .504.403.91.9.91h19.8c.497 0 .9-.406.9-.91V.91a.904.904 0 00-.9-.91zm-.9 1.818v10.91l-4.5-4.546-5.4 6.364-4.5-3.637-3.6 3.636V1.819h18z' fill='%23fff'/%3E%3Ccircle cx='9.199' cy='6.801' r='2' fill='%23fff'/%3E%3C/svg%3E");
    width: 22px;
    height: 20px;
    margin-right:10px
}

body[data-theme=upcoming] .record-status {
    padding: 0 1px;
    border-radius: 4px;
    color: #f23a3c;
    font-family: Inter, sans-serif;
    font-size:10px
}

body[data-theme=upcoming] .record-status .status-icon {
    width: 6px;
    height: 11px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3.872' cy='3.854' r='2.481' fill='%23F23A3C' stroke='%23fff'/%3E%3C/svg%3E");
    margin: 0;
    background-size:initial
}

body[data-theme=upcoming] .record-status .status-text {
    margin-left: -2px;
    padding:1px
}

body[data-theme=upcoming] #startbutton {
    background: initial;
    border: initial;
    margin: 0;
    box-shadow:none
}

body[data-theme=upcoming] #startbutton #take_photo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 157px;
    height: 40px;
    background-color: #57647e;
    border: initial;
    border-radius: 4px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    margin-left:-35px
}

body[data-theme=upcoming] #startbutton #take_photo:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.94 14.224a3.283 3.283 0 100-6.566 3.283 3.283 0 000 6.566z' fill='%23fff'/%3E%3Cpath d='M7.66 0L5.658 2.189h-3.47C.98 2.189 0 3.169 0 4.377V17.51c0 1.21.98 2.189 2.189 2.189h17.509c1.21 0 2.189-.98 2.189-2.189V4.377c0-1.209-.98-2.188-2.189-2.188h-3.469L14.226 0H7.66zm3.283 16.415a5.474 5.474 0 01-5.471-5.472 5.474 5.474 0 015.471-5.471 5.474 5.474 0 015.472 5.471 5.474 5.474 0 01-5.472 5.472z' fill='%23fff'/%3E%3C/svg%3E");
    width: 22px;
    height: 20px;
    margin-right:10px
}

body[data-theme=upcoming] #startbutton #take_photo:hover {
    background-color:#384051
}

body[data-theme=upcoming] #removebutton {
    background: initial;
    border: initial;
    margin: 0;
    box-shadow:none
}

body[data-theme=upcoming] #removebutton #retake_photo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 157px;
    height: 40px;
    background-color: #57647e;
    border: initial;
    border-radius: 4px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 11px 10px 12px;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    margin-left: -35px;
    -ms-flex-pack: initial;
    justify-content:normal
}

body[data-theme=upcoming] #removebutton #retake_photo:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.068 2.62c1.808 0 3.446.734 4.632 1.92l-3.322 3.322h7.862V0l-2.686 2.686A9.145 9.145 0 009.068 0C4.448 0 .636 3.42 0 7.862h2.647a6.558 6.558 0 016.42-5.241zm.102 13.76a6.531 6.531 0 01-4.631-1.92l3.321-3.322H-.002V19l2.686-2.686A9.145 9.145 0 009.171 19c4.619 0 8.432-3.42 9.067-7.862h-2.647a6.558 6.558 0 01-6.42 5.241z' fill='%23fff'/%3E%3C/svg%3E");
    width: 19px;
    height:19px
}

body[data-theme=upcoming] #removebutton #retake_photo:hover {
    background-color:#384051
}

body[data-theme=upcoming] #content, body[data-theme=upcoming] #webcam {
    height:234px !important
}

body[data-theme=upcoming] #webcam video {
    width: 312px !important;
    height:100% !important
}

body[data-theme=upcoming] #photo {
    width: 312px !important;
    height:234px !important
}

@media (orientation: landscape) {
    body[data-theme=upcoming] #photo {
        width: 168px !important;
        height:234px !important
    }
}

body[data-theme=upcoming] #notification {
    background-color: #18bd5b;
    font-family: Inter, sans-serif;
    font-weight:500
}

.cameraFacingOptions {
    text-transform: uppercase;
    font-family: Inter, sans-serif;
    font-weight: 400;
    text-align: center;
    padding: initial !important;
    margin:12px 0
}

.cameraFacingOptions > span {
    border-radius: 4px 0 0 4px;
    padding: 12px 15px !important;
    border: 1px solid #292d32;
    min-width:85px
}

.cameraFacingOptions > span:checked {
    border:1px solid #3eb7fb
}

.cameraFacingOptions:nth-of-type(2) > span {
    border-radius:0 4px 4px 0
}

.img_container_NDT {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    margin-top:16px
}

.upload_imgContainer_NDT {
    padding: 8px;
    border-radius: 4px 0 0 4px;
    background-color:#dae6ff
}

.upload_imgContainer_NDT > img {
    display: block;
    object-position: center;
    object-fit: cover;
    width: 26px;
    border-radius: 4px;
    height: 26px;
    border:1px solid #b5c2db
}

#chosen_file_name {
    background-color: #dae6ff;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    border-radius: 0 4px 4px 0;
    margin-top:0
}

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

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

.error_state_NDT {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #fad58d;
    padding: 6px 9px;
    font-size: 12px;
    line-height: 18px;
    position: relative;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #d8ba10;
    color: #9a6700;
    margin-top: 13px;
    white-space: pre-wrap;
    clear: both;
    max-width:100%
}

.error_state_NDT:before {
    content: "";
    width: 18px;
    height: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 17a8.5 8.5 0 110-17 8.5 8.5 0 010 17zm-.988-7.116h1.976V3.558H7.512v6.326zm.988 3.162a.995.995 0 00.988-1 .99.99 0 00-.988-.976.983.983 0 00-.988.976c0 .555.434 1 .988 1z' fill='%23936821'/%3E%3C/svg%3E")
}

.webcamjs-ios-text {
    display:none
}

body[data-type=take-photo] .pure-button {
    height:auto
}

.dynamicField {
    border-radius: 4px;
    height:40px
}

.dynamicField:focus {
    background-color: #fff;
    border-color: #2e69ff !important;
    box-shadow:0 0 0 1px #c9d8fe
}

.dynamicField:hover {
    border-color: #a9bff9;
    box-shadow:0 0 0 1px #c9d8fe
}

#main p input[type=text].dynamicField {
    width:100% !important
}

.form-grading-item {
    margin-right:8px
}

.form-grading-label {
    margin-top: 8px;
    display:inline-block
}

li[data-type=control_birthdate] .form-sub-label {
    margin-top: 8px
}

iframe[data-client-id="5295b800485bd19f5d000005"] {
    max-width: unset !important
}

.isBuilder iframe[data-client-id="5295b800485bd19f5d000005"] {
    pointer-events: none
}