

/* Reduce bottom padding on page */
.form-section, #StageSubmitForm:not(.recordForm) {
    padding-bottom: 0px !important;
}
div.page-wrap{
    padding-bottom: 0 !important;
}
/* Adjust page padding */
#workflow-wrapper, #divWorkflowContent {
    padding: 20px 0px!important;
}
/* Hide overflow */
.form-section {
    display: block;
    overflow: hidden;
    padding-left: 10px;
}
/* Hide title, header/footer, info, summary/attachments/communications sections */
.page-top, .page-footer, .infoSection, .workflowRightTab {
    display: none!important;
}
/* Set width of page */
#divWorkflowContent {
    width: 100%;
    height: 100%!important;
    min-height: 100%!important;
}
div#workflow-background-wrapper {
    min-width: 85% !important;
    border: 0px;
}
/* Center form, get rid of line on right border, add shadow */
#workflow-background-wrapper {
    float: none!important;
    margin: auto!important;
    border-right: none!important;
    box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2)!important;
}
/* Add background color and padding so that it's visible above/below form */
#workflow-wrapper, #divWorkflowContent, .page-content {
    background-color: rgba(28,109,178) !important;
}
html, body {
    background: rgba(28,109,178)!important;
}
#workflow-wrapper:not(.embed):not(.registered-embed){
    min-height: 0px;
}
/* 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;
    }
}
/* Fields border, background and color */
.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: 12px;
}

/* 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 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: 12px;
    color: #163159;
}
.select2-container--bootstrap .select2-selection {
    border: 1px solid rgba(11,102,158,.3);
    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);
}
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: rgba(28,109,178) !important;
    background-color: rgba(28,109,178) !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-element , #element {
    display: none !important;
}

/*Reduce padding above hidden labels*/
#form-element-wrapper_, #form-element-wrapper_, #form-element-wrapper_ {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/*Hide validation field text area and field label*/
#form-element-wrapper_.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_.formFieldWrapper.text-box-wrapper input.input-text, #label-element, #element {
    display: none !important;
}

/* Form Fields*/
		#form-element-wrapper_601, #form-element-wrapper_602, #form-element-wrapper_603, #form-element-wrapper_606, #form-element-wrapper_607, #form-element-wrapper_608, #form-element-wrapper_609, #form-element-wrapper_611, #form-element-wrapper_612, #form-element-wrapper_613, #form-element-wrapper_614, #form-element-wrapper_616, #form-element-wrapper_617, #form-element-wrapper_618, #form-element-wrapper_619, #form-element-wrapper_621, #form-element-wrapper_622, #form-element-wrapper_623, #form-element-wrapper_624, #form-element-wrapper_626, #form-element-wrapper_627, #form-element-wrapper_628, #form-element-wrapper_629, #form-element-wrapper_631, #form-element-wrapper_632, #form-element-wrapper_633, #form-element-wrapper_634, #form-element-wrapper_636, #form-element-wrapper_637, #form-element-wrapper_638, #form-element-wrapper_639, #form-element-wrapper_641, #form-element-wrapper_642, #form-element-wrapper_643, #form-element-wrapper_644, #form-element-wrapper_646, #form-element-wrapper_647, #form-element-wrapper_648, #form-element-wrapper_649, #form-element-wrapper_651, #form-element-wrapper_652, #form-element-wrapper_653, #form-element-wrapper_654, #form-element-wrapper_655, #form-element-wrapper_656, #form-element-wrapper_657, #form-element-wrapper_658, #form-element-wrapper_659 {
			width: 17% !important;
			min-width: 17% !important;
			padding: 10px;
			margin: 0px;
}
        /* Hide field value */
        #element756, #element757 {
            display: none;
            padding: 10px !important;

        }

/* Container add and remove to be moved to bottom of container field */
.form-container-wrapper .add-item-template {
    position: relative;
    background-color: rgba(28,109,178) !important;
    color: white;
    border: 1px solid transparent;
    border-radius: 20px;
    padding: 5px 15px 5px 30px;
}

/* CRR Form Fields*/
		#form-element-wrapper_516, #form-element-wrapper_517, #form-element-wrapper_943, #form-element-wrapper_518, #form-element-wrapper_520, #form-element-wrapper_521, #form-element-wrapper_944, #form-element-wrapper_522, #form-element-wrapper_523, #form-element-wrapper_524, #form-element-wrapper_945, #form-element-wrapper_525, #form-element-wrapper_526, #form-element-wrapper_527, #form-element-wrapper_946, #form-element-wrapper_528, #form-element-wrapper_529, #form-element-wrapper_530, #form-element-wrapper_947, #form-element-wrapper_531, #form-element-wrapper_532, #form-element-wrapper_533, #form-element-wrapper_948, #form-element-wrapper_534, #form-element-wrapper_535, #form-element-wrapper_536, #form-element-wrapper_949, #form-element-wrapper_537, #form-element-wrapper_538, #form-element-wrapper_539, #form-element-wrapper_950, #form-element-wrapper_540, #form-element-wrapper_541, #form-element-wrapper_542, #form-element-wrapper_951, #form-element-wrapper_543, #form-element-wrapper_544, #form-element-wrapper_545, #form-element-wrapper_952, #form-element-wrapper_546, #form-element-wrapper_547, #form-element-wrapper_548, #form-element-wrapper_953, #form-element-wrapper_549, #form-element-wrapper_550, #form-element-wrapper_551, #form-element-wrapper_954, #form-element-wrapper_552, #form-element-wrapper_553, #form-element-wrapper_554, #form-element-wrapper_955, #form-element-wrapper_555, #form-element-wrapper_556, #form-element-wrapper_557, #form-element-wrapper_956, #form-element-wrapper_558, #form-element-wrapper_559, #form-element-wrapper_560, #form-element-wrapper_957, #form-element-wrapper_561, #form-element-wrapper_562, #form-element-wrapper_563, #form-element-wrapper_958, #form-element-wrapper_564, #form-element-wrapper_565, #form-element-wrapper_566, #form-element-wrapper_959, #form-element-wrapper_567, #form-element-wrapper_568, #form-element-wrapper_569, #form-element-wrapper_960, #form-element-wrapper_570, #form-element-wrapper_571, #form-element-wrapper_572, #form-element-wrapper_961, #form-element-wrapper_573, #form-element-wrapper_574, #form-element-wrapper_575, #form-element-wrapper_962, #form-element-wrapper_576, #form-element-wrapper_577, #form-element-wrapper_578, #form-element-wrapper_963, #form-element-wrapper_579, #form-element-wrapper_580, #form-element-wrapper_581, #form-element-wrapper_964, #form-element-wrapper_582, #form-element-wrapper_583, #form-element-wrapper_584, #form-element-wrapper_965, #form-element-wrapper_585, #form-element-wrapper_586, #form-element-wrapper_587, #form-element-wrapper_966, #form-element-wrapper_588, #form-element-wrapper_589, #form-element-wrapper_590, #form-element-wrapper_967, #form-element-wrapper_591 {
			width: 23% !important;
			min-width: 23% !important;
			padding: 10px;
			margin: 0px;
}