/* hide title, header/footer, info, summary/attachments/communications sections */
.page-head, .page-top, .page-footer, .infoSection, .workflowRightTab {
    display: none!important;
}

#workflow-wrapper:not(.embed):not(.registered-embed){
    min-height: 0px;
}

#divWorkflowContent {
    width: 90%;
    height: 100%!important;
    min-height: 100%!important;
}

div#workflow-background-wrapper{
    min-width: 90%!important;
    border: 0px;
}

div.page-wrap{
    padding-bottom: 0 !important;
}

/*Generic Styles*/

/* Hide print button */ 
#print-preview {
    display: none !important;
}

/* Mobile Styles applied to anything narrower than 768 */
@media only screen and (max-width: 768px) {
 
  .page-wrap {
        width: 100vw;
    }

    /* Hiding hovertips */
    .qtip {
        display: none!important;
    }

    /* Remove padding from "container" form */
    #StageSubmitForm {
        padding: 0px!important;
    }

    /* All input font size */
    input, select:focus, textarea {
        font-size: 12px!important;
    }

    /* Help Popups */
    .k-widget.k-window {
        width: 90vw!important;
        left: 10px!important;
    }

    #contentWorkbench {
    width: 100%;
    }

    body > div.page-wrap {
    width: 95vw;
    }

    /* Hide print button */ 
    #print-preview {
    display: none !important;
    }

     /* Reduce right padding to 0. Change label font size to 11. */
    .workflowContent .formFieldWrapper, #ts-form-editor-wrapper .form-element-wrapper{
    padding: 15px 10px 7px 0px !important;
    font-size: 12px;
    }
    /* Change font-size for radio-buttons */
    .formFieldWrapper .radio-checkbox-label, .form-element-wrapper .radio-checkbox-label {
        font-size: 12px;
    }
    /* Change font-size for drop-downs */
    .form-element-wrapper .select2-container .select2-selection--single, .formFieldWrapper .select2-container .select2-selection--single{
        font-size: 12px;
    }
    /* Change size of Submit & Save buttons */
    .page-content .formFieldWrapper.submit-button-wrapper > div > input, .page-content .formFieldWrapper.action-button-wrapper > div > input, .page-content .form-section-buttons button, .page-content .form-section-buttons input, .form-collaboration-stage-submit-button, #divWorkflowContent .buttonPopup.blue{
        font-size: 11px !important;
    }
}

