/* GENERATED by `npm run fa:sync-css` — DO NOT EDIT. * FormAssembly's own stylesheets, selector-scoped to `.fa-embed` so nothing in * them can match an element outside KAB's inlined form. Sources, their upstream * URLs and their sha256 are in scripts/fa/vendor-src/manifest.json; the scoping * rules and the five root-level FA names left unprefixed are in * scripts/fa/scope-css.ts. * Dropped third-party @import(s): url(https://fonts.googleapis.com/css?family=Montserrat:300,400,700|sans-serif:300,400,700), url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap) * Renamed keyframes: fadeIn * LAST section is KAB's own override layer, from scripts/fa/fa-overrides.css — * edit THAT file, never this one; a re-sync re-emits it. */ /* ── wforms-layout.css — scoped to .fa-embed ── */ .fa-embed * { -webkit-font-smoothing: antialiased; } /* Reset CSS - scope limited to .wForm - based on YUI reset * -------------------------------------------------------- */ .fa-embed .wForm dl, .fa-embed .wForm dt, .fa-embed .wForm dd, .fa-embed .wForm ul, .fa-embed .wForm ol, .fa-embed .wForm li, .fa-embed .wForm div, .fa-embed .wForm th, .fa-embed .wForm h1, .fa-embed .wForm h2, .fa-embed .wForm h3, .fa-embed .wForm h4, .fa-embed .wForm h5, .fa-embed .wForm h6, .fa-embed .wForm pre, .fa-embed .wForm td, .fa-embed .wForm form, .fa-embed .wForm fieldset, .fa-embed .wForm input, .fa-embed .wForm textarea, .fa-embed .wForm p, .fa-embed .wForm blockquote { margin:0; padding:0; } .fa-embed .wForm table { border-collapse:collapse; border-spacing:0; } .fa-embed .wForm fieldset, .fa-embed .wForm img { border:0; } .fa-embed .wForm address, .fa-embed .wForm caption, .fa-embed .wForm cite, .fa-embed .wForm code, .fa-embed .wForm dfn, .fa-embed .wForm em, .fa-embed .wForm strong, .fa-embed .wForm th, .fa-embed .wForm var { font-style:normal; font-weight:normal; } .fa-embed .wForm ol, .fa-embed .wForm ul { list-style:none; } .fa-embed .wForm caption, .fa-embed .wForm th { text-align:left; } .fa-embed .wForm h1, .fa-embed .wForm h2, .fa-embed .wForm h3:not(.wFormTitle), .fa-embed .wForm h4, .fa-embed .wForm h5, .fa-embed .wForm h6 { font-size:100%; font-weight:normal; } .fa-embed .wForm q:before, .fa-embed .wForm q:after { content:''; } .fa-embed .wForm abbr, .fa-embed .wForm acronym { border:0; } /* Base based on YUI's CSS Foundation - scope limited to .wForm * ------------------------------------------------------------- */ .fa-embed .wForm h1 { /*18px via YUI Fonts CSS foundation*/ font-size:138.5%; } .fa-embed .wForm h2 { /*16px via YUI Fonts CSS foundation*/ font-size:123.1%; } .fa-embed .wForm h3:not(.wFormTitle) { /*14px via YUI Fonts CSS foundation*/ font-size:108%; } .fa-embed .wForm h1, .fa-embed .wForm h2, .fa-embed .wForm h3 { /* top & bottom margin based on font size */ margin:1em 0; } .fa-embed .wForm h1, .fa-embed .wForm h2, .fa-embed .wForm h3, .fa-embed .wForm h4, .fa-embed .wForm h5, .fa-embed .wForm h6, .fa-embed .wForm strong { /*bringing boldness back to headers and the strong element*/ font-weight:bold; } .fa-embed .wForm abbr, .fa-embed .wForm acronym { /*indicating to users that more info is available */ border-bottom:1px dotted #000; cursor:help; } .fa-embed .wForm em { /*bringing italics back to the em element*/ font-style:italic; } .fa-embed .wForm blockquote, .fa-embed .wForm ul, .fa-embed .wForm ol, .fa-embed .wForm dl { /*giving blockquotes and lists room to breath*/ margin:1em; } .fa-embed .wForm ol, .fa-embed .wForm ul, .fa-embed .wForm dl { /*bringing lists on to the page with breathing room */ margin-left:2em; } .fa-embed .wForm ol li { /*giving OL's LIs generated numbers*/ list-style: decimal outside; } .fa-embed .wForm ul li { /*giving UL's LIs generated disc markers*/ list-style: disc outside; } .fa-embed .wForm dl dd { /*giving UL's LIs generated numbers*/ margin-left:1em; } .fa-embed .wForm th, .fa-embed .wForm td { border: none; padding: 0; } .fa-embed .wForm th { /*distinguishing table headers from data cells*/ font-weight:bold; text-align:center; } .fa-embed .wForm caption { /*coordinated marking to match cell's padding*/ margin-bottom:.5em; /*centered so it doesn't blend in to other content*/ text-align:center; } .fa-embed .wForm p, .fa-embed .wForm fieldset, .fa-embed .wForm table { } /* Now for the actual layout formatting. * ------------------------------------- */ .fa-embed .wForm { padding: 10px 15px; } /* default padding between form border and content */ @media only screen and (max-width: 500px) { .fa-embed .wForm { padding: 5px; } } .fa-embed .wFormContainer { max-width: 770px; /* default, overriden using an inline style */ margin: auto; /* make sure we show a scroll bar if form height is defined in theme and is too small. */ /* overflow: auto; */ /* prevents drop-down typeahead menu from fully displaying. */ } /* Set an invisible border around the various form elements so we can highlight them without changing any dimensions. For instance to highlight a field that failed the input validation. */ .fa-embed .wFormContainer .wFormTitle { border: 2px solid transparent; padding: 2px 6px; } .fa-embed .wForm .pageSection > h4 { border: 2px solid transparent; padding: 2px 6px; } .fa-embed .wForm .oneField { border: 2px solid transparent; padding: 2px 6px; box-sizing: border-box; } .fa-embed .wForm .oneFieldWrapper { display: inline-block; max-width: 100%; } .fa-embed .wForm .section { } /* Set a visible border on fieldset and a decent default padding. http://stackoverflow.com/questions/1716183/html-fieldset-allows-children-to-expand-indefinitely */ .fa-embed .wForm fieldset { min-width: 0; border-width: 2px; border-style: solid; padding: 0 8px 15px 8px; margin-left: 6px; margin-right: 6px;} .fa-embed .wForm fieldset.highlighted { border: double; } .fa-embed .wForm fieldset legend { padding: 0 8px; } @-moz-document url-prefix() { /* Only target Gecko. (Breaks layout in IE.) */ .fa-embed .wForm fieldset { display: table-cell; } } /* Same for grid/matrix table */ .fa-embed .wForm .matrixLayout, .fa-embed .wForm .gridLayout { border: 2px solid transparent; margin-left: 6px; margin-right: 6px; } /* Vertical spacing */ .fa-embed .wForm div > div.oneField, .fa-embed .wForm fieldset > div.oneField, .fa-embed .wForm form > div.oneField, .fa-embed .wForm fieldset, .fa-embed .wForm .matrixLayout, .fa-embed .wForm .gridLayout, .fa-embed .wForm h4, .fa-embed .wForm .wfPagingButtons, .fa-embed .wForm .actions { margin-top: 15px;} .fa-embed .wForm table.columnLayout { margin-bottom: 0; /* override default table margin */ } /* ACL related CSS */ .fa-embed .wForm .wf-acl-hidden { display: none !important;} /* LABELS------------------------------------------------------------------ */ .fa-embed .label { display: -moz-inline-box; /* For Firefox 2.x */ display: inline-block; } /* for Form Builder preview only. Firefox has difficulties making inline elements (label, span) contentEditable. So we use a
instead, and have it behave like a label. */ .fa-embed .wForm .preField { max-width: 100%; display: -moz-inline-box; /* For Firefox 2.x */ display: inline-block; } /* Label positionning, using the labelsAbove|labelsBelow|labelsLeftAligned|labelsRightAligned classes */ .fa-embed .wForm .labelsLeftAligned .preField { text-align: left; } .fa-embed .wForm .labelsRightAligned .preField { text-align: right; } .fa-embed .wForm .labelsAbove .preField { padding-bottom: 4px; } /* add 4px to match spacing of inline section's label with below field (which has a 2px border+2px padding) */ .fa-embed .wForm .labelsBelow .preField { padding-bottom: 4px; } /* add 4px to match spacing of inline section's label with below field (which has a 2px border+2px padding) */ .fa-embed .wForm .labelsHidden > .label, .fa-embed .wForm .labelsHidden > .oneFieldWrapper > .label { visibility: hidden;} /* div.oneFieldWrapper is only present in the form-builder for now */ .fa-embed .wForm .labelsRemoved > .label, .fa-embed .wForm .labelsRemoved > .oneFieldWrapper > .label { display: none; } /* div.oneFieldWrapper is only present in the form-builder for now */ /* Make sure our labels align correctly with the input when left/right aligned (input may occupy several vertical lines) */ .fa-embed .wForm label, .fa-embed .wForm .label { vertical-align: top; } .fa-embed .wForm label *, .fa-embed .wForm .label * { vertical-align: top; } /* bold, italic and underline content */ .fa-embed .wForm form label img { pointer-events:none; } /* IE11 issue, see http://stackoverflow.com/questions/20524815/ie-11-bug-image-inside-label-inside-form */ /* Label size. */ .fa-embed .wForm .preField { min-width: 200px; padding-right: 5px; /* allow 4px of extra right padding, so other section label can still align correctly when accounting for oneField extra padding+border */ } .fa-embed .wForm fieldset .preField { min-width: 190px; /* account for 10px of border+padding, maintains alignment with inputs outside of fieldset */ } .fa-embed .wForm fieldset fieldset .preField { min-width: 180px; /* account for 2x10px of border+padding */ } /* Label size when inside an inline section */ .fa-embed .wForm .inline .oneField .preField { min-width: 0; } /* Label spacing for radio & checkboxes */ .fa-embed .wForm form .choices { /* empty */ } .fa-embed .wForm .postField { margin: 0 12px 0 4px; } /* Wrapper around a radio or checkbox and its label. Display each choice on same line by default. */ .fa-embed .wForm form .oneChoice { display: inline-block; } /* Override choice alignment if oneChoicePerLine option is set (as a class on a parent element) */ .fa-embed .wForm form .vertical > .oneChoice { display: block; margin: 0 0 4px 0; } .fa-embed .wForm form .vertical > .choiceGroup > .oneChoice { display: block; margin: 0 0 4px 0; } /* Make sure radio/checkbox and its label stay together when a line wrap occurs. */ .fa-embed .wForm form .oneChoice { white-space: nowrap; } /* Allow radio/checkbox label to wrap if needed (see ticket #242) */ .fa-embed .wForm form .oneChoice label, .fa-embed .wForm form .oneChoice .label { white-space: normal; display: inline-block; vertical-align: text-top; } /* Image replacement for checkbox/radio */ .fa-embed .wForm form .oneChoice.maskControl input[type=checkbox] { display: none;} .fa-embed .wForm form .oneChoice.maskControl input[type=radio] { display: none;} .fa-embed .wForm form .oneChoice.maskControl label, .fa-embed .wForm form .oneChoice.maskControl .label { opacity: .4; margin-left: 0;} .fa-embed .wForm form .oneChoice.maskControl input[type=radio]:checked + .label { opacity:1; } .fa-embed .wForm form .oneChoice.maskControl input[type=radio]:checked + label { opacity:1; } .fa-embed .wForm form .oneChoice.maskControl input[type=checkbox]:checked + .label { opacity:1; } .fa-embed .wForm form .oneChoice.maskControl input[type=checkbox]:checked + label { opacity:1; } /* Image replacement for checkbox/radio must have no effect if used in a matrix/likert scale layout */ .fa-embed .wForm form .matrixLayout .oneChoice.maskControl input { display: initial !important;} /* Column layout for choices */ .fa-embed .wForm form table.choices td { min-width: 80px; } /* INPUT ------------------------------------------------------------------ */ /* Wrapper around the input and related content (hint, validation error message). Allows display of input on same line as label (for left/right aligned labels), while keeping related content flush against the input. */ .fa-embed .wForm .inputWrapper { display: -moz-inline-box; /* For Firefox 2.x */ box-sizing: border-box; max-width: 100%; display: inline-block; vertical-align: top; position: relative; } .fa-embed .wForm .inputWrapper .delimiter { display: inline; } .fa-embed .wForm .inputWrapper .delimiterBefore { padding-right: 4px; } .fa-embed .wForm .inputWrapper .delimiterAfter { padding-left: 4px; } .fa-embed .wForm input[type=text], .fa-embed .wForm input[type=time], .fa-embed .wForm input[type=number], .fa-embed .wForm input[type=url], .fa-embed .wForm input[type=email], .fa-embed .wForm input[type=password], .fa-embed .wForm textarea { max-width: 100%; } .fa-embed .wForm select { max-width: 100%; } .fa-embed .wForm input[type=text]:hover, .fa-embed .wForm input[type=time], .fa-embed .wForm input[type=number]:hover, .fa-embed .wForm input[type=url]:hover, .fa-embed .wForm input[type=email]:hover, .fa-embed .wForm select:hover, .fa-embed .wForm textarea:hover, .fa-embed .wForm input[type=text]:focus, .fa-embed .wForm input[type=time], .fa-embed .wForm input[type=number]:focus, .fa-embed .wForm input[type=url]:focus, .fa-embed .wForm input[type=email]:focus, .fa-embed .wForm select:focus, .fa-embed .wForm textarea:focus { } .fa-embed .wForm textarea { vertical-align: top; } .fa-embed .wForm textarea, .fa-embed .wForm input { font-family: inherit; font-size: inherit;} .fa-embed .wForm input.tt-hint { background: none!important; } /* Hide disabled child options for menu dependencies */ .fa-embed .wForm optgroup.choiceGroup:disabled option:disabled, .fa-embed .wForm optgroup.choiceGroup[disabled] option[disabled] { display: none; } /* SECTION ---------------------------------------------------------------- */ /* Multi-column section */ .fa-embed .wForm .columnLayout td { vertical-align: top; } /* Grid section */ .fa-embed .wForm .gridLayout { table-layout: fixed; width: calc(100% - 12px); } /* accounts for some left/right margin */ .fa-embed .wForm .gridLayout td { vertical-align: top; } .fa-embed .wForm .gridLayout th { vertical-align: top; font-weight: normal; } .fa-embed .wForm .gridLayout .headerRow th { vertical-align: bottom; text-align: left; padding: 0 0 0 8px } /* Align section title like other labels */ .fa-embed .wForm .gridLayout .headerCol { text-align: left; padding: 5px 2px 0 8px; } .fa-embed .wForm .labelsLeftAligned .gridLayout .headerCol { text-align: left; } .fa-embed .wForm .labelsRightAligned .gridLayout .headerCol { text-align: right; } /* Fields of inline sections are displayed on the same line. */ .fa-embed .wForm .inline div.oneField { display: inline-block; vertical-align: top; max-width: 100%; } .fa-embed .wForm .inline div.wfContent { display: inline-block; vertical-align: top; max-width: 100%; } .fa-embed .wForm .inline div.htmlSection { display: inline-block; vertical-align: top; max-width: 100%; } /* Align title of inline section with other fields (min-width accounts for 2px border + 2px padding on following .oneField class, to match other label's 200px */ .fa-embed .wForm div.section > .preField { padding: 0 2px 0 8px; } .fa-embed .wForm .labelsRightAligned .inline .preField { padding-top:4px } /* align label vertically by accounting for following .oneField class adding 4px (border+padding) to line height. */ .fa-embed .wForm .labelsLeftAligned .inline .preField { padding-top:4px } /* align label vertically by accounting for following .oneField class adding 4px (border+padding) to line height. */ /* Responsive grid layout */ .fa-embed .wForm .gridLayout.stacked .label, .fa-embed .wForm .gridLayout.stacked label { width: auto !important; padding: inherit; } .fa-embed .wForm .gridLayout.stacked thead { display: none;} .fa-embed .wForm .gridLayout.stacked tr { display: block;} .fa-embed .wForm .gridLayout.stacked td { display: inline-block; text-align: left; max-width: 100%; } /* Matrix layout */ .fa-embed .wForm .matrixLayout { width: 100%; } .fa-embed .wForm .matrixLayout { width: calc(100% - 12px); } .fa-embed .wForm .matrixLayout thead th { min-width: 70px;} /* Center checkbox/radio button in a matrix cell. */ .fa-embed .wForm .matrixLayout td { text-align: center; } /* Add padding on column headers (choice label) */ .fa-embed .wForm .matrixLayout tr.headerRow th { padding-left:8px; padding-right:8px; font-weight: normal; } /* Override font-weight and cell alignment for the first cell in a matrix row (contains question label). */ .fa-embed .wForm .matrixLayout th.headerCol { text-align: left; font-weight: normal; } /* Align question label like other fields using the .oneField class*/ .fa-embed .wForm .matrixLayout .label { padding: 2px 2px 2px 8px; } .fa-embed .wForm .labelsLeftAligned .matrixLayout .headerCol { text-align: left; } .fa-embed .wForm .labelsRightAligned .matrixLayout .headerCol { text-align: right; } /* Alternate table row in grid and matrix layouts */ .fa-embed .wForm .alternate-0 { background-color: rgba(0,0,0,.040); } .fa-embed .wForm .alternate-1 { background-color: rgba(0,0,0,.025); } /* Responsive matrix layout */ .fa-embed .wForm .matrixLayout.stacked .label, .fa-embed .wForm .matrixLayout.stacked label { width: auto !important; padding: inherit; } .fa-embed .wForm .matrixLayout.stacked thead { display: none;} .fa-embed .wForm .matrixLayout.stacked tr { display: block;} .fa-embed .wForm .matrixLayout.stacked td { display: inline-block; text-align: left; } /* HTML Section (aka Text/Image section) --------------------------------- */ .fa-embed .wForm .htmlSection { overflow:auto; border:2px solid transparent; padding: 2px 6px; } /* BUTTONS --------------------------------------------------------------- */ .fa-embed .wForm .actions { border: 2px solid transparent; padding: 10px 2px; } .fa-embed .wForm .actions.multipage { display: inline-block; width: 50%; } .fa-embed .wForm .actions .separator { margin-left: 0.3rem; margin-right: 0.3rem } .fa-embed .wForm .action-display-message { border: 2px solid transparent; padding: 10px 2px; } /* Make submit/cancel buttons fairly large, set mouse pointer appropriately */ .fa-embed .wForm .primaryAction, .fa-embed .wForm .secondaryAction { padding: 4px 15px; cursor: pointer; color: inherit; } /* Spacing between buttons */ .fa-embed .wForm .secondaryAction { margin-right: 15px; } /* Paging behavior buttons */ .fa-embed .wForm form .wfPagingButtons { display: inline-block; border: 2px solid transparent; padding: 10px 2px; float: left; width: auto; } .fa-embed .wForm .wfPagePreviousButton, .fa-embed .wForm .wfPageNextButton { margin-right: 15px; padding: 4px 15px; cursor: pointer; color: inherit; } /* wFORMS REPEATABLE SECTION ---------------------------------------------- */ /* Repeated section (when not on a fieldset) */ .fa-embed .wForm div.repeat { } /* Removeable section (when not on a fieldset) */ .fa-embed .wForm div.removeable { } /* 'Repeat' Link (generated by the Repeat Behavior) */ .fa-embed .wForm .duplicateSpan { text-align: right; } .fa-embed .wForm .duplicateLink {} /* 'Remove' link (generated by the Repeat Behavior) */ .fa-embed .wForm .removeSpan { float: right; } .fa-embed .wForm .removeLink {} /* Repeat/Remove link when used in a table row */ .fa-embed .wForm td .duplicateSpan, .fa-embed .wForm td .removeSpan { line-height: 100%; display: inline; padding: 5px 2px 0 8px; } /* FIELD HINTS ------------------------------------------------------------ */ /* default styling */ .fa-embed .wForm .field-hint .hint { opacity: 1; } .fa-embed .wForm .field-hint-inactive .hint { opacity: .5; } .fa-embed .wForm .field-hint { background-color: #FFFFFF; } /* Displayed on the side (with or without focus) */ .fa-embed .wForm .hintsSide .field-hint, .fa-embed .wForm .hintsSide .field-hint-inactive { display: inline-block; vertical-align:top; white-space: normal !important; } .fa-embed .wForm .hintsSide .field-hint .hint, .fa-embed .wForm .hintsSide .field-hint-inactive .hint { display: inline-block; padding: 0 5px; } /* Displayed as a popup (with focus) */ .fa-embed .wForm .hintsTooltip .field-hint { display: block; position: absolute; z-index: 50; min-width: 200px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.3); box-shadow: 0 2px 8px rgba(0,0,0,0.3); } .fa-embed .wForm .hintsTooltip .field-hint .hint { display: block; padding: 5px; } /* Displayed as a popup (without focus = hidden) */ .fa-embed .wForm .hintsTooltip .field-hint-inactive { display: none; } /* Displayed under the input */ .fa-embed .wForm .hintsBelow .field-hint, .fa-embed .wForm .hintsBelow .field-hint-inactive { display: block; } .fa-embed .wForm .hintsBelow .field-hint .hint, .fa-embed .wForm .hintsBelow .field-hint-inactive .hint { padding: 0; } /* Local override */ .fa-embed .wForm .oneField.hintsTooltip .field-hint { position: absolute; z-index: 50; display: block; min-width: 200px; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3); box-shadow: 0 2px 6px rgba(0,0,0,0.3); } .fa-embed .wForm .oneField.hintsTooltip .field-hint .hint { display: block; } .fa-embed .wForm .oneField.hintsTooltip .field-hint-inactive { display: none; } .fa-embed .wForm .oneField.hintsTooltip .hint { padding: 5px 22px 5px 5px; } .fa-embed .wForm .oneField.hintsTooltip .field-hint-close-button { background: none; position: absolute; padding: 5px; top: 1px; right: 3px; color: inherit; border: none; cursor: pointer; } .fa-embed .wForm .oneField.hintsSide .field-hint, .fa-embed .wForm .oneField.hintsSide .field-hint-inactive { display: inline-block; position: static; min-width: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; vertical-align:top; white-space: normal !important; } .fa-embed .wForm .oneField.hintsSide .hint { padding: 0 5px; } .fa-embed .wForm .oneField.hintsBelow .field-hint, .fa-embed .wForm .oneField.hintsBelow .field-hint-inactive { display: block; position: static; min-width: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .fa-embed .wForm .oneField.hintsBelow .hint { padding: 0; } /* Uploaded Files ----------------------------------------------------------- */ .fa-embed .wForm form .uploadDelete .fileName { text-decoration: line-through; opacity:0.2; } .fa-embed .wForm form .uploadKeep .fileName { text-decoration: none; color: #000; } /* MISC. ------------------------------------------------------------------ */ /* Asterisk on required fields - provide sensible default color and size */ .fa-embed .wForm .reqMark:after { content: " *"; color: #F00; font-size: 90%; } .fa-embed .wFormContainer .errMsg { color: #D46161; font-weight: 700; } .fa-embed .wFormContainer .linkedErrMsg { border: 2px solid transparent; color: blue; } .fa-embed .wFormContainer .errLink { text-decoration: underline; color: blue; } /* Field error: inline #fieldId-E carries the fa icon; label icon only when no inline message (e.g. connector banner-only). Match main wforms-layout.css */ .fa-embed .wFormContainer .errFld { border: none; outline: none; } .fa-embed .wFormContainer .oneField.errFld:not(:has([id$="-E"])):not(.tfa-inline-error-present) label.label:not(.postField)[id$="-L"]::before { content: "\f06a"; font-family: FontAwesome; display: inline-block; margin-right: 0.35em; color: #c33; font-weight: normal; text-decoration: none; } .fa-embed .wFormContainer .oneField.errFld label.label[id$="-L"].errMsg { color: inherit !important; font-weight: inherit !important; } .fa-embed .wFormContainer .oneField.errFld .choices input[type="radio"], .fa-embed .wFormContainer .oneField.errFld .choices input[type="checkbox"] { box-shadow: none; } .fa-embed .wForm .captchaHelp { font-size: 85%; opacity: 0.75; padding: 0 8px; margin-top: 0.75em; } .fa-embed .wForm fieldset.captcha .preField { min-width: 0; width: 75px !important; } .fa-embed .wForm fieldset.captcha input { width: 110px !important; } .fa-embed .wForm fieldset.captcha p.instructions { margin-top: 0.75em; } .fa-embed .wForm fieldset.captcha img { border: 1px solid #999999; padding: 2px; margin-bottom: 1em; } /* align support info with .oneField element */ .fa-embed .wFormContainer .supportInfo { font-size: 12px; border: 2px solid transparent; padding: 17px; clear: left; } /* Make readonly calculated fields look like plain text */ .fa-embed .wForm .readonly { background-color: transparent !important; border: none !important; background-image: none !important; } /* JS ONLY CSS - Normally present is separate wforms-jsonly.css ------------- */ /* Handle conditional section visibility */ .fa-embed .wForm form .onstate-a, .fa-embed .wForm form .onstate-b, .fa-embed .wForm form .onstate-c, .fa-embed .wForm form .onstate-d, .fa-embed .wForm form .onstate-e, .fa-embed .wForm form .onstate-f, .fa-embed .wForm form .onstate-g, .fa-embed .wForm form .onstate-h, .fa-embed .wForm form .onstate-i, .fa-embed .wForm form .onstate-j, .fa-embed .wForm form .onstate-k, .fa-embed .wForm form .onstate-l, .fa-embed .wForm form .onstate-m, .fa-embed .wForm form .onstate-n, .fa-embed .wForm form .onstate-o, .fa-embed .wForm form .onstate-p, .fa-embed .wForm form .onstate-q, .fa-embed .wForm form .onstate-r, .fa-embed .wForm form .onstate-s, .fa-embed .wForm form .onstate-t, .fa-embed .wForm form .onstate-u, .fa-embed .wForm form .onstate-v, .fa-embed .wForm form .onstate-w, .fa-embed .wForm form .onstate-x, .fa-embed .wForm form .onstate-y, .fa-embed .wForm form .onstate-z, .fa-embed .wForm form .onstate-aa, .fa-embed .wForm form .onstate-ab, .fa-embed .wForm form .onstate-ac, .fa-embed .wForm form .onstate-ad, .fa-embed .wForm form .onstate-ae, .fa-embed .wForm form .onstate-af, .fa-embed .wForm form .onstate-ag, .fa-embed .wForm form .onstate-ah, .fa-embed .wForm form .onstate-ai, .fa-embed .wForm form .onstate-aj, .fa-embed .wForm form .onstate-ak, .fa-embed .wForm form .onstate-al, .fa-embed .wForm form .onstate-am, .fa-embed .wForm form .onstate-an, .fa-embed .wForm form .onstate-ao, .fa-embed .wForm form .onstate-ap, .fa-embed .wForm form .onstate-aq, .fa-embed .wForm form .onstate-ar, .fa-embed .wForm form .onstate-as, .fa-embed .wForm form .onstate-at, .fa-embed .wForm form .onstate-au, .fa-embed .wForm form .onstate-av, .fa-embed .wForm form .onstate-aw, .fa-embed .wForm form .onstate-ax, .fa-embed .wForm form .onstate-ay, .fa-embed .wForm form .onstate-az, .fa-embed .wForm form .onstate-ba, .fa-embed .wForm form .onstate-bb, .fa-embed .wForm form .onstate-bc, .fa-embed .wForm form .onstate-bd, .fa-embed .wForm form .onstate-be, .fa-embed .wForm form .onstate-bf, .fa-embed .wForm form .onstate-bg, .fa-embed .wForm form .onstate-bh, .fa-embed .wForm form .onstate-bi, .fa-embed .wForm form .onstate-bj, .fa-embed .wForm form .onstate-bk, .fa-embed .wForm form .onstate-bl { display: block !important; } /* offstate classes for the Switch Behavior are in wforms-jsonly.css */ /* Auto Format related*/ .fa-embed .wForm .autoformatprompt .label{ color: #dc143c; } .fa-embed .wForm .autoformatprompt .delete{ color: #b0c4de; } .fa-embed .wForm .autoformatprompt .noinput{ color: #b0c4de; } .fa-embed .wForm .autoformatprompt .input{ font-weight: bold; } .fa-embed .wForm .autoformatprompt{ position: absolute; z-index: 127; padding: 3px 0px 0px 2px; white-space: nowrap; } .fa-embed .wForm .autoformatprompt-control{ background-color: transparent; position: relative; z-index: 128; } .fa-embed .wForm .autoformatprompt-hook{ z-index: 125; } .fa-embed .wForm .autoformat-background{ z-index: 126; height: 100%; width: 100%; position: absolute; top: 0; } /* "Response Submitted" confirmation page */ .fa-embed .wForm .wFormThankYou { } /* "Response Saved" confirmation page */ .fa-embed .wForm .wFormsCustomMessage { font-size: 22px; margin-top: 15px; } .fa-embed .wForm .wFormsResumeInstructions li { font-size:16px; line-height:150%; } .fa-embed .wForm .wFormsSavedInstructions { margin-top: 15px; } .fa-embed #wFormsResumeList th { text-align: left; } /* Save & Resume dialog */ .fa-embed .saveAndResume { text-align:right; font-size: small; } .fa-embed .saveAndResume fieldset { text-align:left; } .fa-embed .saveAndResume .preField { width: 9em !important; min-width: 9em !important; } .fa-embed .saveAndResume .postField { margin-right:0; } .fa-embed .saveAndResume .instructions { margin: 1em 6px; } .fa-embed .saveAndResume #tfa_resumeEmail { width: 195px; } .fa-embed .saveAndResume #tfa_resumePassword { width: 195px; } .fa-embed .saveAndResume #tfa_confirmPassword { width: 195px;} .fa-embed .saveAndResume .errMsg { margin-top: 1rem } .fa-embed .saveAndResume .actions #tfa_resumeLater.wfHideSubmit { display: inline !important; } .fa-embed .onstate-resumelater { display: block } .fa-embed #wFormResumePage .instruction { padding-left: 7px; } .fa-embed #wFormResumePage .errMsg span { margin-top: 1rem; display: block; } .fa-embed #wFormResumePage .successMsg { font-weight: bold; } .fa-embed #responsePasswordResetform .instruction { padding-left: 7px; } .fa-embed #responsePasswordResetform .errMsg span { margin-top: 1rem; display: block; } .fa-embed #responsePasswordResetform .successMsg { font-weight: bold; } /* Generic FA Error Messages */ .fa-embed .errorMessage { margin: 10px 15px; padding: 15px; font-family:sans-serif; font-weight: bold; color: #D46161!important; } .fa-embed .errorMessage a { text-decoration: none; font-weight: normal; } .fa-embed .wForm .forgotPasswordLink { font-size: small; } .fa-embed .wForm .assistanceLink { font-size: small; } .fa-embed .wForm .startNewLink { font-size: small; } /* Thank you & Help messages */ .fa-embed .wFormThankYou { min-height: 150px; } .fa-embed .wFormHelp { min-height: 150px; } /* Review page */ .fa-embed .reviewHeader, .fa-embed .reviewResponse, .fa-embed .reviewFooter { padding: 20px; } .fa-embed .reviewResponse .responseData .switchedOff { display: none; } .fa-embed .reviewResponse .responseData .showSwitchedOff .switchedOff, .fa-embed .reviewResponse .responseData .showSwitchedOff .switchedOff .question { color: #BBB !important; } .fa-embed .reviewResponse .typehidden { display: none; } /* Hide hidden field in the response review */ .fa-embed .reviewFooter .reviewActions { text-align: left; } .fa-embed .reviewFooter .reviewActions img { vertical-align: middle;} .fa-embed .reviewResponse .responseData .page { margin: 1.2em 0; padding-bottom: 1.2em; border-bottom: 2px dotted #CCC; } /* Fieldset / Grid layout */ .fa-embed .reviewResponse .responseData .fieldset { margin: 1.2em 0; border: 1px solid #BBB; padding: 10px; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; } .fa-embed .reviewResponse .responseData .fieldset h4 { margin: 0; } .fa-embed .reviewResponse .responseData .inlineDiv { margin: 1em 0 0 0; } .fa-embed .reviewResponse .responseData table { border-collapse: collapse; } .fa-embed .reviewResponse .responseData table td { vertical-align: top; } .fa-embed .reviewResponse .responseData .grid { border: 1px solid #eee; } .fa-embed .reviewResponse .responseData .grid th { border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px 8px 5px 5px; text-align: left; font-weight: normal; color: #656565; } .fa-embed .reviewResponse .responseData .grid .alternate { background-color: #F4F5F4; } .fa-embed .reviewResponse .responseData .grid td { border: 1px solid #eee; } /* Question Label */ .fa-embed .reviewResponse .responseData .grid .question { padding: 5px 5px 5px 5px; } .fa-embed .reviewResponse .responseData table .question { padding: 1em 8px 0 0; margin: 0; } .fa-embed .reviewResponse .responseData .question { margin: 1em 0 0 0; } .fa-embed .reviewResponse .responseData table .unknownField { padding: 5px 8px 5px 0; text-align: right; } /* User Response (free text) */ .fa-embed .reviewResponse .responseData .grid .response { /* border-right: 1px solid #eee; */ padding: 5px 5px 5px 5px; } .fa-embed .reviewResponse .responseData table .response { } .fa-embed .reviewResponse .responseData .response { font-weight: bold; } /* User Response (Multiple Choice) */ .fa-embed .reviewResponse .responseData .response ul { padding: 0; margin: 0; } .fa-embed .reviewResponse .responseData .response ul .singleAnswer { margin: 0 !important; padding: 0 !important; border-bottom: none !important; list-style-type: none !important; font-weight: bold; } .fa-embed .reviewResponse .responseData .response ul .multipleAnswer { margin: 0 0 0 15px !important; padding: 0 !important; font-weight: bold; } .fa-embed .reviewResponse .attachedFiles h4 { font-style: italic; font-weight: normal; margin: 0 0 6px 0;} @media print { .fa-embed .reviewActions, .fa-embed .reviewHeader{ display: none; } .fa-embed .responseData h3, .fa-embed .responseData h4 { page-break-after: avoid; } /* Following not enabled. Can be added manually in branding on a case-by-case basis. */ /* .responseData .fieldset { page-break-inside: avoid; } */ /* .responseData .page { page-break-after: always; } */ } /* Tabbed Navigation for multi-page forms */ .fa-embed .wfTabCurrentPage { font-weight: bold; } .fa-embed #wfTabNav { font-size: smaller; border: 2px solid transparent; padding: 2px 6px; text-align: right; } .fa-embed .wfTab, .fa-embed .wfTabSep { display: inline-block; } /* Progress bar for multi-page forms */ .fa-embed .wfProgressBarWrapper { background-color: rgba(0,0,0,0.05); width: 100%; margin: 2rem 0 !important; } .fa-embed .wfProgressBar { width: 30px; height: 1.3em; padding: 0 .4em !important; text-align: right; color: #ffffff; background-color: #0073E6; } /* Autosuggest feature styles: */ .fa-embed .wForm div .typeahead, .fa-embed .wForm div .tt-query, .fa-embed .wForm div .tt-hint { width: auto; min-width: 164px; height: 30px; padding: 8px 12px; font-size: inherit; line-height: inherit; border: 2px solid #ccc; outline: none; } .fa-embed .wForm div .typeahead { background-color: #fff; } .fa-embed .wForm div .typeahead:focus { border: 2px solid #0097cf; } .fa-embed .wForm div .tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .fa-embed .wForm div .tt-hint { color: #999; margin:0px; padding: 0px; margin-top: -6px; } .fa-embed .wForm div .tt-menu { box-sizing: border-box; width: 100%; min-width: 164px; margin: 0px; padding: 0px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); } /* Keep dynamic picklists (typeahead) within their container, especially grid cells. The .twitter-typeahead wrapper is inline-block with no width constraint, so it grows to the input's width and overflows narrow grid columns (see FA-24675). */ .fa-embed .wForm .twitter-typeahead { max-width: 100%; } .fa-embed .wForm .gridLayout .twitter-typeahead { width: 100%; } .fa-embed .wForm .gridLayout .inputWrapper .twitter-typeahead .tt-input, .fa-embed .wForm .gridLayout .inputWrapper .twitter-typeahead .tt-hint { box-sizing: border-box; width: 100% !important; /* override per-field `size` width emitted with !important by preview.xsl */ min-width: 0 !important; /* override the 164px floor above */ } .fa-embed .wForm div .tt-suggestion:hover { cursor: pointer; color: #fff; background-color: #0097cf; } .fa-embed .wForm div .tt-suggestion.tt-cursor { color: #fff; background-color: #0097cf; } .fa-embed .wForm div .tt-suggestion, .fa-embed .wForm div .tt-empty-message { margin: 0; padding: 0 6px; } .fa-embed .wForm div .tt-empty-message { color: #767676; font-style: italic; } .fa-embed .wForm div .tt-more-message { font-size: 0.7em; padding: 0 6px; border-top: 1px solid rgba(0, 0, 0, 0.2); } .fa-embed .wForm div .tt-menu { line-height: 2em; max-height: calc(2em * 5.5); overflow-y: auto; } .fa-embed .wForm div .rtl-support .tt-menu { text-align: right; } .fa-embed .wForm .tt-spinner { /* display:none; margin-left: -22px; margin-top: 3px; margin-bottom: -3px; position: absolute;*/ position: absolute; top: 3px; right: 2px; display: none; } .fa-embed .wForm .tt-caret-down { position: absolute; top: 8px; right: 8px; cursor: pointer; } .fa-embed .wForm .tt-search { position: absolute; top: 28%; left: 7px; z-index: 5; cursor: pointer; } .fa-embed .wForm .tt-clear { position: absolute; top: 28%; right: 3%; z-index: 5; cursor: pointer; } .fa-embed .wForm .tt-clear.no-input { visibility: hidden; } .fa-embed .wFormContainer .wForm .inputWrapper input[type="text"][data-dataset-json], .fa-embed .wFormContainer .wForm .inputWrapper input[type="text"][data-dataset-id] { padding-left: 25px; padding-right: 25px; } /* End autosuggest styles */ /* Recaptcha scaling */ @media only screen and (max-width: 355px) { #google-captcha {transform:scale(0.8);-webkit-transform:scale(0.8);transform-origin:0 0;-webkit-transform-origin:0 0;} } /* End Recaptcha scaling */ .fa-embed .sensitive-value-omitted { padding: 5px 0 0 0!important; } /* response caching dialog */ /* for modals */ .wFormOverlay { position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); } .wFormOverlay .doNotAskAgain { display: inline-block; } .wFormOverlay #save-to-cache-dialog { background-color: #FFF; } .wFormOverlay .primaryAction { margin-right: 1em !important; } #elevate-captcha-v2 { width: 500px ; height: 500px; display: none; } .formassembly-fixed-logo-container { position: fixed; right: 0.5rem; bottom: 0.5rem; } .formassembly-fixed-logo-container a { display: flex; align-items: center; transition: opacity 0.2s ease; padding: 0.25rem 0.75rem; border: 1px solid rgb(229 231 235); border-radius: 0.25rem; } .formassembly-fixed-logo-container a:hover, .formassembly-fixed-logo-container a:focus-visible, .formassembly-fixed-logo-container a:active { opacity: 0.8; } .formassembly-fixed-logo-container img { height: 1rem; } /* ── theme-31.css — scoped to .fa-embed ── */ .fa-embed .wFormContainer{font-family:"Montserrat",sans-serif,sans-serif;font-size:16.4px}.fa-embed .wFormContainer a{text-decoration:none;color:#0056ad}.fa-embed .wFormContainer a:hover{text-decoration:underline;color:#0056ad}.fa-embed .wForm :link{text-decoration:none;color:#0056ad}.fa-embed .wFormContainer .htmlSection{margin:1em auto}.fa-embed .wFormContainer .wForm{background-color:#fff;color:#000;border:1px solid "";border-radius:.2rem;padding:0!important;margin-top:1em}.fa-embed .wFormContainer .wForm form{padding:0 3rem 2rem 3rem}.fa-embed .wFormThankYou{padding:20px 30px!important;min-height:110px!important}.fa-embed .wFormContainer .wFormHelp{padding:20px 30px!important;min-height:110px!important}.fa-embed .reviewHeader,.fa-embed .reviewResponse,.fa-embed .reviewFooter{padding:20px!important;background-color:#fff!important;border:1px solid ""!important;border-radius:2px!important;margin-bottom:20px!important;color:#000000!important}.fa-embed .saveAndResume{font-size:.9em}.fa-embed .saveAndResume input[type="text"],.fa-embed .saveAndResume input[type="password"],.fa-embed .required:not(.choices):not(select):not(.wfAutosuggest){font-family:"Montserrat",sans-serif!important;color:#343b3e!important;border:1px solid #d8dde6!important;border-radius:2px!important;box-sizing:border-box;font-size:1em!important;width:20em;background-color:#fff!important;padding:0!important}.fa-embed .required:not(.choices):not(select):not(.wfAutosuggest){padding:0 0.5rem!important}.fa-embed .saveAndResume input[type="text"],.fa-embed .saveAndResume input[type="password"],.fa-embed input[type="text"].validate-email,.fa-embed input[type="password"]#password{height:30px!important;padding:0 0.5rem!important}.fa-embed .saveAndResume input[type="text"]:focus,.fa-embed .saveAndResume input[type="password"]:focus,.fa-embed input[type="text"].validate-email:focus,.fa-embed input[type="password"]#password:focus{outline-style:none;border:2px solid #9b9b9b!important;color:#343b3e}.fa-embed input.primaryAction.slds-button.slds-button--brand.full-width{margin-top:0!important}.fa-embed .reviewActions{margin-top:1.6em!important}.fa-embed #wFormResumePage legend,.fa-embed #responsePasswordResetform legend{margin-bottom:20px;font-weight:900;font-size:14.4px!important;color:#000000!important;font-family:"Montserrat",sans-serif!important}.fa-embed .wForm .fa-search.tt-search,.fa-embed .wForm .fa-spinner.tt-spinner,.fa-embed .wForm .fa-times-circle.tt-clear{color:#343b3e;position:absolute!important;top:50%!important;margin-top:-8px!important}.fa-embed .wFormContainer .wForm .inputWrapper input[type="text"][data-dataset-json],.fa-embed .wFormContainer .wForm .inputWrapper input[type="text"][data-dataset-id]{padding-left:30px!important;padding-right:30px!important}.fa-embed .wFormWebPage{background-color:#fff}@media only screen and (max-width:600px){.fa-embed .wFormWebPage{margin:0!important}.fa-embed .wFormWebPage .wForm{border-radius:0;padding:0!important}.fa-embed .wFormWebPage .wForm form{padding:0 1rem 2rem 1rem}}.fa-embed #preview .mobile form{padding:0 1rem 2rem 1rem}.fa-embed .wFormContainer .wFormHeader{height:24;margin:1em 0;background:url(../../../../../"") no-repeat left;background-position:left;height:24;background-size:contain}@media only screen and (max-width:600px){.fa-embed .wFormContainer .wFormHeader{margin-left:.5em}}.fa-embed .wFormContainer .wForm{display:flex;flex-direction:column}.fa-embed .wFormContainer .wForm .wFormTitle{font-family:"Montserrat",sans-serif;padding:1.75rem 3rem!important;margin:0;font-size:25.04px;background-color:#fff;color:#000}.fa-embed .wFormContainer .wForm .section.pageSection>h4{font-size:14.4px;color:#000;font-family:"Montserrat",sans-serif}.fa-embed .wFormContainer .wForm .htmlSection h4{font-size:14.4px;color:#000;font-family:"Montserrat",sans-serif}.fa-embed .wForm div.section>.preField{font-size:14.4px!important;color:#000000!important;font-family:"Montserrat",sans-serif!important}@media only screen and (max-width:600px){.fa-embed .wFormContainer .wForm .wFormTitle{margin:0}.fa-embed .wFormContainer .wForm .wFormTitle{padding:1rem!important}}.fa-embed #preview .mobile .wFormTitle{padding:1rem!important}.fa-embed .wFormContainer .wForm #wfTabNav{padding:1rem 3rem 0 3rem;font-size:12.5px}.fa-embed .wFormContainer .wfTab{margin:.1em;padding:2px 5px;background-color:#3aad73;border-radius:2px;color:#fff;text-align:center;border:1px solid #3aad73}.fa-embed .wFormContainer .wfTab:hover{margin:.1em;padding:2px 5px;background-color:#0056ad;border-radius:2px;color:#fff;text-align:center;border:1px solid #0056ad}.fa-embed .wFormContainer .wfTabSep{display:none}.fa-embed .wFormContainer .wfTab.wfTabCurrentPage{font-weight:700;background-color:#fff;color:#3aad73;border:1px solid #3aad73}.fa-embed .wFormContainer .wfTab.wfHiddenTab,.fa-embed .wFormContainer .wfTab.wfHiddenTab:hover{opacity:.5;cursor:not-allowed}@media only screen and (max-width:600px){.fa-embed .wFormContainer .wForm #wfTabNav{padding:1rem 1rem 0 1rem;font-size:12px}.fa-embed .wFormContainer .wfTab{margin:0 .1em .2em .1em;padding:5px 5px}.fa-embed .wFormContainer .wfTab:hover{margin:0 .1em .2em .1em;padding:5px 5px}}.fa-embed #preview .mobile .wfTabNav{padding:1rem 1rem 0 1rem;font-size:12px}.fa-embed #preview .mobile .wTab,.fa-embed #preview .mobile .wTab:hover{margin:0 .1em .2em .1em;padding:5px 5px}.fa-embed .wFormContainer fieldset{margin:1em 0 .5em 0;color:#000000!important;border:1px solid #9b9b9b!important;border-radius:2px}.fa-embed .wFormContainer fieldset.highlighted{border:double!important;border-color:#9b9b9b!important}.fa-embed .wFormContainer fieldset legend{font-size:14.4px!important;color:#000000!important;font-family:"Montserrat",sans-serif!important}.fa-embed .wFormContainer .group>.label{margin-top:1em;color:#000}.fa-embed .htmlSection .htmlContent span{color:#000000!important;font-family:"Montserrat",sans-serif!important;font-size:100%!important;line-height:auto}.fa-embed .htmlSection .htmlContent{color:#000000!important;font-family:"Montserrat",sans-serif!important;font-size:100%!important;line-height:auto}.fa-embed .wFormContainer fieldset>fieldset:last-child{margin-bottom:0;color:#000}.fa-embed .wFormContainer .pageSection>*:not([type="hidden"]):last-child{margin-bottom:0;color:#000}.fa-embed .wFormContainer table.matrixLayout thead tr.headerRow,.fa-embed .wFormContainer table.gridLayout thead tr.headerRow{background-color:rgba(0,0,0,.025)}.fa-embed .wFormContainer table.matrixLayout thead tr.headerRow th,.fa-embed .wFormContainer table.gridLayout thead tr.headerRow th{height:2em;padding:.25em;vertical-align:middle;color:#000000!important}.fa-embed .wFormContainer table.matrixLayout tbody tr th.headerCol,.fa-embed .wFormContainer table.gridLayout tbody tr th.headerCol{height:2em;color:#000000!important}.fa-embed .wFormContainer table.matrixLayout tbody tr:nth-child(odd),.fa-embed .wFormContainer table.gridLayout tbody tr:nth-child(odd){background-color:transparent}.fa-embed .wFormContainer table.matrixLayout tbody tr:nth-child(even),.fa-embed .wFormContainer table.gridLayout tbody tr:nth-child(even){background-color:rgba(0,0,0,.025)}.fa-embed .wFormContainer table.matrixLayout tbody td,.fa-embed .wFormContainer table.gridLayout tbody td{height:2em;padding:.25em}.fa-embed #preview .wFormContainer table.matrixLayout tbody tr:nth-child(n),.fa-embed #preview .wFormContainer table.gridLayout tbody tr:nth-child(n){background-color:transparent}.fa-embed #preview .wFormContainer table.matrixLayout tbody tr:nth-child(4n),.fa-embed #preview .wFormContainer table.gridLayout tbody tr:nth-child(4n){background-color:rgba(0,0,0,.025)}.fa-embed table{font-size:16.4px}.fa-embed .wForm .gridLayout.stacked{margin:20px 0}.fa-embed .wForm .gridLayout.stacked tr{margin:10px 1rem 10px 0;padding:10px auto;width:92.5%}.fa-embed .wForm .gridLayout.stacked tr td{height:auto!important}.fa-embed .wForm .gridLayout.stacked tr td input[type="text"]{max-width:90%}.fa-embed #preview .mobile .matrixLayout,.fa-embed #preview .mobile .gridLayout{margin:20px 0!important}.fa-embed .wFormContainer .label{font-weight:400;font-family:"Montserrat",sans-serif;color:#000}.fa-embed .wFormContainer .label.preField{line-height:1.5;color:#000}.fa-embed .wFormContainer .oneField[role="radiogroup"] .label.preField,.fa-embed .wFormContainer .oneField[role="group"] .label.preField{margin-bottom:8px!important}.fa-embed .wFormContainer .oneChoice .label.postField{vertical-align:middle!important;color:#000}.fa-embed .wFormContainer .reqMark:after{color:#ec4e4e}.fa-embed .oneField .label span{color:#000000!important;font-family:"Montserrat",sans-serif!important;font-size:100%!important}.fa-embed .wFormContainer .wForm .inputWrapper input[type="text"],.fa-embed .wFormContainer .wForm .inputWrapper input[type="password"],.fa-embed .wFormContainer .wForm .inputWrapper select,.fa-embed .wFormContainer .wForm .inputWrapper textarea{font-family:"Montserrat",sans-serif;color:#343b3e;border:1px solid #d8dde6;border-radius:2px;box-sizing:border-box;font-size:1em;width:20em;background-color:#fff}.fa-embed .wFormContainer .wForm .inputWrapper input[type="text"],.fa-embed .wFormContainer .wForm .inputWrapper input[type="password"],.fa-embed .wFormContainer .wForm .inputWrapper input[type="file"],.fa-embed .wFormContainer .wForm .inputWrapper select:not([multiple]){height:30px;padding:0 .5rem}.fa-embed .wFormContainer .wForm .inputWrapper select[multiple]{width:auto}.fa-embed .wFormContainer .wForm .inputWrapper input[type="file"]{border:none!important;background:transparent!important;color:#000000!important;max-width:100%}.fa-embed .wFormContainer .wForm .inputWrapper input[type="file"]::-webkit-file-upload-button{color:#fff!important;color:#fff!important;background-color:#3aad73!important;border-radius:2px!important;-webkit-appearance:none!important;border:none!important}.fa-embed .wFormContainer .wForm .inputWrapper input[type="file"]::-webkit-file-upload-button:hover{color:#fff!important;background-color:#0056ad!important}.fa-embed .wFormContainer .wForm .inputWrapper textarea{height:5em;padding:0.5rem!important}.fa-embed .wFormContainer .wForm .inputWrapper select option{padding:.25em .5rem;font-family:"Montserrat",sans-serif}.fa-embed .wFormContainer .wForm .inputWrapper input:not([type="file"]):not(.tt-hint):read-only,.fa-embed .wFormContainer .wForm .inputWrapper textarea:read-only{font-family:"Montserrat",sans-serif;background-color:#f3f2f2!important;border:1px solid #f3f2f2!important;color:#515e59!important}.fa-embed .wFormContainer .wForm .inputWrapper input:not([type="file"]):not(.tt-hint):-moz-read-only,.fa-embed .wFormContainer .wForm .inputWrapper textarea:-moz-read-only{font-family:"Montserrat",sans-serif;background-color:#f3f2f2!important;border:1px solid #f3f2f2!important;color:#515e59!important}.fa-embed .wFormContainer .wForm .inputWrapper textarea:focus,.fa-embed .wFormContainer .wForm .inputWrapper textarea.required:focus,.fa-embed .wFormContainer .wForm .inputWrapper input[type="text"]:focus,.fa-embed .wFormContainer .wForm .inputWrapper input[type="text"].required:focus,.fa-embed .wFormContainer .wForm .inputWrapper input[type="password"]:focus,.fa-embed .wFormContainer .wForm .inputWrapper input[type="password"].required:focus,.fa-embed .wFormContainer .wForm .inputWrapper select:focus,.fa-embed .wFormContainer .wForm .inputWrapper select.required:focus{outline-style:none;border:2px solid #9b9b9b!important;color:#343b3e}.fa-embed .wFormContainer .wForm .inputWrapper textarea.required:not(readonly):focus{border:1px solid #f3f2f2!important}.fa-embed .wFormContainer .wForm .inputWrapper .oneChoice input[type="checkbox"],.fa-embed .wFormContainer .wForm .inputWrapper .oneChoice input[type="radio"]{height:initial;margin-bottom:10px}.fa-embed .wForm input[type="file"]{font-size:16px!important}@media only screen and (max-width:600px){.fa-embed .wFormContainer .wForm .inputWrapper select[multiple]{width:auto;-webkit-appearance:none;height:30px}}.fa-embed .wFormContainer .field-hint-inactive,.fa-embed .wFormContainer .field-hint{line-height:100%;font-size:1em}.fa-embed .wFormContainer .field-hint-inactive .hint{font-size:.85em;line-height:1.75em;transition:all 0.25s linear}.fa-embed .wFormContainer .field-hint .hint{font-size:.85em;line-height:1.75em;transition:all 0.25s linear}.fa-embed .wFormContainer .lengthIndicator,.fa-embed .wFormContainer .count-words{font-size:.85em;margin-top:2px;color:#515e59}.fa-embed #preview #render .wForm .oneField.hintsTooltip .field-hint{background-color:#eee!important;padding:.3em}.fa-embed .wForm .hintsTooltip .hint{color:#222!important;background-color:#eee!important}.fa-embed .wForm .field-hint-inactive .hint{background-color:#fff!important;color:#515e59!important;opacity:1!important}.fa-embed .wForm .hintsBelow .field-hint,.fa-embed .wform .hintsSide .field-hint{background-color:#fff!important;color:#515e59!important;opacity:1!important}.fa-embed .wFormContainer .wfAutosuggest.tt-hint{margin-top:0}.fa-embed .wFormContainer .wfAutosuggest.tt-input{background-color:#fff!important}.fa-embed .wFormContainer .tt-spinner{top:.6rem;right:.25rem}.fa-embed .tt-menu{background-color:#fff;color:#343b3e;border-radius:2px}.fa-embed .tt-suggestion{font-family:"Montserrat",sans-serif!important;font-size:16.4px!important;color:#343b3e!important}html .kalendae{background:#fff;border:2px solid #d8dde6!important;font-size:100%;font-family:"Montserrat",sans-serif;border-radius:2px;padding:1rem}html .kalendae .k-calendar{width:14em}html .kalendae .k-calendar .k-header span,html .kalendae .k-calendar .k-days span{width:calc(2em - 2px)!important;margin-left:1px!important;margin-right:1px!important;box-sizing:border-box!important}html .kalendae .k-calendar .k-title,html .kalendae .k-calendar .k-header,html .kalendae .k-calendar .k-days{width:100%;height:auto;margin:0;color:#000}html .kalendae .k-calendar .k-header span,html .kalendae .k-calendar .k-days span{height:inherit;line-height:inherit;text-align:center;padding:2px .25em 2px 2px}html .kalendae .k-calendar .k-btn-close:hover{color:#444;border-color:#fff}html .kalendae .k-calendar .k-caption{font-size:100%;color:#000}html .kalendae .k-calendar .k-btn-previous-month,html .kalendae .k-calendar .k-btn-next-month,html .kalendae .k-calendar .k-btn-previous-year,html .kalendae .k-calendar .k-btn-next-year{color:#000;line-height:normal;height:auto;font-size:1.4em;font-weight:400}html .kalendae .k-calendar .k-btn-previous-month:hover,html .kalendae .k-calendar .k-btn-next-month:hover,html .kalendae .k-calendar .k-btn-previous-year:hover,html .kalendae .k-calendar .k-btn-next-year:hover{color:#000;font-weight:700}html .kalendae .k-calendar .k-header span{color:#000;margin:5px auto}html .kalendae .k-calendar .k-days span.k-in-month{color:#000;border-color:rgba(0,0,0,.1);background-color:#fff;height:30px;padding-top:5px;margin-bottom:5px;opacity:.7}html .kalendae .k-calendar .k-days span.k-in-month.k-active{color:#fff;border-color:rgba(0,0,0,.1);background-color:#3aad73;height:30px;padding-top:5px;margin-bottom:5px;opacity:.7}html .kalendae .k-calendar .k-days span.k-out-of-month{color:#000;background-color:rgba(0,0,0,0);height:30px;padding-top:5px;margin-bottom:5px;opacity:.5}html .kalendae .k-calendar .k-days span.k-selected.k-active{background:#3aad73;color:#fff;opacity:1}html .kalendae .k-calendar .k-days span.k-active:hover{border-color:#d8dde6;opacity:1}.fa-embed .wFormContainer .oneField.errFld .inputWrapper input[type="text"],.fa-embed .wFormContainer .oneField.errFld .inputWrapper input[type="password"],.fa-embed .wFormContainer .oneField.errFld .inputWrapper textarea,.fa-embed .wFormContainer .oneField.errFld .inputWrapper select{border-color:#ec4e4e!important}.fa-embed .wFormContainer .oneField.errFld div.errMsg{margin-top:.5em;color:#ec4e4e}.fa-embed .wfTab.errMsg{border:1px solid #ec4e4e!important;background-color:#fff}.fa-embed .wfTab.wfTabCurrentPage.errMsg,.fa-embed .wfTab.errMsg:hover{border:1px solid #ec4e4e!important;background-color:#ec4e4e!important;color:#fff!important}.fa-embed .errorMessage{color:#ec4e4e!important}.fa-embed a.errMsg{color:#ec4e4e;text-decoration:underline}.fa-embed .wFormContainer .errMsg{color:#ec4e4e!important}.fa-embed .wFormContainer .actions{margin-top:0}.fa-embed .wFormContainer .actions .primaryAction{background-color:#3aad73;color:#fff;margin-top:1.6em;padding:9.72px 16.2px;border:none;font-size:12.96px;font-weight:700;font-family:"Montserrat",sans-serif;-webkit-appearance:none;border-radius:2px}.fa-embed .wFormContainer .actions .primaryAction:hover{background-color:#0056ad;color:#fff}.fa-embed .wFormContainer .actions .primaryAction:disabled{background-color:rgba(0,0,0,.2);color:rgba(255,255,255,.7);-webkit-appearance:none;border-radius:2px;cursor:not-allowed}.fa-embed .wFormContainer .wfPagingButtons{margin-top:0}.fa-embed .wFormContainer .wfPagingButtons .wfPageNextButton,.fa-embed .wFormContainer .wfPagingButtons .wfPagePreviousButton{background-color:#3aad73;color:#fff;margin-top:1.6em;padding:9.72px 16.2px;border:none;font-size:12.96px;font-family:"Montserrat",sans-serif;-webkit-appearance:none;border-radius:2px}.fa-embed .wFormContainer .wfPagingButtons .wfPageNextButton:hover,.fa-embed .wFormContainer .wfPagingButtons .wfPagePreviousButton:hover{background-color:#0056ad;color:#fff}@media only screen and (max-width:600px){.fa-embed .wFormContainer .actions .primaryAction,.fa-embed .wFormContainer .wfPagingButtons .wfPageNextButton,.fa-embed .wFormContainer .wfPagingButtons .wfPagePreviousButton{min-width:150px;font-size:16px;padding:9.72px 20px}}.fa-embed #preview .mobile .primaryAction,.fa-embed #preview .mobile .wfPageNextButton,.fa-embed #preview .mobile .wfPagePreviousButton{min-width:150px;font-size:16px;padding:9.72px 20px}.fa-embed .wFormContainer .wFormFooter .supportInfo{text-align:center}.fa-embed .wFormContainer .wFormFooter .supportInfo a{color:#0056ad}.fa-embed .wFormContainer .wFormFooter .supportInfo a:hover{color:#0056ad;font-weight:700}.fa-embed .wFormContainer .oneField,.fa-embed .wFormContainer .section{-webkit-animation:fa-fadeIn 0.5s;animation:fa-fadeIn 0.5s}@-webkit-keyframes fa-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fa-fadeIn{from{opacity:0}to{opacity:1}}.fa-embed .wFormContainer .wForm .removeSpan{display:block;float:none;text-align:right}.fa-embed .wFormContainer .wForm td .removeSpan{display:inline;float:right;text-align:inherit}.fa-embed .wfProgressBar{color:#fff;background-color:#0073e6} /* ── wforms-jsonly.css — scoped to .fa-embed.fa-js-on ── */ /* Accessiblity Related Rules */ /* These are the rules that should *not* apply if javascript is disabled. */ .fa-embed.fa-js-on .offstate { display: none !important; } html .fa-embed.fa-js-on .wForm form .wfPage, html .fa-embed.fa-js-on .wForm form .wfHideSubmit { display: none !important; } html .fa-embed.fa-js-on .wForm form .saveAndResume .actions .wfHideSubmit { display: block !important; } html .fa-embed.fa-js-on .wForm form .wfCurrentPage { display: block !important; } .fa-embed.fa-js-on .offstate-resumelater { display: none !important; } .fa-embed.fa-js-on .onstate-resumelater { display: block !important; } .fa-embed.fa-js-on #saveAndResumeFieldset { display: none; } /* Handle page visibility */ html .fa-embed.fa-js-on .wForm form .wfPage, html .fa-embed.fa-js-on .wForm form .wfHideSubmit { display: none !important; } html .fa-embed.fa-js-on .wForm form .wfCurrentPage { display: block !important; } /* ── font-awesome-4.4.0.css — scoped to .fa-embed ── */ /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/fonts/fontawesome-webfont.eot?v=4.4.0');src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa-embed .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-embed .fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-embed .fa-2x{font-size:2em}.fa-embed .fa-3x{font-size:3em}.fa-embed .fa-4x{font-size:4em}.fa-embed .fa-5x{font-size:5em}.fa-embed .fa-fw{width:1.28571429em;text-align:center}.fa-embed .fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-embed .fa-ul>li{position:relative}.fa-embed .fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-embed .fa-li.fa-lg{left:-1.85714286em}.fa-embed .fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-embed .fa-pull-left{float:left}.fa-embed .fa-pull-right{float:right}.fa-embed .fa.fa-pull-left{margin-right:.3em}.fa-embed .fa.fa-pull-right{margin-left:.3em}.fa-embed .pull-right{float:right}.fa-embed .pull-left{float:left}.fa-embed .fa.pull-left{margin-right:.3em}.fa-embed .fa.pull-right{margin-left:.3em}.fa-embed .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-embed .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-embed .fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-embed .fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-embed .fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-embed .fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-embed .fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}.fa-embed :root .fa-rotate-90,.fa-embed :root .fa-rotate-180,.fa-embed :root .fa-rotate-270,.fa-embed :root .fa-flip-horizontal,.fa-embed :root .fa-flip-vertical{filter:none}.fa-embed .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-embed .fa-stack-1x,.fa-embed .fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-embed .fa-stack-1x{line-height:inherit}.fa-embed .fa-stack-2x{font-size:2em}.fa-embed .fa-inverse{color:#fff}.fa-embed .fa-glass:before{content:"\f000"}.fa-embed .fa-music:before{content:"\f001"}.fa-embed .fa-search:before{content:"\f002"}.fa-embed .fa-envelope-o:before{content:"\f003"}.fa-embed .fa-heart:before{content:"\f004"}.fa-embed .fa-star:before{content:"\f005"}.fa-embed .fa-star-o:before{content:"\f006"}.fa-embed .fa-user:before{content:"\f007"}.fa-embed .fa-film:before{content:"\f008"}.fa-embed .fa-th-large:before{content:"\f009"}.fa-embed .fa-th:before{content:"\f00a"}.fa-embed .fa-th-list:before{content:"\f00b"}.fa-embed .fa-check:before{content:"\f00c"}.fa-embed .fa-remove:before,.fa-embed .fa-close:before,.fa-embed .fa-times:before{content:"\f00d"}.fa-embed .fa-search-plus:before{content:"\f00e"}.fa-embed .fa-search-minus:before{content:"\f010"}.fa-embed .fa-power-off:before{content:"\f011"}.fa-embed .fa-signal:before{content:"\f012"}.fa-embed .fa-gear:before,.fa-embed .fa-cog:before{content:"\f013"}.fa-embed .fa-trash-o:before{content:"\f014"}.fa-embed .fa-home:before{content:"\f015"}.fa-embed .fa-file-o:before{content:"\f016"}.fa-embed .fa-clock-o:before{content:"\f017"}.fa-embed .fa-road:before{content:"\f018"}.fa-embed .fa-download:before{content:"\f019"}.fa-embed .fa-arrow-circle-o-down:before{content:"\f01a"}.fa-embed .fa-arrow-circle-o-up:before{content:"\f01b"}.fa-embed .fa-inbox:before{content:"\f01c"}.fa-embed .fa-play-circle-o:before{content:"\f01d"}.fa-embed .fa-rotate-right:before,.fa-embed .fa-repeat:before{content:"\f01e"}.fa-embed .fa-refresh:before{content:"\f021"}.fa-embed .fa-list-alt:before{content:"\f022"}.fa-embed .fa-lock:before{content:"\f023"}.fa-embed .fa-flag:before{content:"\f024"}.fa-embed .fa-headphones:before{content:"\f025"}.fa-embed .fa-volume-off:before{content:"\f026"}.fa-embed .fa-volume-down:before{content:"\f027"}.fa-embed .fa-volume-up:before{content:"\f028"}.fa-embed .fa-qrcode:before{content:"\f029"}.fa-embed .fa-barcode:before{content:"\f02a"}.fa-embed .fa-tag:before{content:"\f02b"}.fa-embed .fa-tags:before{content:"\f02c"}.fa-embed .fa-book:before{content:"\f02d"}.fa-embed .fa-bookmark:before{content:"\f02e"}.fa-embed .fa-print:before{content:"\f02f"}.fa-embed .fa-camera:before{content:"\f030"}.fa-embed .fa-font:before{content:"\f031"}.fa-embed .fa-bold:before{content:"\f032"}.fa-embed .fa-italic:before{content:"\f033"}.fa-embed .fa-text-height:before{content:"\f034"}.fa-embed .fa-text-width:before{content:"\f035"}.fa-embed .fa-align-left:before{content:"\f036"}.fa-embed .fa-align-center:before{content:"\f037"}.fa-embed .fa-align-right:before{content:"\f038"}.fa-embed .fa-align-justify:before{content:"\f039"}.fa-embed .fa-list:before{content:"\f03a"}.fa-embed .fa-dedent:before,.fa-embed .fa-outdent:before{content:"\f03b"}.fa-embed .fa-indent:before{content:"\f03c"}.fa-embed .fa-video-camera:before{content:"\f03d"}.fa-embed .fa-photo:before,.fa-embed .fa-image:before,.fa-embed .fa-picture-o:before{content:"\f03e"}.fa-embed .fa-pencil:before{content:"\f040"}.fa-embed .fa-map-marker:before{content:"\f041"}.fa-embed .fa-adjust:before{content:"\f042"}.fa-embed .fa-tint:before{content:"\f043"}.fa-embed .fa-edit:before,.fa-embed .fa-pencil-square-o:before{content:"\f044"}.fa-embed .fa-share-square-o:before{content:"\f045"}.fa-embed .fa-check-square-o:before{content:"\f046"}.fa-embed .fa-arrows:before{content:"\f047"}.fa-embed .fa-step-backward:before{content:"\f048"}.fa-embed .fa-fast-backward:before{content:"\f049"}.fa-embed .fa-backward:before{content:"\f04a"}.fa-embed .fa-play:before{content:"\f04b"}.fa-embed .fa-pause:before{content:"\f04c"}.fa-embed .fa-stop:before{content:"\f04d"}.fa-embed .fa-forward:before{content:"\f04e"}.fa-embed .fa-fast-forward:before{content:"\f050"}.fa-embed .fa-step-forward:before{content:"\f051"}.fa-embed .fa-eject:before{content:"\f052"}.fa-embed .fa-chevron-left:before{content:"\f053"}.fa-embed .fa-chevron-right:before{content:"\f054"}.fa-embed .fa-plus-circle:before{content:"\f055"}.fa-embed .fa-minus-circle:before{content:"\f056"}.fa-embed .fa-times-circle:before{content:"\f057"}.fa-embed .fa-check-circle:before{content:"\f058"}.fa-embed .fa-question-circle:before{content:"\f059"}.fa-embed .fa-info-circle:before{content:"\f05a"}.fa-embed .fa-crosshairs:before{content:"\f05b"}.fa-embed .fa-times-circle-o:before{content:"\f05c"}.fa-embed .fa-check-circle-o:before{content:"\f05d"}.fa-embed .fa-ban:before{content:"\f05e"}.fa-embed .fa-arrow-left:before{content:"\f060"}.fa-embed .fa-arrow-right:before{content:"\f061"}.fa-embed .fa-arrow-up:before{content:"\f062"}.fa-embed .fa-arrow-down:before{content:"\f063"}.fa-embed .fa-mail-forward:before,.fa-embed .fa-share:before{content:"\f064"}.fa-embed .fa-expand:before{content:"\f065"}.fa-embed .fa-compress:before{content:"\f066"}.fa-embed .fa-plus:before{content:"\f067"}.fa-embed .fa-minus:before{content:"\f068"}.fa-embed .fa-asterisk:before{content:"\f069"}.fa-embed .fa-exclamation-circle:before{content:"\f06a"}.fa-embed .fa-gift:before{content:"\f06b"}.fa-embed .fa-leaf:before{content:"\f06c"}.fa-embed .fa-fire:before{content:"\f06d"}.fa-embed .fa-eye:before{content:"\f06e"}.fa-embed .fa-eye-slash:before{content:"\f070"}.fa-embed .fa-warning:before,.fa-embed .fa-exclamation-triangle:before{content:"\f071"}.fa-embed .fa-plane:before{content:"\f072"}.fa-embed .fa-calendar:before{content:"\f073"}.fa-embed .fa-random:before{content:"\f074"}.fa-embed .fa-comment:before{content:"\f075"}.fa-embed .fa-magnet:before{content:"\f076"}.fa-embed .fa-chevron-up:before{content:"\f077"}.fa-embed .fa-chevron-down:before{content:"\f078"}.fa-embed .fa-retweet:before{content:"\f079"}.fa-embed .fa-shopping-cart:before{content:"\f07a"}.fa-embed .fa-folder:before{content:"\f07b"}.fa-embed .fa-folder-open:before{content:"\f07c"}.fa-embed .fa-arrows-v:before{content:"\f07d"}.fa-embed .fa-arrows-h:before{content:"\f07e"}.fa-embed .fa-bar-chart-o:before,.fa-embed .fa-bar-chart:before{content:"\f080"}.fa-embed .fa-twitter-square:before{content:"\f081"}.fa-embed .fa-facebook-square:before{content:"\f082"}.fa-embed .fa-camera-retro:before{content:"\f083"}.fa-embed .fa-key:before{content:"\f084"}.fa-embed .fa-gears:before,.fa-embed .fa-cogs:before{content:"\f085"}.fa-embed .fa-comments:before{content:"\f086"}.fa-embed .fa-thumbs-o-up:before{content:"\f087"}.fa-embed .fa-thumbs-o-down:before{content:"\f088"}.fa-embed .fa-star-half:before{content:"\f089"}.fa-embed .fa-heart-o:before{content:"\f08a"}.fa-embed .fa-sign-out:before{content:"\f08b"}.fa-embed .fa-linkedin-square:before{content:"\f08c"}.fa-embed .fa-thumb-tack:before{content:"\f08d"}.fa-embed .fa-external-link:before{content:"\f08e"}.fa-embed .fa-sign-in:before{content:"\f090"}.fa-embed .fa-trophy:before{content:"\f091"}.fa-embed .fa-github-square:before{content:"\f092"}.fa-embed .fa-upload:before{content:"\f093"}.fa-embed .fa-lemon-o:before{content:"\f094"}.fa-embed .fa-phone:before{content:"\f095"}.fa-embed .fa-square-o:before{content:"\f096"}.fa-embed .fa-bookmark-o:before{content:"\f097"}.fa-embed .fa-phone-square:before{content:"\f098"}.fa-embed .fa-twitter:before{content:"\f099"}.fa-embed .fa-facebook-f:before,.fa-embed .fa-facebook:before{content:"\f09a"}.fa-embed .fa-github:before{content:"\f09b"}.fa-embed .fa-unlock:before{content:"\f09c"}.fa-embed .fa-credit-card:before{content:"\f09d"}.fa-embed .fa-feed:before,.fa-embed .fa-rss:before{content:"\f09e"}.fa-embed .fa-hdd-o:before{content:"\f0a0"}.fa-embed .fa-bullhorn:before{content:"\f0a1"}.fa-embed .fa-bell:before{content:"\f0f3"}.fa-embed .fa-certificate:before{content:"\f0a3"}.fa-embed .fa-hand-o-right:before{content:"\f0a4"}.fa-embed .fa-hand-o-left:before{content:"\f0a5"}.fa-embed .fa-hand-o-up:before{content:"\f0a6"}.fa-embed .fa-hand-o-down:before{content:"\f0a7"}.fa-embed .fa-arrow-circle-left:before{content:"\f0a8"}.fa-embed .fa-arrow-circle-right:before{content:"\f0a9"}.fa-embed .fa-arrow-circle-up:before{content:"\f0aa"}.fa-embed .fa-arrow-circle-down:before{content:"\f0ab"}.fa-embed .fa-globe:before{content:"\f0ac"}.fa-embed .fa-wrench:before{content:"\f0ad"}.fa-embed .fa-tasks:before{content:"\f0ae"}.fa-embed .fa-filter:before{content:"\f0b0"}.fa-embed .fa-briefcase:before{content:"\f0b1"}.fa-embed .fa-arrows-alt:before{content:"\f0b2"}.fa-embed .fa-group:before,.fa-embed .fa-users:before{content:"\f0c0"}.fa-embed .fa-chain:before,.fa-embed .fa-link:before{content:"\f0c1"}.fa-embed .fa-cloud:before{content:"\f0c2"}.fa-embed .fa-flask:before{content:"\f0c3"}.fa-embed .fa-cut:before,.fa-embed .fa-scissors:before{content:"\f0c4"}.fa-embed .fa-copy:before,.fa-embed .fa-files-o:before{content:"\f0c5"}.fa-embed .fa-paperclip:before{content:"\f0c6"}.fa-embed .fa-save:before,.fa-embed .fa-floppy-o:before{content:"\f0c7"}.fa-embed .fa-square:before{content:"\f0c8"}.fa-embed .fa-navicon:before,.fa-embed .fa-reorder:before,.fa-embed .fa-bars:before{content:"\f0c9"}.fa-embed .fa-list-ul:before{content:"\f0ca"}.fa-embed .fa-list-ol:before{content:"\f0cb"}.fa-embed .fa-strikethrough:before{content:"\f0cc"}.fa-embed .fa-underline:before{content:"\f0cd"}.fa-embed .fa-table:before{content:"\f0ce"}.fa-embed .fa-magic:before{content:"\f0d0"}.fa-embed .fa-truck:before{content:"\f0d1"}.fa-embed .fa-pinterest:before{content:"\f0d2"}.fa-embed .fa-pinterest-square:before{content:"\f0d3"}.fa-embed .fa-google-plus-square:before{content:"\f0d4"}.fa-embed .fa-google-plus:before{content:"\f0d5"}.fa-embed .fa-money:before{content:"\f0d6"}.fa-embed .fa-caret-down:before{content:"\f0d7"}.fa-embed .fa-caret-up:before{content:"\f0d8"}.fa-embed .fa-caret-left:before{content:"\f0d9"}.fa-embed .fa-caret-right:before{content:"\f0da"}.fa-embed .fa-columns:before{content:"\f0db"}.fa-embed .fa-unsorted:before,.fa-embed .fa-sort:before{content:"\f0dc"}.fa-embed .fa-sort-down:before,.fa-embed .fa-sort-desc:before{content:"\f0dd"}.fa-embed .fa-sort-up:before,.fa-embed .fa-sort-asc:before{content:"\f0de"}.fa-embed .fa-envelope:before{content:"\f0e0"}.fa-embed .fa-linkedin:before{content:"\f0e1"}.fa-embed .fa-rotate-left:before,.fa-embed .fa-undo:before{content:"\f0e2"}.fa-embed .fa-legal:before,.fa-embed .fa-gavel:before{content:"\f0e3"}.fa-embed .fa-dashboard:before,.fa-embed .fa-tachometer:before{content:"\f0e4"}.fa-embed .fa-comment-o:before{content:"\f0e5"}.fa-embed .fa-comments-o:before{content:"\f0e6"}.fa-embed .fa-flash:before,.fa-embed .fa-bolt:before{content:"\f0e7"}.fa-embed .fa-sitemap:before{content:"\f0e8"}.fa-embed .fa-umbrella:before{content:"\f0e9"}.fa-embed .fa-paste:before,.fa-embed .fa-clipboard:before{content:"\f0ea"}.fa-embed .fa-lightbulb-o:before{content:"\f0eb"}.fa-embed .fa-exchange:before{content:"\f0ec"}.fa-embed .fa-cloud-download:before{content:"\f0ed"}.fa-embed .fa-cloud-upload:before{content:"\f0ee"}.fa-embed .fa-user-md:before{content:"\f0f0"}.fa-embed .fa-stethoscope:before{content:"\f0f1"}.fa-embed .fa-suitcase:before{content:"\f0f2"}.fa-embed .fa-bell-o:before{content:"\f0a2"}.fa-embed .fa-coffee:before{content:"\f0f4"}.fa-embed .fa-cutlery:before{content:"\f0f5"}.fa-embed .fa-file-text-o:before{content:"\f0f6"}.fa-embed .fa-building-o:before{content:"\f0f7"}.fa-embed .fa-hospital-o:before{content:"\f0f8"}.fa-embed .fa-ambulance:before{content:"\f0f9"}.fa-embed .fa-medkit:before{content:"\f0fa"}.fa-embed .fa-fighter-jet:before{content:"\f0fb"}.fa-embed .fa-beer:before{content:"\f0fc"}.fa-embed .fa-h-square:before{content:"\f0fd"}.fa-embed .fa-plus-square:before{content:"\f0fe"}.fa-embed .fa-angle-double-left:before{content:"\f100"}.fa-embed .fa-angle-double-right:before{content:"\f101"}.fa-embed .fa-angle-double-up:before{content:"\f102"}.fa-embed .fa-angle-double-down:before{content:"\f103"}.fa-embed .fa-angle-left:before{content:"\f104"}.fa-embed .fa-angle-right:before{content:"\f105"}.fa-embed .fa-angle-up:before{content:"\f106"}.fa-embed .fa-angle-down:before{content:"\f107"}.fa-embed .fa-desktop:before{content:"\f108"}.fa-embed .fa-laptop:before{content:"\f109"}.fa-embed .fa-tablet:before{content:"\f10a"}.fa-embed .fa-mobile-phone:before,.fa-embed .fa-mobile:before{content:"\f10b"}.fa-embed .fa-circle-o:before{content:"\f10c"}.fa-embed .fa-quote-left:before{content:"\f10d"}.fa-embed .fa-quote-right:before{content:"\f10e"}.fa-embed .fa-spinner:before{content:"\f110"}.fa-embed .fa-circle:before{content:"\f111"}.fa-embed .fa-mail-reply:before,.fa-embed .fa-reply:before{content:"\f112"}.fa-embed .fa-github-alt:before{content:"\f113"}.fa-embed .fa-folder-o:before{content:"\f114"}.fa-embed .fa-folder-open-o:before{content:"\f115"}.fa-embed .fa-smile-o:before{content:"\f118"}.fa-embed .fa-frown-o:before{content:"\f119"}.fa-embed .fa-meh-o:before{content:"\f11a"}.fa-embed .fa-gamepad:before{content:"\f11b"}.fa-embed .fa-keyboard-o:before{content:"\f11c"}.fa-embed .fa-flag-o:before{content:"\f11d"}.fa-embed .fa-flag-checkered:before{content:"\f11e"}.fa-embed .fa-terminal:before{content:"\f120"}.fa-embed .fa-code:before{content:"\f121"}.fa-embed .fa-mail-reply-all:before,.fa-embed .fa-reply-all:before{content:"\f122"}.fa-embed .fa-star-half-empty:before,.fa-embed .fa-star-half-full:before,.fa-embed .fa-star-half-o:before{content:"\f123"}.fa-embed .fa-location-arrow:before{content:"\f124"}.fa-embed .fa-crop:before{content:"\f125"}.fa-embed .fa-code-fork:before{content:"\f126"}.fa-embed .fa-unlink:before,.fa-embed .fa-chain-broken:before{content:"\f127"}.fa-embed .fa-question:before{content:"\f128"}.fa-embed .fa-info:before{content:"\f129"}.fa-embed .fa-exclamation:before{content:"\f12a"}.fa-embed .fa-superscript:before{content:"\f12b"}.fa-embed .fa-subscript:before{content:"\f12c"}.fa-embed .fa-eraser:before{content:"\f12d"}.fa-embed .fa-puzzle-piece:before{content:"\f12e"}.fa-embed .fa-microphone:before{content:"\f130"}.fa-embed .fa-microphone-slash:before{content:"\f131"}.fa-embed .fa-shield:before{content:"\f132"}.fa-embed .fa-calendar-o:before{content:"\f133"}.fa-embed .fa-fire-extinguisher:before{content:"\f134"}.fa-embed .fa-rocket:before{content:"\f135"}.fa-embed .fa-maxcdn:before{content:"\f136"}.fa-embed .fa-chevron-circle-left:before{content:"\f137"}.fa-embed .fa-chevron-circle-right:before{content:"\f138"}.fa-embed .fa-chevron-circle-up:before{content:"\f139"}.fa-embed .fa-chevron-circle-down:before{content:"\f13a"}.fa-embed .fa-html5:before{content:"\f13b"}.fa-embed .fa-css3:before{content:"\f13c"}.fa-embed .fa-anchor:before{content:"\f13d"}.fa-embed .fa-unlock-alt:before{content:"\f13e"}.fa-embed .fa-bullseye:before{content:"\f140"}.fa-embed .fa-ellipsis-h:before{content:"\f141"}.fa-embed .fa-ellipsis-v:before{content:"\f142"}.fa-embed .fa-rss-square:before{content:"\f143"}.fa-embed .fa-play-circle:before{content:"\f144"}.fa-embed .fa-ticket:before{content:"\f145"}.fa-embed .fa-minus-square:before{content:"\f146"}.fa-embed .fa-minus-square-o:before{content:"\f147"}.fa-embed .fa-level-up:before{content:"\f148"}.fa-embed .fa-level-down:before{content:"\f149"}.fa-embed .fa-check-square:before{content:"\f14a"}.fa-embed .fa-pencil-square:before{content:"\f14b"}.fa-embed .fa-external-link-square:before{content:"\f14c"}.fa-embed .fa-share-square:before{content:"\f14d"}.fa-embed .fa-compass:before{content:"\f14e"}.fa-embed .fa-toggle-down:before,.fa-embed .fa-caret-square-o-down:before{content:"\f150"}.fa-embed .fa-toggle-up:before,.fa-embed .fa-caret-square-o-up:before{content:"\f151"}.fa-embed .fa-toggle-right:before,.fa-embed .fa-caret-square-o-right:before{content:"\f152"}.fa-embed .fa-euro:before,.fa-embed .fa-eur:before{content:"\f153"}.fa-embed .fa-gbp:before{content:"\f154"}.fa-embed .fa-dollar:before,.fa-embed .fa-usd:before{content:"\f155"}.fa-embed .fa-rupee:before,.fa-embed .fa-inr:before{content:"\f156"}.fa-embed .fa-cny:before,.fa-embed .fa-rmb:before,.fa-embed .fa-yen:before,.fa-embed .fa-jpy:before{content:"\f157"}.fa-embed .fa-ruble:before,.fa-embed .fa-rouble:before,.fa-embed .fa-rub:before{content:"\f158"}.fa-embed .fa-won:before,.fa-embed .fa-krw:before{content:"\f159"}.fa-embed .fa-bitcoin:before,.fa-embed .fa-btc:before{content:"\f15a"}.fa-embed .fa-file:before{content:"\f15b"}.fa-embed .fa-file-text:before{content:"\f15c"}.fa-embed .fa-sort-alpha-asc:before{content:"\f15d"}.fa-embed .fa-sort-alpha-desc:before{content:"\f15e"}.fa-embed .fa-sort-amount-asc:before{content:"\f160"}.fa-embed .fa-sort-amount-desc:before{content:"\f161"}.fa-embed .fa-sort-numeric-asc:before{content:"\f162"}.fa-embed .fa-sort-numeric-desc:before{content:"\f163"}.fa-embed .fa-thumbs-up:before{content:"\f164"}.fa-embed .fa-thumbs-down:before{content:"\f165"}.fa-embed .fa-youtube-square:before{content:"\f166"}.fa-embed .fa-youtube:before{content:"\f167"}.fa-embed .fa-xing:before{content:"\f168"}.fa-embed .fa-xing-square:before{content:"\f169"}.fa-embed .fa-youtube-play:before{content:"\f16a"}.fa-embed .fa-dropbox:before{content:"\f16b"}.fa-embed .fa-stack-overflow:before{content:"\f16c"}.fa-embed .fa-instagram:before{content:"\f16d"}.fa-embed .fa-flickr:before{content:"\f16e"}.fa-embed .fa-adn:before{content:"\f170"}.fa-embed .fa-bitbucket:before{content:"\f171"}.fa-embed .fa-bitbucket-square:before{content:"\f172"}.fa-embed .fa-tumblr:before{content:"\f173"}.fa-embed .fa-tumblr-square:before{content:"\f174"}.fa-embed .fa-long-arrow-down:before{content:"\f175"}.fa-embed .fa-long-arrow-up:before{content:"\f176"}.fa-embed .fa-long-arrow-left:before{content:"\f177"}.fa-embed .fa-long-arrow-right:before{content:"\f178"}.fa-embed .fa-apple:before{content:"\f179"}.fa-embed .fa-windows:before{content:"\f17a"}.fa-embed .fa-android:before{content:"\f17b"}.fa-embed .fa-linux:before{content:"\f17c"}.fa-embed .fa-dribbble:before{content:"\f17d"}.fa-embed .fa-skype:before{content:"\f17e"}.fa-embed .fa-foursquare:before{content:"\f180"}.fa-embed .fa-trello:before{content:"\f181"}.fa-embed .fa-female:before{content:"\f182"}.fa-embed .fa-male:before{content:"\f183"}.fa-embed .fa-gittip:before,.fa-embed .fa-gratipay:before{content:"\f184"}.fa-embed .fa-sun-o:before{content:"\f185"}.fa-embed .fa-moon-o:before{content:"\f186"}.fa-embed .fa-archive:before{content:"\f187"}.fa-embed .fa-bug:before{content:"\f188"}.fa-embed .fa-vk:before{content:"\f189"}.fa-embed .fa-weibo:before{content:"\f18a"}.fa-embed .fa-renren:before{content:"\f18b"}.fa-embed .fa-pagelines:before{content:"\f18c"}.fa-embed .fa-stack-exchange:before{content:"\f18d"}.fa-embed .fa-arrow-circle-o-right:before{content:"\f18e"}.fa-embed .fa-arrow-circle-o-left:before{content:"\f190"}.fa-embed .fa-toggle-left:before,.fa-embed .fa-caret-square-o-left:before{content:"\f191"}.fa-embed .fa-dot-circle-o:before{content:"\f192"}.fa-embed .fa-wheelchair:before{content:"\f193"}.fa-embed .fa-vimeo-square:before{content:"\f194"}.fa-embed .fa-turkish-lira:before,.fa-embed .fa-try:before{content:"\f195"}.fa-embed .fa-plus-square-o:before{content:"\f196"}.fa-embed .fa-space-shuttle:before{content:"\f197"}.fa-embed .fa-slack:before{content:"\f198"}.fa-embed .fa-envelope-square:before{content:"\f199"}.fa-embed .fa-wordpress:before{content:"\f19a"}.fa-embed .fa-openid:before{content:"\f19b"}.fa-embed .fa-institution:before,.fa-embed .fa-bank:before,.fa-embed .fa-university:before{content:"\f19c"}.fa-embed .fa-mortar-board:before,.fa-embed .fa-graduation-cap:before{content:"\f19d"}.fa-embed .fa-yahoo:before{content:"\f19e"}.fa-embed .fa-google:before{content:"\f1a0"}.fa-embed .fa-reddit:before{content:"\f1a1"}.fa-embed .fa-reddit-square:before{content:"\f1a2"}.fa-embed .fa-stumbleupon-circle:before{content:"\f1a3"}.fa-embed .fa-stumbleupon:before{content:"\f1a4"}.fa-embed .fa-delicious:before{content:"\f1a5"}.fa-embed .fa-digg:before{content:"\f1a6"}.fa-embed .fa-pied-piper:before{content:"\f1a7"}.fa-embed .fa-pied-piper-alt:before{content:"\f1a8"}.fa-embed .fa-drupal:before{content:"\f1a9"}.fa-embed .fa-joomla:before{content:"\f1aa"}.fa-embed .fa-language:before{content:"\f1ab"}.fa-embed .fa-fax:before{content:"\f1ac"}.fa-embed .fa-building:before{content:"\f1ad"}.fa-embed .fa-child:before{content:"\f1ae"}.fa-embed .fa-paw:before{content:"\f1b0"}.fa-embed .fa-spoon:before{content:"\f1b1"}.fa-embed .fa-cube:before{content:"\f1b2"}.fa-embed .fa-cubes:before{content:"\f1b3"}.fa-embed .fa-behance:before{content:"\f1b4"}.fa-embed .fa-behance-square:before{content:"\f1b5"}.fa-embed .fa-steam:before{content:"\f1b6"}.fa-embed .fa-steam-square:before{content:"\f1b7"}.fa-embed .fa-recycle:before{content:"\f1b8"}.fa-embed .fa-automobile:before,.fa-embed .fa-car:before{content:"\f1b9"}.fa-embed .fa-cab:before,.fa-embed .fa-taxi:before{content:"\f1ba"}.fa-embed .fa-tree:before{content:"\f1bb"}.fa-embed .fa-spotify:before{content:"\f1bc"}.fa-embed .fa-deviantart:before{content:"\f1bd"}.fa-embed .fa-soundcloud:before{content:"\f1be"}.fa-embed .fa-database:before{content:"\f1c0"}.fa-embed .fa-file-pdf-o:before{content:"\f1c1"}.fa-embed .fa-file-word-o:before{content:"\f1c2"}.fa-embed .fa-file-excel-o:before{content:"\f1c3"}.fa-embed .fa-file-powerpoint-o:before{content:"\f1c4"}.fa-embed .fa-file-photo-o:before,.fa-embed .fa-file-picture-o:before,.fa-embed .fa-file-image-o:before{content:"\f1c5"}.fa-embed .fa-file-zip-o:before,.fa-embed .fa-file-archive-o:before{content:"\f1c6"}.fa-embed .fa-file-sound-o:before,.fa-embed .fa-file-audio-o:before{content:"\f1c7"}.fa-embed .fa-file-movie-o:before,.fa-embed .fa-file-video-o:before{content:"\f1c8"}.fa-embed .fa-file-code-o:before{content:"\f1c9"}.fa-embed .fa-vine:before{content:"\f1ca"}.fa-embed .fa-codepen:before{content:"\f1cb"}.fa-embed .fa-jsfiddle:before{content:"\f1cc"}.fa-embed .fa-life-bouy:before,.fa-embed .fa-life-buoy:before,.fa-embed .fa-life-saver:before,.fa-embed .fa-support:before,.fa-embed .fa-life-ring:before{content:"\f1cd"}.fa-embed .fa-circle-o-notch:before{content:"\f1ce"}.fa-embed .fa-ra:before,.fa-embed .fa-rebel:before{content:"\f1d0"}.fa-embed .fa-ge:before,.fa-embed .fa-empire:before{content:"\f1d1"}.fa-embed .fa-git-square:before{content:"\f1d2"}.fa-embed .fa-git:before{content:"\f1d3"}.fa-embed .fa-y-combinator-square:before,.fa-embed .fa-yc-square:before,.fa-embed .fa-hacker-news:before{content:"\f1d4"}.fa-embed .fa-tencent-weibo:before{content:"\f1d5"}.fa-embed .fa-qq:before{content:"\f1d6"}.fa-embed .fa-wechat:before,.fa-embed .fa-weixin:before{content:"\f1d7"}.fa-embed .fa-send:before,.fa-embed .fa-paper-plane:before{content:"\f1d8"}.fa-embed .fa-send-o:before,.fa-embed .fa-paper-plane-o:before{content:"\f1d9"}.fa-embed .fa-history:before{content:"\f1da"}.fa-embed .fa-circle-thin:before{content:"\f1db"}.fa-embed .fa-header:before{content:"\f1dc"}.fa-embed .fa-paragraph:before{content:"\f1dd"}.fa-embed .fa-sliders:before{content:"\f1de"}.fa-embed .fa-share-alt:before{content:"\f1e0"}.fa-embed .fa-share-alt-square:before{content:"\f1e1"}.fa-embed .fa-bomb:before{content:"\f1e2"}.fa-embed .fa-soccer-ball-o:before,.fa-embed .fa-futbol-o:before{content:"\f1e3"}.fa-embed .fa-tty:before{content:"\f1e4"}.fa-embed .fa-binoculars:before{content:"\f1e5"}.fa-embed .fa-plug:before{content:"\f1e6"}.fa-embed .fa-slideshare:before{content:"\f1e7"}.fa-embed .fa-twitch:before{content:"\f1e8"}.fa-embed .fa-yelp:before{content:"\f1e9"}.fa-embed .fa-newspaper-o:before{content:"\f1ea"}.fa-embed .fa-wifi:before{content:"\f1eb"}.fa-embed .fa-calculator:before{content:"\f1ec"}.fa-embed .fa-paypal:before{content:"\f1ed"}.fa-embed .fa-google-wallet:before{content:"\f1ee"}.fa-embed .fa-cc-visa:before{content:"\f1f0"}.fa-embed .fa-cc-mastercard:before{content:"\f1f1"}.fa-embed .fa-cc-discover:before{content:"\f1f2"}.fa-embed .fa-cc-amex:before{content:"\f1f3"}.fa-embed .fa-cc-paypal:before{content:"\f1f4"}.fa-embed .fa-cc-stripe:before{content:"\f1f5"}.fa-embed .fa-bell-slash:before{content:"\f1f6"}.fa-embed .fa-bell-slash-o:before{content:"\f1f7"}.fa-embed .fa-trash:before{content:"\f1f8"}.fa-embed .fa-copyright:before{content:"\f1f9"}.fa-embed .fa-at:before{content:"\f1fa"}.fa-embed .fa-eyedropper:before{content:"\f1fb"}.fa-embed .fa-paint-brush:before{content:"\f1fc"}.fa-embed .fa-birthday-cake:before{content:"\f1fd"}.fa-embed .fa-area-chart:before{content:"\f1fe"}.fa-embed .fa-pie-chart:before{content:"\f200"}.fa-embed .fa-line-chart:before{content:"\f201"}.fa-embed .fa-lastfm:before{content:"\f202"}.fa-embed .fa-lastfm-square:before{content:"\f203"}.fa-embed .fa-toggle-off:before{content:"\f204"}.fa-embed .fa-toggle-on:before{content:"\f205"}.fa-embed .fa-bicycle:before{content:"\f206"}.fa-embed .fa-bus:before{content:"\f207"}.fa-embed .fa-ioxhost:before{content:"\f208"}.fa-embed .fa-angellist:before{content:"\f209"}.fa-embed .fa-cc:before{content:"\f20a"}.fa-embed .fa-shekel:before,.fa-embed .fa-sheqel:before,.fa-embed .fa-ils:before{content:"\f20b"}.fa-embed .fa-meanpath:before{content:"\f20c"}.fa-embed .fa-buysellads:before{content:"\f20d"}.fa-embed .fa-connectdevelop:before{content:"\f20e"}.fa-embed .fa-dashcube:before{content:"\f210"}.fa-embed .fa-forumbee:before{content:"\f211"}.fa-embed .fa-leanpub:before{content:"\f212"}.fa-embed .fa-sellsy:before{content:"\f213"}.fa-embed .fa-shirtsinbulk:before{content:"\f214"}.fa-embed .fa-simplybuilt:before{content:"\f215"}.fa-embed .fa-skyatlas:before{content:"\f216"}.fa-embed .fa-cart-plus:before{content:"\f217"}.fa-embed .fa-cart-arrow-down:before{content:"\f218"}.fa-embed .fa-diamond:before{content:"\f219"}.fa-embed .fa-ship:before{content:"\f21a"}.fa-embed .fa-user-secret:before{content:"\f21b"}.fa-embed .fa-motorcycle:before{content:"\f21c"}.fa-embed .fa-street-view:before{content:"\f21d"}.fa-embed .fa-heartbeat:before{content:"\f21e"}.fa-embed .fa-venus:before{content:"\f221"}.fa-embed .fa-mars:before{content:"\f222"}.fa-embed .fa-mercury:before{content:"\f223"}.fa-embed .fa-intersex:before,.fa-embed .fa-transgender:before{content:"\f224"}.fa-embed .fa-transgender-alt:before{content:"\f225"}.fa-embed .fa-venus-double:before{content:"\f226"}.fa-embed .fa-mars-double:before{content:"\f227"}.fa-embed .fa-venus-mars:before{content:"\f228"}.fa-embed .fa-mars-stroke:before{content:"\f229"}.fa-embed .fa-mars-stroke-v:before{content:"\f22a"}.fa-embed .fa-mars-stroke-h:before{content:"\f22b"}.fa-embed .fa-neuter:before{content:"\f22c"}.fa-embed .fa-genderless:before{content:"\f22d"}.fa-embed .fa-facebook-official:before{content:"\f230"}.fa-embed .fa-pinterest-p:before{content:"\f231"}.fa-embed .fa-whatsapp:before{content:"\f232"}.fa-embed .fa-server:before{content:"\f233"}.fa-embed .fa-user-plus:before{content:"\f234"}.fa-embed .fa-user-times:before{content:"\f235"}.fa-embed .fa-hotel:before,.fa-embed .fa-bed:before{content:"\f236"}.fa-embed .fa-viacoin:before{content:"\f237"}.fa-embed .fa-train:before{content:"\f238"}.fa-embed .fa-subway:before{content:"\f239"}.fa-embed .fa-medium:before{content:"\f23a"}.fa-embed .fa-yc:before,.fa-embed .fa-y-combinator:before{content:"\f23b"}.fa-embed .fa-optin-monster:before{content:"\f23c"}.fa-embed .fa-opencart:before{content:"\f23d"}.fa-embed .fa-expeditedssl:before{content:"\f23e"}.fa-embed .fa-battery-4:before,.fa-embed .fa-battery-full:before{content:"\f240"}.fa-embed .fa-battery-3:before,.fa-embed .fa-battery-three-quarters:before{content:"\f241"}.fa-embed .fa-battery-2:before,.fa-embed .fa-battery-half:before{content:"\f242"}.fa-embed .fa-battery-1:before,.fa-embed .fa-battery-quarter:before{content:"\f243"}.fa-embed .fa-battery-0:before,.fa-embed .fa-battery-empty:before{content:"\f244"}.fa-embed .fa-mouse-pointer:before{content:"\f245"}.fa-embed .fa-i-cursor:before{content:"\f246"}.fa-embed .fa-object-group:before{content:"\f247"}.fa-embed .fa-object-ungroup:before{content:"\f248"}.fa-embed .fa-sticky-note:before{content:"\f249"}.fa-embed .fa-sticky-note-o:before{content:"\f24a"}.fa-embed .fa-cc-jcb:before{content:"\f24b"}.fa-embed .fa-cc-diners-club:before{content:"\f24c"}.fa-embed .fa-clone:before{content:"\f24d"}.fa-embed .fa-balance-scale:before{content:"\f24e"}.fa-embed .fa-hourglass-o:before{content:"\f250"}.fa-embed .fa-hourglass-1:before,.fa-embed .fa-hourglass-start:before{content:"\f251"}.fa-embed .fa-hourglass-2:before,.fa-embed .fa-hourglass-half:before{content:"\f252"}.fa-embed .fa-hourglass-3:before,.fa-embed .fa-hourglass-end:before{content:"\f253"}.fa-embed .fa-hourglass:before{content:"\f254"}.fa-embed .fa-hand-grab-o:before,.fa-embed .fa-hand-rock-o:before{content:"\f255"}.fa-embed .fa-hand-stop-o:before,.fa-embed .fa-hand-paper-o:before{content:"\f256"}.fa-embed .fa-hand-scissors-o:before{content:"\f257"}.fa-embed .fa-hand-lizard-o:before{content:"\f258"}.fa-embed .fa-hand-spock-o:before{content:"\f259"}.fa-embed .fa-hand-pointer-o:before{content:"\f25a"}.fa-embed .fa-hand-peace-o:before{content:"\f25b"}.fa-embed .fa-trademark:before{content:"\f25c"}.fa-embed .fa-registered:before{content:"\f25d"}.fa-embed .fa-creative-commons:before{content:"\f25e"}.fa-embed .fa-gg:before{content:"\f260"}.fa-embed .fa-gg-circle:before{content:"\f261"}.fa-embed .fa-tripadvisor:before{content:"\f262"}.fa-embed .fa-odnoklassniki:before{content:"\f263"}.fa-embed .fa-odnoklassniki-square:before{content:"\f264"}.fa-embed .fa-get-pocket:before{content:"\f265"}.fa-embed .fa-wikipedia-w:before{content:"\f266"}.fa-embed .fa-safari:before{content:"\f267"}.fa-embed .fa-chrome:before{content:"\f268"}.fa-embed .fa-firefox:before{content:"\f269"}.fa-embed .fa-opera:before{content:"\f26a"}.fa-embed .fa-internet-explorer:before{content:"\f26b"}.fa-embed .fa-tv:before,.fa-embed .fa-television:before{content:"\f26c"}.fa-embed .fa-contao:before{content:"\f26d"}.fa-embed .fa-500px:before{content:"\f26e"}.fa-embed .fa-amazon:before{content:"\f270"}.fa-embed .fa-calendar-plus-o:before{content:"\f271"}.fa-embed .fa-calendar-minus-o:before{content:"\f272"}.fa-embed .fa-calendar-times-o:before{content:"\f273"}.fa-embed .fa-calendar-check-o:before{content:"\f274"}.fa-embed .fa-industry:before{content:"\f275"}.fa-embed .fa-map-pin:before{content:"\f276"}.fa-embed .fa-map-signs:before{content:"\f277"}.fa-embed .fa-map-o:before{content:"\f278"}.fa-embed .fa-map:before{content:"\f279"}.fa-embed .fa-commenting:before{content:"\f27a"}.fa-embed .fa-commenting-o:before{content:"\f27b"}.fa-embed .fa-houzz:before{content:"\f27c"}.fa-embed .fa-vimeo:before{content:"\f27d"}.fa-embed .fa-black-tie:before{content:"\f27e"}.fa-embed .fa-fonticons:before{content:"\f280"} /* ── KAB override layer — scripts/fa/fa-overrides.css ── */ /* KAB'S OWN OVERRIDE LAYER OVER FORMASSEMBLY'S VENDOR THEME. * * ── WHY THIS FILE EXISTS, AND WHY IT IS HERE AND NOT SOMEWHERE ELSE ───────── * `scripts/fa/sync-css.mts` overwrites BOTH ends of the vendor pipeline on every * run: it refetches `scripts/fa/vendor-src/*.css` from `kab.tfaforms.net` and it * rewrites `public/vendor/formassembly.css` wholesale from the header down. An * override edited into either one is gone the next time anyone runs * `npm run fa:sync-css`, and it would be gone SILENTLY — which is worse than no * override at all, because by then somebody is relying on it. * * This file is the third location: an INPUT to the sync that the sync only ever * READS. `composeVendorSheet` (scripts/fa/scope-css.ts) appends it as the LAST * section of the generated sheet, so a re-sync re-emits it rather than dropping * it, and `scope-css.test.ts` fails if the generated sheet does not end with * these exact bytes — so a hand-edit of the generated file, or a sync that lost * this input, is a red test rather than a quiet regression. * * ── WHY PLAIN DECLARATIONS ARE ENOUGH, AND WHERE THEY ARE NOT ─────────────── * MEASURED, NOT ASSUMED: the vendor's `.primaryAction` rule and its `:hover` * carry NO `!important`, so for the SUBMIT BUTTON the selectors below — which are * byte-identical to the vendor's post-scoping selectors — tie on specificity and * SOURCE ORDER decides; emitted last, this layer wins. The ERROR rules are the * opposite case and are matched declaration for declaration. * * ⚠ THE CENSUS WAS COUNTED, AND THE NUMBER IT REPLACES WAS WRONG. The brief that * ordered this work, and the first draft of this paragraph, both said "five of * the seven `#ec4e4e` sites, the two plain ones being `.reqMark:after` and * `a.errMsg`". Parsed out of the captured bytes rather than counted by eye, * `theme-31.css` has EIGHT rules painting `#ec4e4e`, carrying NINE declarations, * of which SIX are `!important` and THREE are plain — and the third plain one is * `.wFormContainer .oneField.errFld div.errMsg`, the message a reader actually * reads under a failed field. Spread across the multi-selector rules that is * FOURTEEN selector x declaration sites. * * The overrides carry `!important` where the vendor does and stay plain where it * does not, so the vendor's internal cascade between them survives — which is * exactly why the miscount mattered: an override that had guessed `!important` * onto `.oneField.errFld div.errMsg` would have promoted a rule the vendor left * losable to its own `.wFormContainer .errMsg`. `scope-css.test.ts` derives all * fourteen sites and their flags FROM THE CAPTURE rather than from a list * somebody typed, so a future capture that moves one reddens a test instead of * silently disarming this file. * * ── THE DECISION THIS LAYER CARRIES (2026-09-14) ──────────────────────────── * Landed by the client lead after the options were measured. TWO changes, both * expressed as TOKENS rather than hex literals, because "passes by construction" * was the reason each was chosen: a literal would sit at whatever value the * palette happened to hold on the day and nobody would re-derive it when the * palette moved. * * 1 SUBMIT BUTTON → OUR OWN BUTTON TREATMENT (option A). * `src/components/atoms/button.tsx`'s `primary` variant is exactly * `bg-primary text-primary-foreground hover:bg-surface-accent * hover:text-accent-text`, which resolves through `src/app/globals.css` to * `--surface-cta-primary` / `--surface-cta-primary-text` and * `--surface-accent` / `--surface-accent-text`. Those four tokens are what * this block reads, so the FA submit and every other KAB CTA move together * and cannot drift apart. * * MEASURED piecewise-sRGB, worst case reported, the method * `hero-photo-legibility.test.ts` uses. On the DEFAULT (white) surface the * tokens resolve to jungle #054d45 on Bright Green #24cf85 = 4.80:1 at rest * and black #000000 on Kelly #0d9961 = 5.75:1 on hover. Both clear 4.5:1 at * the 12.96px bold axe measures on a desktop viewport AND at the 16px the * ≤600px media query switches to. On `.kab-surface-sky` — the ground * `FaInlineFormSection > OnPaintedGround` uses — the same four tokens resolve * to white on jungle at 9.75:1 in both states. Nothing here is tuned per * surface; the surface system's own pairings are. * * 2 ERROR INK → THE BRAND'S OWN RED, `--kab-red` #d92b45. * FormAssembly's #ec4e4e is 3.64:1 on white — below AA for the sizes it is * used at, and an unreadable validation message is worse than an unreadable * button because a reader hits it when already stuck. #ec4e4e is NOT a KAB * value (it appears in no `src/styles/tokens.css`, `design-context.ts` or * DESIGN.md row), so implement-the-brand-verbatim protects nothing here, and * the palette DID have a red that clears: `--kab-red` #d92b45, already * labelled "also the error ink (4.79:1 on white)" and already the value * `--surface-text-error` / `--surface-border-error` resolve to on white. * Nothing had to be darkened. * * ⚠ IT READS `--kab-red` AND NOT `--surface-text-error`, DELIBERATELY. The * surface-aware token degrades to the ground's body ink on the three colour * grounds, because red fails on them — but the FA form is not on them. * `theme-31.css` paints `.wFormContainer .wForm { background-color:#fff }` * UNCONDITIONALLY, so the form ground is white on every band including the sky * one, which is the exact condition that token's own comment names ("Forms * belong on white, where red reads as designed"). Reading the surface token * here would trade a working error colour for the body ink on the sky band for * no reason a reader could see. * * MEASURED: #d92b45 on #ffffff = 4.79:1, and the inverse — white on #d92b45, * which is what `.wfTab.errMsg:hover` and `.wfTab.wfTabCurrentPage.errMsg` * paint — is the SAME 4.79:1, because the WCAG contrast ratio is symmetric in * its two colours. One value fixes both directions. Up from 3.64:1 either way. * * ⚠ AND THE ERROR RULES WERE WATCHED WINNING IN A REAL BROWSER, because six * of the nine vendor declarations are `!important` and "our `!important` is * emitted later so it wins" is specificity arithmetic, not a measurement. NO * STORY RENDERS AN ERROR STATE — a validation error needs a POST, and this * engagement never submits these forms — so the states were built in the DOM * of the real story instead: the seven error nodes appended inside * `.wFormContainer .wForm`, `getComputedStyle` read back in Chromium. All of * `.reqMark:after`, `.errMsg`, `.oneField.errFld div.errMsg`, `.errorMessage`, * `a.errMsg`, the errored input's border, `.wfTab.errMsg`'s border and * `.wfTab.wfTabCurrentPage.errMsg`'s border AND fill came back * `rgb(217, 43, 69)` = #d92b45, with the current tab's label still * `rgb(255, 255, 255)` — white on our red, 4.79:1. The vendor's #ec4e4e * appears at none of them. * * ── AND THE BUTTON NEEDED A BOUNDARY, WHICH THE COLOUR CHANGE DOES NOT GIVE ── * `border: 1px solid var(--fa-submit-border)` is here because the vendor rule is * `border:none`, so the FILL is the only thing separating the control from the * white form ground — and Bright Green #24cf85 is 2.03:1 against #ffffff, which * fails WCAG 1.4.11's 3:1 for a control boundary. That is not a regression the * treatment introduced (#3aad73 was 2.84:1 and failed it too, and every Button on * a white surface today is the same), but it is not something to ship silently * either, and axe does not test 1.4.11. * * `--surface-border-control` is the design system's own answer: tokens.css * declares it under "CONTROL BOUNDARIES are held to WCAG 1.4.11 (3:1)", and * `text-field`, `text-area`, `select` and `checkbox` all already draw their * boundary from it. MEASURED on the default surface it resolves to #808080, which * is 3.95:1 against the white form ground — clearing 3:1, which is what 1.4.11 * asks of the edge that separates the control from what surrounds it. Confirmed * in Chromium on the real story rather than computed from the `color-mix()`: * `border-top-color` reads back `oklab(0.599996 0.0000273 0.0000121)`, which is * exactly `rgb(128, 128, 128)`. The same read confirms the button itself resolves * to `rgb(36, 207, 133)` fill / `rgb(5, 77, 69)` label — the tokens reach the * inlined control, they are not just declared near it. * * ⚠ AND THE RING'S OTHER EDGE WAS MEASURED TOO, because a ring has two. #808080 * against the Bright Green fill it encloses is 1.94:1. 1.4.11 is satisfied by a * boundary that makes the control's EXTENT perceivable against the adjacent * background, and that is the outer edge; the inner edge is not a second * requirement. It is recorded here so the next reader does not rediscover it and * assume it was missed. Ringing in the button's own jungle ink instead would * clear both edges (9.75:1 outward, 4.80:1 inward) — it was not taken, because * the point of option A is that the FA submit wears our Button's treatment, and * a dark ring no KAB Button has would make it a lookalike instead. * * On `.kab-surface-sky`, `.kab-surface-jungle` and `.kab-surface-green` the token * falls back to `--surface-border` and is low-contrast on that white form ground * — there the boundary is carried by the FILL instead, jungle #054d45 at 9.75:1 * against #ffffff, which is the documented reason the token degrades that way. * A finding worth stating either way: because FA paints the form white * unconditionally, a token defined against the BAND's ground is not automatically * correct against the FORM's ground. Only the default surface needed the ring, * and that is the surface it measures on. * * ⚠ THE RING COSTS 2px IN EACH DIMENSION, AND THE FIRST DRAFT OF THIS PARAGRAPH * CLAIMED IT COST NOTHING. The reasoning was that Tailwind's preflight * (`@import "tailwindcss"` at the top of `globals.css`) sets * `box-sizing: border-box` on every element, so the 1px would eat into the * vendor's 9.72px/16.2px padding. Measured in Chromium through the real story, * that is wrong: `box-sizing` IS `border-box`, but the submit has no declared * width, and border-box only absorbs a border into a width that was SPECIFIED. * A shrink-to-fit control adds it. The rendered box goes 138.625 x 38.859 * without the ring to 140.625 x 40.859 with it — 1.4% wider, 5.1% taller, on a * control that sits alone at the end of the form with nothing beside it to * reflow. * * That was accepted rather than engineered around. `box-shadow: inset 0 0 0 1px` * would have cost zero layout, and `outline` was never a candidate — a permanent * outline is the same channel as the focus indicator and would have traded 1.4.11 * for 2.4.7. But `border` is what `--surface-border-control` is paired with * everywhere else it appears (`text-field`, `text-area`, `select`, `checkbox`), * and inventing a second boundary vocabulary for this one control to save two * pixels would make the FA submit LESS like the Button it is supposed to be * wearing, which is the whole of option A. * * ⚠ SCOPE: THIS LAYER MOVES THE SUBMIT BUTTON AND THE ERROR INK, AND NOTHING * ELSE. #3aad73 also paints `.wfTab`'s resting fill, `.wfTab.wfTabCurrentPage`, * `::-webkit-file-upload-button`, both `.wfPagingButtons` and the Kalendae * selected day; every one carries white on #3aad73 — computed 2.8360:1, which * this file rounds to 2.84 and axe floors to the 2.83 its messages print, one * pair of colours and not two facts — every one fails AA today, and none is * touched. They were not part of the decision, and all three inlined forms (80, * 83, 196) carry zero of those nodes, so they are latent rather than served. * `.wfTab` is the one node in BOTH sets, AND THE ERROR FIX DOES MOVE IT: the * three `.errMsg` variants (`.wfTab.errMsg`'s border, and the fill + border of * `.wfTab.wfTabCurrentPage.errMsg` / `.wfTab.errMsg:hover`) are overridden here * and go from 3.64:1 to 4.79:1 in both directions. Its plain green resting fill * is NOT touched and stays at 2.84:1. So a multipage tab in error reads at AA * while the same tab out of error does not — a real inconsistency, deliberately * left, because closing it means repainting the vendor green that nobody has * decided about, and no inlined form renders a tab at all. The upload button's * green is `!important` on both halves, so reaching it would need `!important` * too. */ .fa-embed { /* OUR Button primary, read from the surface CTA tokens — see the header. These are the same four tokens `button.tsx`'s `primary` variant compiles to, so the FA submit tracks the palette instead of pinning a copy of today's value. */ --fa-submit-bg: var(--surface-cta-primary); --fa-submit-ink: var(--surface-cta-primary-text); --fa-submit-bg-hover: var(--surface-accent); --fa-submit-ink-hover: var(--surface-accent-text); /* WCAG 1.4.11 — the design system's control-boundary token, the same one the four form-control atoms draw their border from. */ --fa-submit-border: var(--surface-border-control); /* The brand's error hue. `--kab-red` and not `--surface-text-error`: the FA form ground is #fff on every band, which is the condition that token is written for. */ --fa-error-ink: var(--kab-red); } .fa-embed .wFormContainer .actions .primaryAction { background-color: var(--fa-submit-bg); color: var(--fa-submit-ink); border: 1px solid var(--fa-submit-border); } .fa-embed .wFormContainer .actions .primaryAction:hover { background-color: var(--fa-submit-bg-hover); color: var(--fa-submit-ink-hover); } /* ── THE ERROR INK: every `#ec4e4e` site in theme-31.css, matched declaration for declaration including each one's `!important`. ───────────────────────── */ .fa-embed .wFormContainer .reqMark:after { color: var(--fa-error-ink); } .fa-embed .wFormContainer .errMsg { color: var(--fa-error-ink) !important; } .fa-embed .wFormContainer .oneField.errFld div.errMsg { color: var(--fa-error-ink); } .fa-embed .errorMessage { color: var(--fa-error-ink) !important; } .fa-embed a.errMsg { color: var(--fa-error-ink); } /* The errored FIELD's boundary. Not named in the decision and not failing today (3.64:1 already clears 1.4.11's 3:1) — moved anyway because it is the same vendor value in the same visual unit as the message directly beneath it, and leaving it behind would ship two different reds 2px apart, a defect that does not exist now. No new hue and no new decision: #d92b45 measures 4.79:1 against the white field, so the boundary improves as well. */ .fa-embed .wFormContainer .oneField.errFld .inputWrapper input[type="text"], .fa-embed .wFormContainer .oneField.errFld .inputWrapper input[type="password"], .fa-embed .wFormContainer .oneField.errFld .inputWrapper textarea, .fa-embed .wFormContainer .oneField.errFld .inputWrapper select { border-color: var(--fa-error-ink) !important; } /* The multipage tab in its error state. Both halves of the vendor's pair move together: the resting rule paints the BORDER and the hover/current rule paints the FILL, and splitting them would leave one control wearing two reds. */ .fa-embed .wfTab.errMsg { border: 1px solid var(--fa-error-ink) !important; } .fa-embed .wfTab.wfTabCurrentPage.errMsg, .fa-embed .wfTab.errMsg:hover { border: 1px solid var(--fa-error-ink) !important; background-color: var(--fa-error-ink) !important; }