/* CSS */

@media (max-width: 800px) {
  h1 {
    clear: both;
    font-size: 2em;
    line-height: 2.5em;
    margin-top: 2.5em;
  }
}

@media (min-width: 800px) {
  h1 {
    font-size: 2.5em;
    line-height: 1.5em;
  }
}

html,
body {
  min-width: 412px;
  font: 16px/21px "Arial", sans-serif;
  background-color: #fff;
}

ul li {
  padding-top: 7px; /* Adds space between list items */
  padding-bottom: 7px; /* Adds space between list items */
  white-space: normal;
  float: left;
  width: 100%;
  height: auto;
  word-wrap: break-word;
}

.FormRevDate {
  font: 1em "Arial", sans-serif;
  text-align: center;
  padding: 1em;
  border-top: #d8a462;
  border-style: solid;
  border-width-top: 0.15em;
}

.form-item h1 {
  font: 2.5em "Franklin Gothic", "Arial", sans-serif;
  padding: 0.25em;
  color: #003300;
}

.form-item h2 {
  font-size: 2em;
  line-height: 2em;
  background: #003300;
  color: #ffffff;
  padding-bottom: 0em;
  font-family: "Franklin Gothic", "Arial", sans-serif;
}

/* Header on Review Page */
.form-item h3 {
  font-size: 1.75em;
  line-height: 1.75em;
  background: #80a480;
  padding-bottom: 0em;
  font-family: "Franklin Gothic", "Arial", sans-serif;
}

.form-item h4 {
  font-size: 1.5em;
  line-height: 1.5em;
  border-bottom: #003300;
  border-width: 0.01em;
  border-style: solid;
  padding-bottom: 0em;
  font-family: "Franklin Gothic", "Arial", sans-serif;
}

.form-item h5 {
  font-size: 1.25em;
  line-height: 1.25em;
  border-bottom: #003300;
  border-width: 0.01em;
  border-style: solid;
  padding-bottom: 0em;
  font-family: "Franklin Gothic", "Arial", sans-serif;
}

.form-item h6 {
  font-size: 1.15em;
  line-height: 1.15em;
  border-bottom: #003300;
  border-width: 0.01em;
  border-style: solid;
  padding-bottom: 0em;
  font-family: "Franklin Gothic", "Arial", sans-serif;
}

/* Typography
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Franklin Gothic", "Arial", sans-serif;
  padding: 0em 0.5em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}

a {
  color: #00417e;
}

a:hover {
  color: #007834;
}

a:hover {
  color: #007834;
}

label {
  font-size: 1em;
  font-weight: bold;
  padding-bottom: 1em;
}

/*Popup buttons styles - decide what to do with them*/
.buttonPopup {
  font: 14px/20px "Arial", sans-serif !important;
  color: #9a9a9a !important;
  padding: 2px 20px !important;
  cursor: pointer;
  border: 2px solid #8b8b8b;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  background: #ffffff none repeat scroll 0 0;
}

.buttonPopup:hover {
  background: #ffffff none repeat scroll 0 0 !important;
}

.buttonPopup.medium {
  padding: 2px 20px !important;
}

.buttonPopup.big {
  padding: 5px 20px !important;
}

.RadUpload_Default .ruBrowse,
.buttonPopup.blue {
  color: #ffffff !important;
  border: 2px solid #3ba2fc;
  border-radius: 4px !important;
  background: #3ba2fc !important;
}

.buttonPopup.blue:hover {
  color: #ffffff !important;
  border: 2px solid #2970ae;
  border-radius: 4px !important;
  background: #2970ae !important;
}

.workflow-list-dashboard {
  /*display: none;*/
}

.wizardNormalMode {
  display: none;
  padding: 5px 20px !important;
  color: #ffffff !important;
  border: 0;
  border-radius: 4px !important;
  background: #3ba2fc !important;
}

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

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

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

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

/* Navigation Buttons */
.withQTip.form-save-button[value="Save"] {
  color: white;
  background-color: #003300;
}
.form-section-prev.form-change-section[value="Back"] {
  color: #003300;
  border: 2px solid #003300;
  background-color: white;
  border-color: #003300;
}
.form-section-next.form-change-section[value="Next"] {
  color: white;
  background-color: #003300;
}

.form-save-button.withQTip.toCheck.ignore-reset.buttonMargin.save-button[value="Save"] {
  color: white;
  background-color: #003300;
}

.form-submit-button.withQTip.toCheck.ignore-reset.buttonMargin.cancel[value="Submit"] {
  color: white;
  background-color: #003300;
}