/*10up PAGE STYLES*/
:root {
    --c-black: #000;
    --c-dmv-black: #394655;
    --c-white: #fff;
    --c-white-15: hsla(0,0%,100%,0.15);
    --c-dark-blue: #163159;
    --c-dark-blue-50: rgba(22,49,89,0.5);
    --c-dmv-blue: #0077c8;
    --c-dmv-blue-05: #176bad;
    --c-blue-denim: #106fb6;
    --c-blue-venice: #0a5ea3;
    --c-gray: #5d6c7a;
    --c-gray-50: rgba(93,108,122,0.5);
    --c-gray-25: rgba(93,108,122,0.25);
    --c-gray-25-hex: #d3d8dd;
    --c-gray-10: rgba(93,108,122,0.1);
    --c-gray-3: rgba(93,108,122,0.03);
    --c-gray-3-hex: #fafcfe;
    --c-field-gray: #fbfbfb;
    --c-iron-gray: #d6dade;
    --c-mercury-gray: #e5e5e5;
    --c-teal-blue: #0b669e;
    --c-teal-blue-10: #f3f7fb;
    --c-teal-blue-03-hex: #fafcfe;
    --c-teal-blue-30: rgba(11,102,158,0.3);
    --c-teal-blue-50: rgba(11,102,158,0.5);
    --c-teal-blue-7: rgba(11,102,158,0.07);
    --c-dark-green-blue: #0a4a68;
    --c-highlight-blue: #64c7fa;
    --c-highlight-blue-20: #dff4fe;
    --c-highlight-dark-blue: #287bba;
    --c-cloud-blue: #f0f9ff;
    --c-green: #00866a;
    --c-green-medium: #d3eee7;
    --c-green-light: #eef8f6;
    --c-green-xlight: #f5fbfb;
    --c-red: #b91818;
    --c-orange: #ef6c42;
    --c-orange-20: rgba(232,135,20,0.2);
    --c-orange-50: rgba(232,135,20,0.5);
    --c-orange-03: rgba(232,135,20,0.03);
    --c-orange-10: rgba(239,108,66,0.1);
    --c-orange-10-hex: #fdf0ec;
    --c-orange-50: rgba(239,108,66,0.5);
    --c-orange-bold: #d34312;
    --c-orange--xlight: #ffd6a3;
    --c-orange--highlight: #ffa53a;
    --c-orange--highlight-3: rgba(232,135,20,0.03);
    --c-yellow: #ffd457;
    --c-yellow-10: #fdf8f1;
    --c-yellow-20: rgba(255,212,87,0.2);
    --c-yellow-20-hex: #fff6dd;
    --c-brown: #6b490c;
    --link-color: #111;
    --skip-focus-text: #0b669e;
    --skip-focus-text: var(--c-teal-blue);
    --box-shadow: 0 4px 10px rgba(22,27,89,0.05);
    --box-shadow-light: 0 0 20px rgba(0,0,0,0.05);
    --font-primary: tt-commons,sans-serif;
    --font-heading: "Playfair Display",serif;
    --font-size-xxxxlarge: 5rem;
    --font-size-xxxlarge: 4.6875rem;
    --font-size-xxlarge: 3.75rem;
    --font-size-xlarge: 2.5rem;
    --font-size-large: 2rem;
    --font-size-xxmedium: 1.875rem;
    --font-size-xmedium2: 1.75rem;
    --font-size-xmedium: 1.5rem;
    --font-size-medium-21: 1.3125rem;
    --font-size-medium: 1.25rem;
    --font-size-small: 1.125rem;
    --font-size-xsmall: 1rem;
    --font-size-xxsmall: 0.875rem;
    --font-size-xxxsmall: 0.75rem;
    --font-weight-black: 800;
    --font-weight-bold: 700;
    --font-weight-semibold: 600;
    --font-weight-medium: 500;
    --font-weight-normal: 400;
    --font-weight-light: 300;
    --spacing-unit-base: 1rem;
    --font-size-paragraph: 1.125rem;
    --font-size-base: 1rem;
    --font-heading1: 5rem;
    --font-heading1: var(--font-size-xxxxlarge);
    --font-heading2: 3rem;
    --font-heading3: 1.75rem;
    --font-heading4: 1.5rem;
    --font-heading4: var(--font-size-xmedium);
    --font-heading5: 1.75rem;
    --font-heading6: 1.25rem;
    --font-heading6: var(--font-size-medium);
    --transition-fast: 200ms;
    --transition-slow: 400ms;
    --max-width-tiny: 540px;
    --max-width-narrow: 740px;
    --max-width-base: 1190px;
    --max-width-medium: 1326px;
    --max-width-large: 1246px;
    --max-width-wide: 1400px;
    --max-width-full: 1440px;
    --slant: 5vw;
    --slant-rem: 6rem;
}

.sigWrapper, .formFieldWrapper.text-box-wrapper input.input-text, .form-element-wrapper.text-box input.field {
    background-color: white;
    border-color: rgba(11,102,158,.3);
    color: #163159;
    font-family: OpensansRegular,Verdana,Helvetica,Arial,sans-serif;
    font-size: 14px;

}

/* Change border color of small box for signature fields */
.sigPad:not(.standalone) input.name {
    width: 100%;
    border: 1px solid rgba(11,102,158,.3) !important;
    margin-right: 2px;
    margin-top: 5px;
    color: #163159;
}

