/*TO GET THE FONT-FAMILIES TO WORK, THEY MAY NEED TO BE ADDED TO THE WITH DBSCRIPT-V3.JS*/ /*BODY TEXT*/ #frm_edit, #ezy { margin-top: 10px; margin-left: auto; margin-right: auto; max-width: 700px; } @media only screen and (max-width: 700) { #ezy { margin: 10px; } } #ezy{ display: block; } .ui-datepicker-trigger.ui-button.ui-split.ui-icon-only.ui-icon-calendar, .ui-icon-search,.ui-icon-calendar,.ui-icon-compass,.ui-icon-map{ height:50px!important; } h1, h2, h3, h4, h5, h6{ font-family: Poppins, Century Gothic, Helvetica Neue , Verdana , sans-serif; color:#f4a717; letter-spacing:0.1em; text-transform:uppercase; } .hdr3{ color:#fff; font-weight:300!important; } .td-embedded .ui-button, .td-embedded input[type="color"], .td-embedded input[type="date"], .td-embedded input[type="datetime-local"], .td-embedded input[type="datetime"], .td-embedded input[type="email"], .td-embedded input[type="month"], .td-embedded input[type="number"], .td-embedded input[type="password"], .td-embedded input[type="search"], .td-embedded input[type="tel"], .td-embedded input[type="text"], .td-embedded input[type="time"], .td-embedded input[type="url"], .td-embedded input[type="week"], .td-embedded select { height: 50px!important; } dd, div.fs-attr, .fs-resize,.v3-input-textarea,.v3-input,.v3-select { font-family: Poppins, Century Gothic, CenturyGothic, AppleGothic, Helvetica Neue, Verdana, sans-serif; font-weight: 300; font-size: 1.1em; color: darkslategrey; height: auto; padding: 10px 10px!important; letter-spacing: 1px; } .v3-select{ padding-right: 20px!important; } .v3-gridlayout-cell__label{ font-family: Poppins, Century Gothic, CenturyGothic, AppleGothic, Helvetica Neue, Verdana, sans-serif; color:#666 } .v3-menu__item,.ui-icontext,.v3-sidebar-section,.v3-tableview-group{ font-family: Poppins, Century Gothic, CenturyGothic, AppleGothic, Helvetica Neue, Verdana, sans-serif; } /*TABLE ROW FONT-SIZE*/ .v3-tableview-head__row { font-size: 1.2em; } /*MORE TABLE STUFF*/ .v3-layout-section__header { border-bottom: 1px solid; /*background-color: cadetblue;*/ color: #FF6600; padding: 10px; text-transform:uppercase; } .v3-layout-table__header{ letter-spacing:0.5em; text-transform: uppercase; } .table.fs-grid>.tbody.fs-grouphead { font-family: Poppins, Century Gothic, Helvetica Neue , Verdana , sans-serif; font-weight: 200; font-size: 1em; color: #f76400; background-color: #dfdfdf; letter-spacing: 0.3em; text-transform: uppercase; } .table.fs-grid>.tbody.fs-groupfoot{ font-family: Poppins, Century Gothic, Helvetica Neue , Verdana , sans-serif; font-weight: 400; font-size: 1em; color: #0dc1ee; background-color: rgba(223, 223, 223, 0.62); letter-spacing: 0.3em; text-transform: uppercase; } /* ALL OTHER RADIO BUTTONS*/ .fs-checklist label { display: inline-block; text-align: center; width: 100%; background-color: white; padding: 10px 0px; font-size: 20px; border: 1px solid #38adee; border-radius: 4px; } .fs-checklist label:hover{ background-color: rgba(56, 173, 238, 0.61); color:#fff; } /* HIDES THE RADIO BUTTON */ .fs-checklist input[type="radio"] { display: none; } .fs-checklist input[type="checkbox"] { display: none; } /* COLOURS BACKGROUND TO BLUE */ .fs-checklist label:has(>input[type="radio"]:checked) { background-color: #38adee; color:#fff; } /*END OF RADIO BUTTON CONTROL*/ /*SUBMIT BUTTON*/ /*.ui-button.ui-action.fs-action.ui-action-save{ display:none; }*/ .ui-button.ui-action.fs-action.ui-action-save { display:inline block; width: 60%; height: 1.5em !important; font-size: 2em; margin-left: auto; margin-right: auto; color: #0275d8; border-color: #0275d8; background: transparent; } .ui-button.ui-action.fs-action.ui-action-save:hover { background-color: #0275d8; color: #fff; } /*eSign Button*/ .ui-button { width: 100%; color: #0275d8; border-color: #0275d8; background: transparent; }