/* Move Add Button in Employment Container Field to bottom */ .item-wrapper { display: flex; flex-direction: column-reverse; } /* Increase the form label size for every form field */ .form-label { font-size: 16.5px !important; } /* Default image size for desktop */ .formFieldWrapper img { width: 100%; height: auto; } /* General Styles */ body, .page-content { margin: 0; padding: 0; font-family: Arial, sans-serif; } .form-section { padding: 10px; box-sizing: border-box; } .formFieldWrapper { margin-bottom: 15px; } /* Adjust image sizes for mobile screens */ img, .mCS_img_loaded { max-width: 100%; height: auto !important; } /* Ensure text elements maintain proper line breaks */ p, h1, h2, h3, h4, h5, h6, span, div { word-wrap: break-word; white-space: normal; } /* General section width and padding adjustments for mobile */ .form-section, #workflow-wrapper, #divWorkflowContent, .page-content { width: 100%; } /* Ensure form fields don't overlap or cause overflow */ input, select, textarea { box-sizing: border-box; } /* Next, Back, Save, and Submit Buttons Display Side By Side */ .form-section-buttons>input.form-section-next.form-change-section, .form-section-buttons>input.withQTip.toCheck.ignore-reset.form-save-button, .form-section-buttons>input.form-section-prev.form-change-section, .form-section-buttons>input.form-submit-button.withQTip.toCheck.ignore-reset.buttonMargin.form-wizard-submit-button.cancel { max-width: 25%; } #mailing-street-name { display: block !important; } /* Add a dropdown for the state field */ #state-field { display: inline-block !important; width: 100% !important; } #email-address { width: 100% !important; white-space: normal; overflow: visible; } input[type='radio'] { width: 24px; height: 24px; } input[type='checkbox'] { display: inline-block; width: 24px; height: 24px; } div#workflow-background-wrapper { min-width: 75% !important; } /* Resize Right Panel */ .workflowRightTab, .infoSection { max-width: 25% !important; } /* reduce bottom padding on page */ .form-section, #StageSubmitForm:not(.recordForm) { padding-bottom: 0px !important; padding-right: 0px !important; padding-left: 2px !important; } .form-section { display: block; overflow: hidden; padding-left: 10px; } /* 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; } /* Mobile Styles applied to anything narrower than 768 */ @media only screen and (max-width: 768px) { .page-wrap { width: 100%; margin: auto; } body>div.page-wrap>div { max-width: 100% !important; width: 100% !important; overflow: hidden; } .workflowContent .formFieldWrapper, .workflowContent .formFieldWrapper>div input { max-width: 100% !important; } .formFieldWrapper { width: 100% !important; } .workflowContent .formFieldWrapper.align-block-30, .formFieldWrapper.static-html-wrapper, .recordForm .formFieldWrapper.align-block-30, .formFieldWrapper.text-area-wrapper textarea.textarea-input, .form-element-wrapper.text-area textarea.field, .formFieldWrapper.address-wrapper, label { width: 94% !important; max-width: 100% !important; } .formFieldWrapper.text-box-wrapper input.input-text, .form-element-wrapper.text-box input.field, input:not([type="date"]) input[type="text"], input[type="password"], 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="url"], textarea, select { width: 100% !important; } .form-option input[type="radio"].radio-button { width: 16px !important; } /* Hiding hovertips */ .qtip { display: none !important; } /* Remove padding from "container" form */ .form-section, #StageSubmitForm:not(.recordForm), #workflow-wrapper, #divWorkflowContent { padding: 0px !important; } #formPartialDiv { padding: 4px 0; } /* Page Margin */ div#workflow-background-wrapper { margin: 0 !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%; } /* 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 14px !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; } #section-breadcrumbs { display: flex; flex-direction: column; align-items: flex-start; padding-left: 4px; } #save-button, #submit-button { margin-bottom: 10px; } #logo { max-width: 60vw !important; height: auto !important; padding-left: 5vw; padding-right: 5vw; margin: 0 auto; object-fit: contain !important; } input[type='radio'], input[type='checkbox'] { width: 16px; height: 16px; } #my-mailing-address-button { display: none !important; } } /*Hide "Checked" text that appears below radio button selections"*/ #form-element-wrapper_181 .previous-result-text, #form-element-wrapper_182 .previous-result-text, #form-element-wrapper_183 .previous-result-text, #form-element-wrapper_184 .previous-result-text, #form-element-wrapper_185 .previous-result-text, #form-element-wrapper_186 .previous-result-text, #form-element-wrapper_187 .previous-result-text, #form-element-wrapper_188 .previous-result-text, #form-element-wrapper_189 .previous-result-text, #form-element-wrapper_190 .previous-result-text, #form-element-wrapper_191 .previous-result-text, #form-element-wrapper_194 .previous-result-text, #form-element-wrapper_195 .previous-result-text, #form-element-wrapper_196 .previous-result-text, #form-element-wrapper_197 .previous-result-text, #form-element-wrapper_198 .previous-result-text, #form-element-wrapper_199 .previous-result-text, #form-element-wrapper_200 .previous-result-text, #form-element-wrapper_201 .previous-result-text, #form-element-wrapper_202 .previous-result-text, #form-element-wrapper_203 .previous-result-text, #form-element-wrapper_204 .previous-result-text, #form-element-wrapper_206 .previous-result-text, #form-element-wrapper_212 .previous-result-text, #form-element-wrapper_213 .previous-result-text, #form-element-wrapper_214 .previous-result-text, #form-element-wrapper_215 .previous-result-text, #form-element-wrapper_217 .previous-result-text, #form-element-wrapper_218 .previous-result-text, #form-element-wrapper_219 .previous-result-text, #form-element-wrapper_222 .previous-result-text, #form-element-wrapper_220 .previous-result-text, #form-element-wrapper_223 .previous-result-text, #form-element-wrapper_224 .previous-result-text, #form-element-wrapper_225 .previous-result-text, #form-element-wrapper_228 .previous-result-text, #form-element-wrapper_229 .previous-result-text, #form-element-wrapper_230 .previous-result-text, #form-element-wrapper_232 .previous-result-text, #form-element-wrapper_233 .previous-result-text, #form-element-wrapper_234 .previous-result-text, #form-element-wrapper_235 .previous-result-text, #form-element-wrapper_237 .previous-result-text, #form-element-wrapper_238 .previous-result-text, #form-element-wrapper_239 .previous-result-text, #form-element-wrapper_240 .previous-result-text, #form-element-wrapper_242 .previous-result-text, #form-element-wrapper_243 .previous-result-text, #form-element-wrapper_244 .previous-result-text { visibility: hidden; } /* Row fields for General Availability section - Day Fields */ #form-element-wrapper_56, #form-element-wrapper_57, #form-element-wrapper_58, #form-element-wrapper_59, #form-element-wrapper_60, #form-element-wrapper_61, #form-element-wrapper_62, #form-element-wrapper_65, #form-element-wrapper_66, #form-element-wrapper_67, #form-element-wrapper_68, #form-element-wrapper_69, #form-element-wrapper_70, #form-element-wrapper_71, #form-element-wrapper_74, #form-element-wrapper_75, #form-element-wrapper_76, #form-element-wrapper_77, #form-element-wrapper_78, #form-element-wrapper_79, #form-element-wrapper_80, #form-element-wrapper_83, #form-element-wrapper_84, #form-element-wrapper_85, #form-element-wrapper_86, #form-element-wrapper_87, #form-element-wrapper_88, #form-element-wrapper_89, #form-element-wrapper_92, #form-element-wrapper_93, #form-element-wrapper_94, #form-element-wrapper_95, #form-element-wrapper_96, #form-element-wrapper_97, #form-element-wrapper_98, #form-element-wrapper_101, #form-element-wrapper_102, #form-element-wrapper_103, #form-element-wrapper_104, #form-element-wrapper_105, #form-element-wrapper_106, #form-element-wrapper_107, #form-element-wrapper_110, #form-element-wrapper_111, #form-element-wrapper_112, #form-element-wrapper_113, #form-element-wrapper_114, #form-element-wrapper_115, #form-element-wrapper_116, #form-element-wrapper_119, #form-element-wrapper_120, #form-element-wrapper_121, #form-element-wrapper_122, #form-element-wrapper_123, #form-element-wrapper_124, #form-element-wrapper_125, #form-element-wrapper_128, #form-element-wrapper_129, #form-element-wrapper_130, #form-element-wrapper_131, #form-element-wrapper_132, #form-element-wrapper_133, #form-element-wrapper_134, #form-element-wrapper_137, #form-element-wrapper_138, #form-element-wrapper_139, #form-element-wrapper_140, #form-element-wrapper_141, #form-element-wrapper_142, #form-element-wrapper_143, #form-element-wrapper_146, #form-element-wrapper_147, #form-element-wrapper_148, #form-element-wrapper_149, #form-element-wrapper_150, #form-element-wrapper_151, #form-element-wrapper_152 { width: 7% !important; min-width: 7% !important; padding: 0px; margin: 0px; } /* Row fields for General Availability section - Default Schedule Fields */ #form-element-wrapper_52, #form-element-wrapper_49, #form-element-wrapper_50, #form-element-wrapper_51, #form-element-wrapper_383, #form-element-wrapper_380, #form-element-wrapper_381, #form-element-wrapper_382, #form-element-wrapper_431, #form-element-wrapper_377 { width: 7% !important; min-width: 10% !important; padding: 0px; margin: 0px; } #form-element-wrapper_49 div label, #form-element-wrapper_50 div label, #form-element-wrapper_51 div label, #form-element-wrapper_377 div label, #form-element-wrapper_431 div label { height: 40px; } /* Hide field value for General Availability section */ #element52, #element55, #element64, #element73, #element82, #element91, #element100, #element109, #element118, #element127, #element136, #element145, #element383 { display: none; padding: 10px !important; } /* Row fields for Geographic Preferences section - City Fields */ #form-element-wrapper_181, #form-element-wrapper_182, #form-element-wrapper_183, #form-element-wrapper_184, #form-element-wrapper_185, #form-element-wrapper_186, #form-element-wrapper_187, #form-element-wrapper_188, #form-element-wrapper_189, #form-element-wrapper_190, #form-element-wrapper_191, #form-element-wrapper_194, #form-element-wrapper_195, #form-element-wrapper_196, #form-element-wrapper_197, #form-element-wrapper_198, #form-element-wrapper_199, #form-element-wrapper_200, #form-element-wrapper_201, #form-element-wrapper_202, #form-element-wrapper_203, #form-element-wrapper_204, #form-element-wrapper_206, #form-element-wrapper_212, #form-element-wrapper_213, #form-element-wrapper_214, #form-element-wrapper_215, #form-element-wrapper_217, #form-element-wrapper_218, #form-element-wrapper_219, #form-element-wrapper_222, #form-element-wrapper_220, #form-element-wrapper_223, #form-element-wrapper_224, #form-element-wrapper_225, #form-element-wrapper_228, #form-element-wrapper_229, #form-element-wrapper_230, #form-element-wrapper_232, #form-element-wrapper_233, #form-element-wrapper_234, #form-element-wrapper_235, #form-element-wrapper_237, #form-element-wrapper_238, #form-element-wrapper_239, #form-element-wrapper_240, #form-element-wrapper_242, #form-element-wrapper_243, #form-element-wrapper_244 { width: 22% !important; min-width: 22% !important; padding: 0px; margin: 0px; } /* Availability Table Unchecked */ #element49, #element50, #element51, #element56, #element57, #element58, #element59, #element60, #element61, #element62, #element65, #element66, #element67, #element68, #element69, #element70, #element71, #element74, #element75, #element76, #element77, #element78, #element79, #element80, #element83, #element84, #element85, #element86, #element87, #element88, #element89, #element92, #element93, #element94, #element95, #element96, #element97, #element98, #element101, #element102, #element103, #element104, #element105, #element106, #element107, #element110, #element111, #element112, #element113, #element114, #element115, #element116, #element119, #element120, #element121, #element122, #element123, #element124, #element125, #element128, #element129, #element130, #element131, #element132, #element133, #element134, #element137, #element138, #element139, #element140, #element141, #element142, #element143, #element146, #element147, #element148, #element149, #element150, #element151, #element152, #element431, #element377 { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 60px; height: 30px; border: 2px solid #c7c7c7; background-color: #cfcfcf; border-radius: 5px; outline: none; } /* Availability Table Checked */ #element49:checked, #element50:checked, #element51:checked, #element56:checked, #element57:checked, #element58:checked, #element59:checked, #element60:checked, #element61:checked, #element62:checked, #element65:checked, #element66:checked, #element67:checked, #element68:checked, #element69:checked, #element70:checked, #element71:checked, #element74:checked, #element75:checked, #element76:checked, #element77:checked, #element78:checked, #element79:checked, #element80:checked, #element83:checked, #element84:checked, #element85:checked, #element86:checked, #element87:checked, #element88:checked, #element89:checked, #element92:checked, #element93:checked, #element94:checked, #element95:checked, #element96:checked, #element97:checked, #element98:checked, #element101:checked, #element102:checked, #element103:checked, #element104:checked, #element105:checked, #element106:checked, #element107:checked, #element110:checked, #element111:checked, #element112:checked, #element113:checked, #element114:checked, #element115:checked, #element116:checked, #element119:checked, #element120:checked, #element121:checked, #element122:checked, #element123:checked, #element124:checked, #element125:checked, #element128:checked, #element129:checked, #element130:checked, #element131:checked, #element132:checked, #element133:checked, #element134:checked, #element137:checked, #element138:checked, #element139:checked, #element140:checked, #element141:checked, #element142:checked, #element143:checked, #element146:checked, #element147:checked, #element148:checked, #element149:checked, #element150:checked, #element151:checked, #element152:checked, #element342:checked, #element431:checked, #element377:checked { border: 2px solid rgb(0 39 130); background-color: rgb(0 17 80); color: green; } /*Centering the days below the buttons*/ #form-element-wrapper_56 div span, #form-element-wrapper_57 div span, #form-element-wrapper_58 div span, #form-element-wrapper_59 div span, #form-element-wrapper_60 div span, #form-element-wrapper_61 div span, #form-element-wrapper_62 div span, #form-element-wrapper_65 div span, #form-element-wrapper_66 div span, #form-element-wrapper_67 div span, #form-element-wrapper_68 div span, #form-element-wrapper_69 div span, #form-element-wrapper_70 div span, #form-element-wrapper_71 div span, #form-element-wrapper_74 div span, #form-element-wrapper_75 div span, #form-element-wrapper_76 div span, #form-element-wrapper_77 div span, #form-element-wrapper_78 div span, #form-element-wrapper_79 div span, #form-element-wrapper_80 div span, #form-element-wrapper_83 div span, #form-element-wrapper_84 div span, #form-element-wrapper_85 div span, #form-element-wrapper_86 div span, #form-element-wrapper_87 div span, #form-element-wrapper_88 div span, #form-element-wrapper_89 div span, #form-element-wrapper_92 div span, #form-element-wrapper_93 div span, #form-element-wrapper_94 div span, #form-element-wrapper_95 div span, #form-element-wrapper_96 div span, #form-element-wrapper_97 div span, #form-element-wrapper_98 div span, #form-element-wrapper_101 div span, #form-element-wrapper_102 div span, #form-element-wrapper_103 div span, #form-element-wrapper_104 div span, #form-element-wrapper_105 div span, #form-element-wrapper_106 div span, #form-element-wrapper_107 div span, #form-element-wrapper_110 div span, #form-element-wrapper_111 div span, #form-element-wrapper_112 div span, #form-element-wrapper_113 div span, #form-element-wrapper_114 div span, #form-element-wrapper_115 div span, #form-element-wrapper_116 div span, #form-element-wrapper_119 div span, #form-element-wrapper_120 div span, #form-element-wrapper_121 div span, #form-element-wrapper_122 div span, #form-element-wrapper_123 div span, #form-element-wrapper_124 div span, #form-element-wrapper_125 div span, #form-element-wrapper_128 div span, #form-element-wrapper_129 div span, #form-element-wrapper_130 div span, #form-element-wrapper_131 div span, #form-element-wrapper_132 div span, #form-element-wrapper_133 div span, #form-element-wrapper_134 div span, #form-element-wrapper_137 div span, #form-element-wrapper_138 div span, #form-element-wrapper_139 div span, #form-element-wrapper_140 div span, #form-element-wrapper_141 div span, #form-element-wrapper_142 div span, #form-element-wrapper_143 div span, #form-element-wrapper_146 div span, #form-element-wrapper_147 div span, #form-element-wrapper_148 div span, #form-element-wrapper_149 div span, #form-element-wrapper_150 div span, #form-element-wrapper_151 div span, #form-element-wrapper_152 div span, #form-element-wrapper_342 div span { position: relative; left: 2%; bottom: 27px; color: white; } /*Centering the shortcut days below the buttons*/ #form-element-wrapper_49 div span, #form-element-wrapper_50 div span, #form-element-wrapper_51 div span, #form-element-wrapper_377 div span, #form-element-wrapper_431 div span { position: relative; right: 2%; bottom: 5px; } /* Hide Validation Fields*/ #element526, #element525, #label-element525, #label-element526 { display: none !important; } /* Decrease image size for mobile screens */ @media (max-width: 768px) { #form-element-wrapper_49 div label, #form-element-wrapper_50 div label, #form-element-wrapper_51 div label, #form-element-wrapper_377 div label, #form-element-wrapper_431 div label { height: 10px; } /* Row fields for General Availability section - Day Fields */ #form-element-wrapper_56, #form-element-wrapper_57, #form-element-wrapper_58, #form-element-wrapper_59, #form-element-wrapper_60, #form-element-wrapper_61, #form-element-wrapper_62, #form-element-wrapper_65, #form-element-wrapper_66, #form-element-wrapper_67, #form-element-wrapper_68, #form-element-wrapper_69, #form-element-wrapper_70, #form-element-wrapper_71, #form-element-wrapper_74, #form-element-wrapper_75, #form-element-wrapper_76, #form-element-wrapper_77, #form-element-wrapper_78, #form-element-wrapper_79, #form-element-wrapper_80, #form-element-wrapper_83, #form-element-wrapper_84, #form-element-wrapper_85, #form-element-wrapper_86, #form-element-wrapper_87, #form-element-wrapper_88, #form-element-wrapper_89, #form-element-wrapper_92, #form-element-wrapper_93, #form-element-wrapper_94, #form-element-wrapper_95, #form-element-wrapper_96, #form-element-wrapper_97, #form-element-wrapper_98, #form-element-wrapper_101, #form-element-wrapper_102, #form-element-wrapper_103, #form-element-wrapper_104, #form-element-wrapper_105, #form-element-wrapper_106, #form-element-wrapper_107, #form-element-wrapper_110, #form-element-wrapper_111, #form-element-wrapper_112, #form-element-wrapper_113, #form-element-wrapper_114, #form-element-wrapper_115, #form-element-wrapper_116, #form-element-wrapper_119, #form-element-wrapper_120, #form-element-wrapper_121, #form-element-wrapper_122, #form-element-wrapper_123, #form-element-wrapper_124, #form-element-wrapper_125, #form-element-wrapper_128, #form-element-wrapper_129, #form-element-wrapper_130, #form-element-wrapper_131, #form-element-wrapper_132, #form-element-wrapper_133, #form-element-wrapper_134, #form-element-wrapper_137, #form-element-wrapper_138, #form-element-wrapper_139, #form-element-wrapper_140, #form-element-wrapper_141, #form-element-wrapper_142, #form-element-wrapper_143, #form-element-wrapper_146, #form-element-wrapper_147, #form-element-wrapper_148, #form-element-wrapper_149, #form-element-wrapper_150, #form-element-wrapper_151, #form-element-wrapper_152 { width: 100% !important; padding: 0px; margin: 0px; } /* Row fields for General Availability section - Default Schedule Fields */ #form-element-wrapper_52, #form-element-wrapper_49, #form-element-wrapper_50, #form-element-wrapper_51, #form-element-wrapper_383, #form-element-wrapper_380, #form-element-wrapper_381, #form-element-wrapper_382, #form-element-wrapper_431, #form-element-wrapper_377 { width: 100% !important; padding: 0px; margin: 0px; } /* Hide field value for General Availability section */ #element52, #element55, #element64, #element73, #element82, #element91, #element100, #element109, #element118, #element127, #element136, #element145, #element383 { display: none; padding: 10px !important; } /* Availability Table Unchecked */ #element49, #element50, #element51, #element56, #element57, #element58, #element59, #element60, #element61, #element62, #element65, #element66, #element67, #element68, #element69, #element70, #element71, #element74, #element75, #element76, #element77, #element78, #element79, #element80, #element83, #element84, #element85, #element86, #element87, #element88, #element89, #element92, #element93, #element94, #element95, #element96, #element97, #element98, #element101, #element102, #element103, #element104, #element105, #element106, #element107, #element110, #element111, #element112, #element113, #element114, #element115, #element116, #element119, #element120, #element121, #element122, #element123, #element124, #element125, #element128, #element129, #element130, #element131, #element132, #element133, #element134, #element137, #element138, #element139, #element140, #element141, #element142, #element143, #element146, #element147, #element148, #element149, #element150, #element151, #element152, #element342, #element431, #element377 { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 60px !important; height: 30px; border: 2px solid #c7c7c7; background-color: #cfcfcf; border-radius: 5px; outline: none; } /* Availability Table Checked */ #element49:checked, #element50:checked, #element51:checked, #element56:checked, #element57:checked, #element58:checked, #element59:checked, #element60:checked, #element61:checked, #element62:checked, #element65:checked, #element66:checked, #element67:checked, #element68:checked, #element69:checked, #element70:checked, #element71:checked, #element74:checked, #element75:checked, #element76:checked, #element77:checked, #element78:checked, #element79:checked, #element80:checked, #element83:checked, #element84:checked, #element85:checked, #element86:checked, #element87:checked, #element88:checked, #element89:checked, #element92:checked, #element93:checked, #element94:checked, #element95:checked, #element96:checked, #element97:checked, #element98:checked, #element101:checked, #element102:checked, #element103:checked, #element104:checked, #element105:checked, #element106:checked, #element107:checked, #element110:checked, #element111:checked, #element112:checked, #element113:checked, #element114:checked, #element115:checked, #element116:checked, #element119:checked, #element120:checked, #element121:checked, #element122:checked, #element123:checked, #element124:checked, #element125:checked, #element128:checked, #element129:checked, #element130:checked, #element131:checked, #element132:checked, #element133:checked, #element134:checked, #element137:checked, #element138:checked, #element139:checked, #element140:checked, #element141:checked, #element142:checked, #element143:checked, #element146:checked, #element147:checked, #element148:checked, #element149:checked, #element150:checked, #element151:checked, #element152:checked, #element342:checked, #element431:checked, #element377:checked { border: 2px solid rgba(0, 39, 130); background-color: rgba(0, 17, 80); color: green; } /*Centering the shortcut days below the buttons*/ #form-element-wrapper_49 div span, #form-element-wrapper_50 div span, #form-element-wrapper_51 div span, #form-element-wrapper_377 div span, #form-element-wrapper_431 div span { bottom: 3em; } /* Row fields for Geographic Preferences section - City Fields */ #form-element-wrapper_181, #form-element-wrapper_182, #form-element-wrapper_183, #form-element-wrapper_184, #form-element-wrapper_185, #form-element-wrapper_186, #form-element-wrapper_187, #form-element-wrapper_188, #form-element-wrapper_189, #form-element-wrapper_190, #form-element-wrapper_191, #form-element-wrapper_194, #form-element-wrapper_195, #form-element-wrapper_196, #form-element-wrapper_197, #form-element-wrapper_198, #form-element-wrapper_199, #form-element-wrapper_200, #form-element-wrapper_201, #form-element-wrapper_202, #form-element-wrapper_203, #form-element-wrapper_204, #form-element-wrapper_206, #form-element-wrapper_212, #form-element-wrapper_213, #form-element-wrapper_214, #form-element-wrapper_215, #form-element-wrapper_217, #form-element-wrapper_218, #form-element-wrapper_219, #form-element-wrapper_222, #form-element-wrapper_220, #form-element-wrapper_223, #form-element-wrapper_224, #form-element-wrapper_225, #form-element-wrapper_228, #form-element-wrapper_229, #form-element-wrapper_230, #form-element-wrapper_232, #form-element-wrapper_233, #form-element-wrapper_234, #form-element-wrapper_235, #form-element-wrapper_237, #form-element-wrapper_238, #form-element-wrapper_239, #form-element-wrapper_240, #form-element-wrapper_242, #form-element-wrapper_243, #form-element-wrapper_244 { width: 45% !important; min-width: 22% !important; padding: 0px; margin: 0px; } /* Extend Email Field */ #element34, #element345, #element406 { min-width: 325px !important; } /* Extend Company/Customer Field */ #element342, #element403 { min-width: 325px !important; } /* Extend Reference Name Field */ #element344, #element405 { min-width: 325px !important; } } /*Hide Geographic Region Error*/ #element741 { visibility: hidden; } #form-element-wrapper_741 { visibility: hidden; } /*Acknowledgements Font Size*/ #element595>div:nth-child(2)>div.radioButtonCaption>label, #element595>div:nth-child(3)>div.radioButtonCaption>label, #element595>div:nth-child(4)>div.radioButtonCaption>label { font-size: 120% } /*Hide DL Upload Error Title and Code*/ #element744, #label-element744 { display:none; } #form-element-wrapper_744 > div > div > div.validation-text.regexErrorLabel.truncateWithEllipsis { text-align:center } /* Hide error messages*/ #form-element-wrapper_796, #form-element-wrapper_795, #form-element-wrapper_797, #form-element-wrapper_798, #form-element-wrapper_799, #form-element-wrapper_800, #form-element-wrapper_801 { visibility:hidden; } /* Resize Right Panel*/ .workflowRightTab, .infoSection { max-width: 25% !important; } /* Center form, get rid of line on right border*/ #workflow-background-wrapper { float: none !important; margin: auto !important; } /* Set width of page */ #divWorkflowContent { width: 75%; height: 100% !important; min-height: 100% !important; } div#workflow-background-wrapper { min-width: 75% !important; } #mailing-street-name { display: block !important; } /* Add a dropdown for the state field */ #state-field { display: inline-block !important; width: 100% !important; } #email-address { width: 100% !important; white-space: normal; overflow: visible; } input[type='radio'] { width: 24px; height: 24px; } input[type='checkbox'] { display: inline-block; width: 24px; height: 24px; } @media (max-width: 768px) { #save-button, #submit-button { margin-bottom: 10px; } } @media (max-width: 768px) { #logo { max-width: 60vw !important; height: auto !important; padding-left: 5vw; padding-right: 5vw; margin: 0 auto; object-fit: contain !important; } } #mailing-street-name { display: block !important; } /* Add a dropdown for the state field */ #state-field { display: inline-block !important; width: 100% !important; } #email-address { width: 100% !important; white-space: normal; overflow: visible; } input[type='radio'] { width: 24px; height: 24px; } input[type='checkbox'] { display: inline-block; width: 24px; height: 24px; } @media (max-width: 768px) { #save-button, #submit-button { margin-bottom: 10px; } } @media (max-width: 768px) { #logo { max-width: 60vw !important; height: auto !important; padding-left: 5vw; padding-right: 5vw; margin: 0 auto; object-fit: contain !important; } } div#workflow-background-wrapper { min-width: 75% !important; } #mailing-street-name { display: block !important; } /* Add a dropdown for the state field */ #state-field { display: inline-block !important; width: 100% !important; } #email-address { width: 100% !important; white-space: normal; overflow: visible; } input[type='radio'] { width: 24px; height: 24px; } input[type='checkbox'] { display: inline-block; width: 24px; height: 24px; } /* radio and checkbox for mobile*/ @media (max-width: 768px) { input[type='radio'] { width: 24px; height: 24px; } } @media (max-width: 768px) { input[type='checkbox'] { display: inline-block; width: 24px; height: 24px; } } @media (max-width: 768px) { #save-button, #submit-button { margin-bottom: 10px; } } @media (max-width: 768px) { #logo { max-width: 60vw !important; height: auto !important; padding-left: 5vw; padding-right: 5vw; margin: 0 auto; object-fit: contain !important; } } /* Hide Right Panel*/ .workflowRightTab, .infoSection { display:none !important } /* Center form, get rid of line on right border*/ #workflow-background-wrapper { float: none !important; margin: auto !important; border-right: 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; }