/* Font color DMV text blue */
.main_heading, .page-content .formFieldWrapper.text-box-wrapper input.input-text, .formFieldWrapper input.validate-email, .formFieldWrapper input.validate-phone, .formFieldWrapper input.validate-ssn, .formFieldWrapper input.validate-currency, .form-label, .form-label.form-label-required, .new_html_field, body, .workflowContent .form-static-text, .form-element-wrapper .form-static-text, .form-element-wrapper .form-static-text-area, .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, .formFieldWrapper .radio-checkbox-label, .form-element-wrapper .radio-checkbox-label, .formFieldWrapper.text-area-wrapper textarea.textarea-input, .form-element-wrapper.text-area textarea.field, .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .page-content .workflowContent .formFieldWrapper:not(.boolean-check-box-wrapper):not(.heading-wrapper) .form-label {
    color: #163159 !important;
}

#tsForm-editor, .workflowContent {
    font-family: OpensansRegular,Verdana,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #163159;
}

.k-dropzone {
    background-color: white;
}
.formFieldWrapper.text-area-wrapper textarea.textarea-input, .form-element-wrapper.text-area textarea.field {
    background-color: white;
    border-color: rgba(11,102,158,.3);
}

.select2-container--bootstrap .select2-selection {
    border: 1px solid rgba(11,102,158,.3);
    color: #163159;
}


input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"]:not(.select2-search__field), input[type="tel"], input[type="time"], input[type="url"], textarea, select {
    border: 1px solid rgba(11,102,158,.3);
    background-color: white;
}

/* Headings */
.new_html_field, .recordForm .formFieldWrapper.heading-wrapper h3, .workflowContent .formFieldWrapper.heading-wrapper h3, .form-element-wrapper[data-type="heading"] .heading-label-wrapper .editable-text, .form-element-wrapper[data-type="heading"] .heading-label-wrapper input, .page-content .workflowContent .formFieldWrapper.heading-wrapper h3 {
    color: rgba(46, 116, 181, 1) !important;
    border-color: rgba(46, 116, 181, 1) !important;
}

/* change color of submit/save/section buttons */
.form-save-button, .form-reset-button, .form-print-button, .form-change-section, .form-collaboration-stage-submit-button, .form-submit-button, #divWorkflowContent .buttonPopup.blue {
    border-color: #2E74B5 !important;
    background-color: #2E74B5 !important;
}
/* add padding under Buttons */
.form-section-buttons {
    padding: 50px 0px 30px 0px;
}

.rc-anchor-light.rc-anchor-normal{
    border: 1px solid rgba(11,102,158,.3) !important;
}

/*FORM FIELD SPECIFIC STYLES*/
/*Hide form field labels*/
#label-element111, #element111, #label-element561\[\] {
    display: none !important;
}

/*Reduce padding above hidden labels*/
#form-element-wrapper_561, #form-element-wrapper_110, #form-element-wrapper_309, #form-element-wrapper_310, #form-element-wrapper_359, #form-element-wrapper_360, #form-element-wrapper_409, #form-element-wrapper_410, #form-element-wrapper_330, #form-element-wrapper_347, #form-element-wrapper_380, #form-element-wrapper_397, #form-element-wrapper_297, #form-element-wrapper_280, #form-element-wrapper_235, #form-element-wrapper_236, #form-element-wrapper_237, #form-element-wrapper_234, #form-element-wrapper_111, #form-element-wrapper_149, #form-element-wrapper_133, #form-element-wrapper_148, #form-element-wrapper_150, #form-element-wrapper_151  {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* Hide 3rd option of radio-button */
#form-element-wrapper_625 > div > div > div.form-options-wrapper.form-element-wrapper.radio-button.align-block-30.requiredCustom.condition-trigger > fieldset > div:nth-child(4) {
    display: none;
}