.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 {
  color: #003300;
  border: 2px solid #003300;
  background-color: white;
  border-color: #003300;
}

#tsForm-editor,
.workflowContent {
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 21px;
  text-decoration: none;
  font-style: normal;
  color: #000;
  white-space: normal;
  text-overflow: clip;
  border-radius: 0;
  border-style: solid;
  border-color: #fff;
  border-top-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
  margin: 0;
}
/* Decrease the padding around rich text editor */
.workflowContent .formFieldWrapper,
#ts-form-editor-wrapper .form-element-wrapper {
  padding: 10px 0px 3px 5px;
}

body div.page-content,
body div.inner {
  max-width: 1200px !important;
}

/* 
   Business Details Section
*/
/* What will you name your business? align info text */
#form-element-wrapper_149,
#form-element-wrapper_150 {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}

#form-element-wrapper_150 {
  margin-right: 0;
}

#form-element-wrapper_264,
#form-element-wrapper_176 {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}

#form-element-wrapper_176 {
  margin-right: 0;
}

/* 
   Legal Structure Section 
*/
/* Do you know the legal structure of your business? */
#form-element-wrapper_157,
#form-element-wrapper_240 {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}

#form-element-wrapper_240 {
  margin-right: 0;
}

/*Would you be interested in a free legal consult?*/
#form-element-wrapper_168,
#form-element-wrapper_239 {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}

#form-element-wrapper_239 {
  margin-right: 0;
}

/* 
   Business Activity
*/
/* Will your Business sell taxable goods or services? */
#form-element-wrapper_162,
#form-element-wrapper_241 {
  width: 48%;
  display: inline-block;
  vertical-align: top;

}
#form-element-wrapper_241 {
  margin-right: 0;
}

/* Will your business sell meals, alcohol, or rent rooms? */
#form-element-wrapper_249,#form-element-wrapper_251 {
  width: 48%;
  display: inline-block;
  vertical-align: top;
}

#form-element-wrapper_251 {
 margin-right: 0;
}

/* Are you starting a new business or buying an existing business? */
#form-element-wrapper_250,#form-element-wrapper_254  {
   width: 48%;
  display: inline-block;
  vertical-align: top;
}

#form-element-wrapper_254 {
 margin-right: 0;
}

/* 
   Employee Section
*/
/* Will you have employees?*/
#form-element-wrapper_163,
#form-element-wrapper_242 {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}
#form-element-wrapper_242 {
  margin-right: 0;
}

#form-element-wrapper_169,
#form-element-wrapper_248 {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}

#form-element-wrapper_248 {
  margin-right: 0;
}

/* 
   Resources
*/
/* Relocating your business to Vermont? align info text */
#form-element-wrapper_164,
#form-element-wrapper_244 {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}

#form-element-wrapper_244 {
  margin-right: 0;
}

/* Are you interested in potential funding or incentives that might be available? align info text */
#form-element-wrapper_170,
#form-element-wrapper_245 {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}

#form-element-wrapper_245 {
  margin-right: 0;
}

/* Would you like to know about resources that could assist your new business? align info text */
#form-element-wrapper_171,
#form-element-wrapper_246 {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}

#form-element-wrapper_246 {
  margin-right: 0;
}

/*
 popup save box

.buttonPopup.blue {
  background-color: #003300 !important;
}

.buttonPopup.big.backToDashboard {
  background-color: #003300 !important;
}
.buttonPopup.big.continueEditing {
  background-color: #003300 !important;
}

.buttonPopup.big.blue.continueEditing:focus,
.buttonPopup.big.blue.continueEditing:hover {
  outline: 3px solid #2491ff;
  background-color: #005500;
  margin-top: 8px; /* Adds spacing above on focus/hover */
}
*/

.buttonPopup.big.blue.sendEmail:focus,
.buttonPopup.big.blue.sendEmail:hover {
  outline: 3px solid #2491ff;
  background-color: #005500;
  margin-top: 8px; /* Adds spacing above on focus/hover */
}

.page-content .workflowHeadingTitle {
  background-color: #4caf50 !important;
}

.form-section-buttons input[type="button"]:focus,
.form-section-buttons input[type="button"]:hover,
.form-section-buttons input[type="submit"]:focus,
.form-section-buttons input[type="submit"]:hover {
  outline: 3px solid #2491ff; /* High-contrast focus indicator */
  margin-top: 8px; /* Adds spacing above on focus/hover */
}

.buttonPopup.big.backToDashboard {
  display: none;
}