Reference

Reference Formulary Data

Formulary Data

OtherEvergreenPublic
NovaDesign System
/*--- FORMULARY ---*/

.cmp-formulary.default {
  --formulary-background: #00000000;
  --formulary-border-top: 1px solid #00000000;
  --formulary-border-right: 1px solid #00000000;
  --formulary-border-bottom: 1px solid #00000000;
  --formulary-border-left: 1px solid #00000000;
  --formulary-border-radius-top-right: 0px;
  --formulary-border-radius-top-left: 0px;
  --formulary-border-radius-bottom-right: 0px;
  --formulary-border-radius-bottom-left: 0px;
  --formulary-padding-top: 0px;
  --formulary-padding-right: 0px;
  --formulary-padding-bottom: 0px;
  --formulary-padding-left: 0px;
  --formulary-item-title-background: #ffffff;
  --formulary-item-title-padding-top: 8px;
  --formulary-item-title-padding-right: 8px;
  --formulary-item-title-padding-bottom: 8px;
  --formulary-item-title-padding-left: 8px;
  --formulary-item-title-text: 700 24px "Montserrat";
  --formulary-item-title-letter-spacing: 0%;
  --formulary-item-title-text-color: #ffffff;
  --formulary-item-title-text-case: capitalize;
  --formulary-item-subtitle-text: 700 16px "Montserrat";
  --formulary-item-subtitle-letter-spacing: 0%;
  --formulary-item-subtitle-text-color: #aaaaaa;
  --formulary-item-subtitle-text-case: capitalize;
  --formulary-table-header-background: #00000000;
  --formulary-table-header-border-top: 1px solid #ffffff40;
  --formulary-table-header-border-right: 1px solid #ffffff40;
  --formulary-table-header-border-bottom: 1px solid #ffffff40;
  --formulary-table-header-border-left: 1px solid #ffffff40;
  --formulary-table-header-text: 600 12px "Montserrat";
  --formulary-table-header-letter-spacing: 0%;
  --formulary-table-header-text-color: #000000;
  --formulary-table-header-text-case: capitalize;
  --formulary-table-item-border-top: 1px solid #ffffff40;
  --formulary-table-item-border-right: 1px solid #ffffff40;
  --formulary-table-item-border-bottom: 1px solid #ffffff40;
  --formulary-table-item-border-left: 1px solid #ffffff40;
  --formulary-table-item-padding-top: 8px;
  --formulary-table-item-padding-right: 8px;
  --formulary-table-item-padding-bottom: 8px;
  --formulary-table-item-padding-left: 8px;
  --formulary-table-item-text: 400 12px "Montserrat";
  --formulary-table-item-letter-spacing: 0%;
  --formulary-table-item-text-color: #000000;
  --formulary-table-item-text-case: capitalize;
  --formulary-bottom-text-background: #00000000;
  --formulary-bottom-text-border-top: 1px solid #00000000;
  --formulary-bottom-text-border-right: 1px solid #00000000;
  --formulary-bottom-text-border-bottom: 1px solid #00000000;
  --formulary-bottom-text-border-left: 1px solid #00000000;
  --formulary-bottom-text-padding-top: 0px;
  --formulary-bottom-text-padding-right: 0px;
  --formulary-bottom-text-padding-bottom: 0px;
  --formulary-bottom-text-padding-left: 0px;
  --formulary-bottom-text-text: 400 14px/16px "Avenir Next Condensed";
  --formulary-bottom-text-letter-spacing: 0px;
  --formulary-bottom-text-text-color: #bfbfbf;
  --formulary-bottom-text-text-case: capitalize;
  --formulary-change-location-background: #ffffff40;
  --formulary-change-location-gap: 8px;
  --formulary-change-location-border-top: 1px solid #00000000;
  --formulary-change-location-border-right: 1px solid #00000000;
  --formulary-change-location-border-bottom: 1px solid #00000000;
  --formulary-change-location-border-left: 1px solid #00000000;
  --formulary-change-location-border-radius-top-right: 3px;
  --formulary-change-location-border-radius-top-left: 3px;
  --formulary-change-location-border-radius-bottom-right: 3px;
  --formulary-change-location-border-radius-bottom-left: 3px;
  --formulary-change-location-padding-top: 8px;
  --formulary-change-location-padding-right: 16px;
  --formulary-change-location-padding-bottom: 8px;
  --formulary-change-location-padding-left: 16px;
  --formulary-change-location-text: 400 16px "Montserrat";
  --formulary-change-location-letter-spacing: 0%;
  --formulary-change-location-text-color: #222222;
  --formulary-overlay-background: #22222299;
  --formulary-modal-close-icon-color: #222222;
  --formulary-modal-title-background: #f1f1f1;
  --formulary-modal-county-dropdown-background: #00000000;
  --formulary-modal-county-dropdown-icon-color: #222222;
  --formulary-modal-city-dropdown-background: #00000000;
  --formulary-modal-city-dropdown-icon-color: #ffffff;
  --formulary-modal-submit-background: #442384;
  --formulary-modal-submit-gap: 8px;
  --formulary-modal-title-border-top: 1px solid #00000000;
  --formulary-modal-title-border-right: 1px solid #00000000;
  --formulary-modal-title-border-bottom: 1px solid #00000000;
  --formulary-modal-title-border-left: 1px solid #00000000;
  --formulary-modal-title-border-radius-top-right: 0px;
  --formulary-modal-title-border-radius-top-left: 0px;
  --formulary-modal-title-border-radius-bottom-right: 0px;
  --formulary-modal-title-border-radius-bottom-left: 0px;
  --formulary-modal-title-padding-top: 16px;
  --formulary-modal-title-padding-right: 11px;
  --formulary-modal-title-padding-bottom: 16px;
  --formulary-modal-title-padding-left: 11px;
  --formulary-modal-title-text: 700 16px "Montserrat";
  --formulary-modal-title-letter-spacing: 0%;
  --formulary-modal-title-text-color: #000000;
  --formulary-modal-title-text-case: capitalize;
  --formulary-modal-city-label-border-top: 1px solid #00000000;
  --formulary-modal-city-label-border-right: 1px solid #00000000;
  --formulary-modal-city-label-border-bottom: 1px solid #00000000;
  --formulary-modal-city-label-border-left: 1px solid #00000000;
  --formulary-modal-city-label-text: 700 16px "Montserrat";
  --formulary-modal-city-label-letter-spacing: 0%;
  --formulary-modal-city-label-text-color: #000000;
  --formulary-modal-city-label-text-case: capitalize;
  --formulary-modal-county-label-border-top: 1px solid #00000000;
  --formulary-modal-county-label-border-right: 1px solid #00000000;
  --formulary-modal-county-label-border-bottom: 1px solid #00000000;
  --formulary-modal-county-label-border-left: 1px solid #00000000;
  --formulary-modal-county-label-text: 700 16px "Montserrat";
  --formulary-modal-county-label-letter-spacing: 0%;
  --formulary-modal-county-label-text-color: #000000;
  --formulary-modal-county-label-text-case: capitalize;
  --formulary-modal-county-dropdown-border-top: 1px solid #000000;
  --formulary-modal-county-dropdown-border-right: 1px solid #000000;
  --formulary-modal-county-dropdown-border-bottom: 1px solid #000000;
  --formulary-modal-county-dropdown-border-left: 1px solid #000000;
  --formulary-modal-county-dropdown-border-radius-top-right: 3px;
  --formulary-modal-county-dropdown-border-radius-top-left: 3px;
  --formulary-modal-county-dropdown-border-radius-bottom-right: 3px;
  --formulary-modal-county-dropdown-border-radius-bottom-left: 3px;
  --formulary-modal-county-dropdown-padding-top: 8px;
  --formulary-modal-county-dropdown-padding-right: 8px;
  --formulary-modal-county-dropdown-padding-bottom: 8px;
  --formulary-modal-county-dropdown-padding-left: 8px;
  --formulary-modal-county-dropdown-text: 400 12px "Montserrat";
  --formulary-modal-county-dropdown-letter-spacing: 0%;
  --formulary-modal-county-dropdown-text-color: #222222;
  --formulary-modal-city-dropdown-border-top: 1px solid #000000;
  --formulary-modal-city-dropdown-border-right: 1px solid #000000;
  --formulary-modal-city-dropdown-border-bottom: 1px solid #000000;
  --formulary-modal-city-dropdown-border-left: 1px solid #000000;
  --formulary-modal-city-dropdown-border-radius-top-right: 3px;
  --formulary-modal-city-dropdown-border-radius-top-left: 3px;
  --formulary-modal-city-dropdown-border-radius-bottom-right: 3px;
  --formulary-modal-city-dropdown-border-radius-bottom-left: 3px;
  --formulary-modal-city-dropdown-padding-top: 8px;
  --formulary-modal-city-dropdown-padding-right: 8px;
  --formulary-modal-city-dropdown-padding-bottom: 8px;
  --formulary-modal-city-dropdown-padding-left: 8px;
  --formulary-modal-city-dropdown-text: 400 12px "Montserrat";
  --formulary-modal-city-dropdown-letter-spacing: 0%;
  --formulary-modal-city-dropdown-text-color: #222222;
  --formulary-modal-submit-border-top: 1px solid #00000000;
  --formulary-modal-submit-border-right: 1px solid #00000000;
  --formulary-modal-submit-border-bottom: 1px solid #00000000;
  --formulary-modal-submit-border-left: 1px solid #00000000;
  --formulary-modal-submit-border-radius-top-right: 4px;
  --formulary-modal-submit-border-radius-top-left: 4px;
  --formulary-modal-submit-border-radius-bottom-right: 4px;
  --formulary-modal-submit-border-radius-bottom-left: 4px;
  --formulary-modal-submit-padding-top: 8px;
  --formulary-modal-submit-padding-right: 16px;
  --formulary-modal-submit-padding-bottom: 8px;
  --formulary-modal-submit-padding-left: 16px;
  --formulary-modal-submit-text: 400 16px "Montserrat";
  --formulary-modal-submit-letter-spacing: 0%;
  --formulary-modal-submit-text-color: #ffffff;
}