/*Hide validation field text area and field label*/
#form-element-wrapper_640.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_640.formFieldWrapper.text-box-wrapper input.input-text, #label-element640, #element640,
#form-element-wrapper_641.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_641.formFieldWrapper.text-box-wrapper input.input-text, #label-element641, #element641,
#form-element-wrapper_642.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_642.formFieldWrapper.text-box-wrapper input.input-text, #label-element642, #element642,
#form-element-wrapper_643.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_643.formFieldWrapper.text-box-wrapper input.input-text, #label-element643, #element643,
#form-element-wrapper_644.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_644.formFieldWrapper.text-box-wrapper input.input-text, #label-element644, #element644,
#form-element-wrapper_590.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_590.formFieldWrapper.text-box-wrapper input.input-text, #label-element590, #element590, #form-element-wrapper_588.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_588.formFieldWrapper.text-box-wrapper input.input-text, #label-element588, #element588, #form-element-wrapper_586.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_586.formFieldWrapper.text-box-wrapper input.input-text, #label-element586, #element586, #form-element-wrapper_584.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_584.formFieldWrapper.text-box-wrapper input.input-text, #label-element584, #element584, #form-element-wrapper_582.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_582.formFieldWrapper.text-box-wrapper input.input-text, #label-element582, #element582, #form-element-wrapper_110.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_110.formFieldWrapper.text-box-wrapper input.input-text, #label-element110, #element110, #form-element-wrapper_309.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_309.formFieldWrapper.text-box-wrapper input.input-text, #label-element309, #element309, #form-element-wrapper_310.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_310.formFieldWrapper.text-box-wrapper input.input-text, #label-element310, #element310, #form-element-wrapper_359.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_359.formFieldWrapper.text-box-wrapper input.input-text, #label-element359, #element359, #form-element-wrapper_360.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_360.formFieldWrapper.text-box-wrapper input.input-text, #label-element360, #element360, #form-element-wrapper_409.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_409.formFieldWrapper.text-box-wrapper input.input-text, #label-element409, #element409, #form-element-wrapper_410.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_410.formFieldWrapper.text-box-wrapper input.input-text, #label-element410, #element410, #form-element-wrapper_330.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_330.formFieldWrapper.text-box-wrapper input.input-text, #label-element330, #element330, #form-element-wrapper_347.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_347.formFieldWrapper.text-box-wrapper input.input-text, #label-element347, #element347, #form-element-wrapper_380.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_380.formFieldWrapper.text-box-wrapper input.input-text, #label-element380, #element380, #form-element-wrapper_397.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_397.formFieldWrapper.text-box-wrapper input.input-text, #label-element397, #element397, #form-element-wrapper_297.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_297.formFieldWrapper.text-box-wrapper input.input-text, #label-element297, #element297, #form-element-wrapper_280.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_280.formFieldWrapper.text-box-wrapper input.input-text, #label-element280, #element280, #form-element-wrapper_235.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_235.formFieldWrapper.text-box-wrapper input.input-text, #label-element235, #element235, #form-element-wrapper_236.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_236.formFieldWrapper.text-box-wrapper input.input-text, #label-element236, #element236, #form-element-wrapper_237.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_237.formFieldWrapper.text-box-wrapper input.input-text, #label-element237, #element237, #form-element-wrapper_234.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_234.formFieldWrapper.text-box-wrapper input.input-text, #label-element234, #element234, #form-element-wrapper_151.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_151.formFieldWrapper.text-box-wrapper input.input-text, #label-element151, #element151, #form-element-wrapper_150.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_150.formFieldWrapper.text-box-wrapper input.input-text, #label-element150, #element150, #form-element-wrapper_111.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_111.formFieldWrapper.text-box-wrapper input.input-text, #label-element111, #element111, #form-element-wrapper_149.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_149.formFieldWrapper.text-box-wrapper input.input-text, #label-element149, #element149, #form-element-wrapper_133.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_133.formFieldWrapper.text-box-wrapper input.input-text, #label-element133, #element133, #form-element-wrapper_148.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_148.formFieldWrapper.text-box-wrapper input.input-text, #label-element148, #element148 {
    display: none !important;
}

/* Align AM/PM with text field */
#form-element-wrapper_109, #label-element109, #element109 {
    padding-right: 5px !important;
    display: inline-block;
    width: 25% !important;
    min-width: 167px !important;
    max-width: 167px !important;
}
#label-element102 {
    display: none !important;
}

/* allign 'Make a Selection' for Person #1-3 */
#form-element-wrapper_265, #form-element-wrapper_315, #form-element-wrapper_365, #form-element-wrapper_79, #form-element-wrapper_87, #form-element-wrapper_92, #form-element-wrapper_107, #form-element-wrapper_194, #form-element-wrapper_199, #form-element-wrapper_204, #form-element-wrapper_209, #form-element-wrapper_214, #form-element-wrapper_219, #form-element-wrapper_224 {
    vertical-align: top;
}

/* Increase width of error message */
#form-element-wrapper_109 > div > div:nth-child(3) > div.regexErrorLabel.truncateWithEllipsis {
    width: 275px !important;
}

/* Signature upload message */
#form-element-wrapper_645 {
    padding-top: 0px;
}
#label-element645 {
    font-size: 12px;
    color: rgb(105, 105, 105) !important;
}
#element645 {
    display: none !important;
}

/* required fields message */
#form-element-wrapper_646 {
    text-align: right !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#form-element-wrapper_116, #form-element-wrapper_116 > div {
    padding-top: 0px !important
}
#label-element646 {
    color: #FF0000 !important;
    padding-bottom: 0px;
}
#element646 {
    display: none !important;
}

/* Change # Parties SubHeading width */
#label-element260 > span.sub-heading {
    width: 320px !important;
    max-width: 100% !important;
}



/*Reduce margin on custom HTML field paragraphs where p class= .html_field_label*/
.html_field_label {
    margin-bottom: 0px!important;
}

@media only screen and (max-width: 768px) {
    /*Make 1/2 width fields narrower on mobile screens*/
    #form-element-wrapper_0.formFieldWrapper.text-box-wrapper input.input-text {
        width: 85%!important;
    }
    #element544, #element545, #element546, #element542, #element543, #element540, #element541, #element538, #element539, #element536, #element537, #element84, #element86, #element91, #element193, #element198, #element203, #element208, #element213, #element218, #element223, #element106 {
        width: 230px !important;
    }

    /*Make full width fields narrower on mobile screens*/
    #form-element-wrapper_60.formFieldWrapper.text-box-wrapper input.input-text {
        width: 95%!important;
    }
    
}


.form-submit-button, #form-element-wrapper_2 > div > input {
    background-color: transparent !important;
    border-color: transparent !important;
    color: transparent !important;
}
#form-element-wrapper_2 > div > input {
    z-index: 2 !important;
    position: absolute !important;
    width: 175px !important;
}
#form-element-wrapper_2 > div:after {
    width: 175px !important;
    visibility: visible !important;
    position: absolute !important; 
    content: "Verify My Information" !important;
    padding: 6px 12px;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1.428571429 !important;
    text-align: center !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    border: 1px solid transparent !important;
    border-radius: 4px;
    color: #fff !important;
    background-color: #2E74B5 !important;
    border-color: #2E74B5 !important;
    margin: 0 !important;
    vertical-align: baseline !important;
    z-index: 1 !important;
}

#form-element-wrapper_2 > div {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}#form-element-wrapper_139, #form-element-wrapper_713 {
  user-select: none;
}
#form-element-wrapper_139 ::selection, #form-element-wrapper_713 ::selection {
  background: none;
}
#form-element-wrapper_139 ::-moz-selection, #form-element-wrapper_713 ::-moz-selection {
  background: none;
}