novo-elements 7.0.1-next.0 → 7.1.2-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/elements/button/styles/button-other.scss +1 -1
  2. package/elements/calendar/calendar.component.scss +1 -1
  3. package/elements/calendar/month-view/month-view.component.scss +10 -10
  4. package/elements/common/option/option.component.scss +0 -1
  5. package/elements/common/typography/text.mixins.scss +1 -1
  6. package/elements/data-table/data-table.component.scss +1 -1
  7. package/elements/form/ControlGroup.scss +1 -1
  8. package/elements/switch/Switch.scss +1 -1
  9. package/elements/tabbed-group-picker/TabbedGroupPicker.scss +0 -1
  10. package/elements/toolbar/toolbar.component.scss +5 -3
  11. package/esm2020/src/elements/aside/aside-ref.mjs +10 -4
  12. package/esm2020/src/elements/aside/aside.service.mjs +2 -2
  13. package/esm2020/src/elements/button/Button.mjs +2 -2
  14. package/esm2020/src/elements/calendar/calendar.component.mjs +2 -2
  15. package/esm2020/src/elements/calendar/month-view/month-view.component.mjs +2 -2
  16. package/esm2020/src/elements/common/common.module.mjs +1 -1
  17. package/esm2020/src/elements/common/directives/accent.directive.mjs +19 -5
  18. package/esm2020/src/elements/common/index.mjs +2 -1
  19. package/esm2020/src/elements/common/option/option.component.mjs +2 -2
  20. package/esm2020/src/elements/common/theme/theme-options.mjs +41 -0
  21. package/esm2020/src/elements/common/typography/caption/caption.component.mjs +2 -2
  22. package/esm2020/src/elements/date-picker/DatePickerInput.mjs +6 -3
  23. package/esm2020/src/elements/date-picker/DateRangeInput.mjs +2 -2
  24. package/esm2020/src/elements/dropdown/Dropdown.mjs +2 -2
  25. package/esm2020/src/elements/field/hint/hint.mjs +2 -2
  26. package/esm2020/src/elements/modal/modal-ref.mjs +1 -1
  27. package/esm2020/src/elements/select/Select.mjs +2 -2
  28. package/esm2020/src/elements/simple-table/table.mjs +18 -15
  29. package/esm2020/src/elements/toolbar/toolbar.component.mjs +2 -2
  30. package/esm2020/src/novo-elements.providers.mjs +1 -3
  31. package/esm2020/src/services/security/Security.mjs +4 -3
  32. package/fesm2015/novo-elements.mjs +107 -45
  33. package/fesm2015/novo-elements.mjs.map +1 -1
  34. package/fesm2020/novo-elements.mjs +106 -45
  35. package/fesm2020/novo-elements.mjs.map +1 -1
  36. package/novo-elements.scss +5 -5
  37. package/package.json +1 -1
  38. package/schematics/package.json +1 -1
  39. package/src/elements/aside/aside-ref.d.ts +6 -4
  40. package/src/elements/aside/aside.service.d.ts +3 -2
  41. package/src/elements/common/directives/accent.directive.d.ts +7 -2
  42. package/src/elements/common/index.d.ts +1 -0
  43. package/src/elements/common/theme/theme-options.d.ts +25 -0
  44. package/src/elements/modal/modal-ref.d.ts +5 -5
  45. package/src/elements/modal/modal.service.d.ts +1 -1
  46. package/src/elements/simple-table/table.d.ts +1 -3
  47. package/styles/themes/dark.scss +2 -2
  48. package/styles/themes/light.scss +4 -5
  49. package/styles/typography.scss +0 -10
package/esm2020/src/elements/button/Button.mjs CHANGED
@@ -74,7 +74,7 @@ NovoButtonElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
74
74
  />
75
75
  </svg>
76
76
  </i>
77
- `, isInline: true, styles: [":host{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;padding:0 1rem;font-size:var(--font-size-button);height:3rem;border:none;color:#3d464d;color:var(--text-main, #3d464d);background:transparent;border-radius:3px;text-transform:uppercase;transition:all .2s ease-in-out;gap:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-overflow:clip;white-space:nowrap;overflow:hidden;flex:0 0 auto}:host .button-contents{height:var(--font-size-button);display:inline-flex;align-items:center;line-height:1;font-size:inherit;color:inherit;text-transform:uppercase}:host i{height:var(--font-size-button);font-size:inherit;line-height:1}:host[size=small]{font-size:1rem;padding:0 1rem;height:2.4rem;gap:.5rem}:host[size=small] .button-contents,:host[size=small] i{height:1rem}:host[size=large]{font-size:1.6rem;padding:0 1.25rem;height:3.6rem;gap:1.25rem}:host[size=large] .button-contents,:host[size=large] i{height:1.6rem}:host:focus{outline:none}:host[disabled],:host.novo-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}:host[disabled=false]{opacity:1;cursor:pointer;pointer-events:auto}:host[loading=true]{opacity:.5;cursor:not-allowed;pointer-events:none}:host[loading=true] i.loading{display:flex;align-items:center;justify-content:center;-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite}:host[loading=true] i.loading svg{width:100%;height:100%;max-width:15px;max-height:15px}:host[loading=true] i.loading svg .spinner{fill:currentColor}@-webkit-keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n", ":host[theme=standard]{color:var(--button-text);background:var(--button-background)}:host[theme=standard][color=black]{color:#fff;background:#000000}:host[theme=standard][color=white]{color:#3d464d;background:#ffffff}:host[theme=standard][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=standard][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=standard][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=standard][color=neutral]{color:#fff;background:#4f5361}:host[theme=standard][color=dark]{color:#fff;background:#3d464d}:host[theme=standard][color=orange]{color:#3d464d;background:#ff6900}:host[theme=standard][color=navigation]{color:#fff;background:#202945}:host[theme=standard][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=standard][color=steel]{color:#fff;background:#5b6770}:host[theme=standard][color=metal]{color:#fff;background:#637893}:host[theme=standard][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=standard][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=standard][color=stone]{color:#3d464d;background:#bebebe}:host[theme=standard][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=standard][color=slate]{color:#fff;background:#707070}:host[theme=standard][color=onyx]{color:#fff;background:#526980}:host[theme=standard][color=charcoal]{color:#fff;background:#282828}:host[theme=standard][color=moonlight]{color:#fff;background:#1a242f}:host[theme=standard][color=midnight]{color:#fff;background:#202945}:host[theme=standard][color=darkness]{color:#fff;background:#161f27}:host[theme=standard][color=navy]{color:#fff;background:#0d2d42}:host[theme=standard][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=standard][color=ocean]{color:#fff;background:#4a89dc}:host[theme=standard][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=standard][color=grass]{color:#fff;background:#8cc152}:host[theme=standard][color=sunflower]{color:#fff;background:#f6b042}:host[theme=standard][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=standard][color=grapefruit]{color:#fff;background:#da4453}:host[theme=standard][color=carnation]{color:#fff;background:#d770ad}:host[theme=standard][color=lavender]{color:#fff;background:#967adc}:host[theme=standard][color=mountain]{color:#fff;background:#9678b6}:host[theme=standard][color=info]{color:#fff;background:#4a89dc}:host[theme=standard][color=positive]{color:#fff;background:#4a89dc}:host[theme=standard][color=success]{color:#fff;background:#8cc152}:host[theme=standard][color=negative]{color:#fff;background:#da4453}:host[theme=standard][color=danger]{color:#fff;background:#da4453}:host[theme=standard][color=error]{color:#fff;background:#da4453}:host[theme=standard][color=warning]{color:#fff;background:#f6b042}:host[theme=standard][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=standard][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=standard][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=standard][color=presentation]{color:#fff;background:#5b6770}:host[theme=standard][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=standard][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=standard][color=company]{color:#fff;background:#3399dd}:host[theme=standard][color=candidate]{color:#fff;background:#44bb77}:host[theme=standard][color=lead]{color:#fff;background:#aa6699}:host[theme=standard][color=contact]{color:#fff;background:#ffaa44}:host[theme=standard][color=clientcontact]{color:#fff;background:#ffaa44}:host[theme=standard][color=opportunity]{color:#fff;background:#662255}:host[theme=standard][color=job]{color:#fff;background:#bb5566}:host[theme=standard][color=joborder]{color:#fff;background:#bb5566}:host[theme=standard][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=standard][color=sendout]{color:#fff;background:#747884}:host[theme=standard][color=placement]{color:#fff;background:#0b344f}:host[theme=standard][color=note]{color:#fff;background:#747884}:host[theme=standard][color=contract]{color:#fff;background:#454ea0}:host[theme=standard][color=jobCode]{color:#fff;background:#696d79}:host[theme=standard][color=earnCode]{color:#fff;background:#696d79}:host[theme=standard][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=standard][color=billableCharge]{color:#fff;background:#696d79}:host[theme=standard][color=payableCharge]{color:#fff;background:#696d79}:host[theme=standard][color=user]{color:#fff;background:#696d79}:host[theme=standard][color=corporateUser]{color:#fff;background:#696d79}:host[theme=standard][color=distributionList]{color:#fff;background:#696d79}:host[theme=standard][color=credential]{color:#fff;background:#696d79}:host[theme=standard][color=person]{color:#fff;background:#696d79}:host[theme=standard]:hover,:host[theme=standard]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026}:host[theme=standard]:active{box-shadow:0 1px 2px #00000026}\n", ":host[theme=primary]{background:#4a89dc;color:#fff;text-align:left}:host[theme=primary][color=black]{color:#fff;background:#000000}:host[theme=primary][color=white]{color:#3d464d;background:#ffffff}:host[theme=primary][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=primary][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=primary][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=primary][color=neutral]{color:#fff;background:#4f5361}:host[theme=primary][color=dark]{color:#fff;background:#3d464d}:host[theme=primary][color=orange]{color:#3d464d;background:#ff6900}:host[theme=primary][color=navigation]{color:#fff;background:#202945}:host[theme=primary][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=primary][color=steel]{color:#fff;background:#5b6770}:host[theme=primary][color=metal]{color:#fff;background:#637893}:host[theme=primary][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=primary][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=primary][color=stone]{color:#3d464d;background:#bebebe}:host[theme=primary][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=primary][color=slate]{color:#fff;background:#707070}:host[theme=primary][color=onyx]{color:#fff;background:#526980}:host[theme=primary][color=charcoal]{color:#fff;background:#282828}:host[theme=primary][color=moonlight]{color:#fff;background:#1a242f}:host[theme=primary][color=midnight]{color:#fff;background:#202945}:host[theme=primary][color=darkness]{color:#fff;background:#161f27}:host[theme=primary][color=navy]{color:#fff;background:#0d2d42}:host[theme=primary][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=primary][color=ocean]{color:#fff;background:#4a89dc}:host[theme=primary][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=primary][color=grass]{color:#fff;background:#8cc152}:host[theme=primary][color=sunflower]{color:#fff;background:#f6b042}:host[theme=primary][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=primary][color=grapefruit]{color:#fff;background:#da4453}:host[theme=primary][color=carnation]{color:#fff;background:#d770ad}:host[theme=primary][color=lavender]{color:#fff;background:#967adc}:host[theme=primary][color=mountain]{color:#fff;background:#9678b6}:host[theme=primary][color=info]{color:#fff;background:#4a89dc}:host[theme=primary][color=positive]{color:#fff;background:#4a89dc}:host[theme=primary][color=success]{color:#fff;background:#8cc152}:host[theme=primary][color=negative]{color:#fff;background:#da4453}:host[theme=primary][color=danger]{color:#fff;background:#da4453}:host[theme=primary][color=error]{color:#fff;background:#da4453}:host[theme=primary][color=warning]{color:#fff;background:#f6b042}:host[theme=primary][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=primary][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=primary][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=primary][color=presentation]{color:#fff;background:#5b6770}:host[theme=primary][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=primary][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=primary][color=company]{color:#fff;background:#3399dd}:host[theme=primary][color=candidate]{color:#fff;background:#44bb77}:host[theme=primary][color=lead]{color:#fff;background:#aa6699}:host[theme=primary][color=contact]{color:#fff;background:#ffaa44}:host[theme=primary][color=clientcontact]{color:#fff;background:#ffaa44}:host[theme=primary][color=opportunity]{color:#fff;background:#662255}:host[theme=primary][color=job]{color:#fff;background:#bb5566}:host[theme=primary][color=joborder]{color:#fff;background:#bb5566}:host[theme=primary][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=primary][color=sendout]{color:#fff;background:#747884}:host[theme=primary][color=placement]{color:#fff;background:#0b344f}:host[theme=primary][color=note]{color:#fff;background:#747884}:host[theme=primary][color=contract]{color:#fff;background:#454ea0}:host[theme=primary][color=jobCode]{color:#fff;background:#696d79}:host[theme=primary][color=earnCode]{color:#fff;background:#696d79}:host[theme=primary][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=primary][color=billableCharge]{color:#fff;background:#696d79}:host[theme=primary][color=payableCharge]{color:#fff;background:#696d79}:host[theme=primary][color=user]{color:#fff;background:#696d79}:host[theme=primary][color=corporateUser]{color:#fff;background:#696d79}:host[theme=primary][color=distributionList]{color:#fff;background:#696d79}:host[theme=primary][color=credential]{color:#fff;background:#696d79}:host[theme=primary][color=person]{color:#fff;background:#696d79}:host[theme=primary]:hover,:host[theme=primary]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026;filter:brightness(1.15)}:host[theme=primary]:active{filter:brightness(.85);box-shadow:0 1px 2px #00000026}:host[theme=primary][color=white]{background:#ffffff;color:#4a89dc}:host[theme=primary][color=white]:hover,:host[theme=primary][color=white]:focus{background:#f7f7f7}:host[theme=primary][color=white]:active{background:#eaeaea}:host[theme=primary][color=white] i{background:rgba(0,0,0,.05)}:host[theme=primary][size=large] i{margin-left:3px}\n", ":host[theme=secondary]{text-align:left;align-items:center;background:#ffffff;color:#4a89dc;border:1px solid #4a89dc;padding:0 calc(1rem - 1px)}:host[theme=secondary][color=black]{color:#000}:host[theme=secondary][color=black] i{color:#000}:host[theme=secondary][color=white]{color:#fff}:host[theme=secondary][color=white] i{color:#fff}:host[theme=secondary][color=gray]{color:#9e9e9e}:host[theme=secondary][color=gray] i{color:#9e9e9e}:host[theme=secondary][color=grey]{color:#9e9e9e}:host[theme=secondary][color=grey] i{color:#9e9e9e}:host[theme=secondary][color=offWhite]{color:#f7f7f7}:host[theme=secondary][color=offWhite] i{color:#f7f7f7}:host[theme=secondary][color=bright]{color:#f7f7f7}:host[theme=secondary][color=bright] i{color:#f7f7f7}:host[theme=secondary][color=light]{color:#dbdbdb}:host[theme=secondary][color=light] i{color:#dbdbdb}:host[theme=secondary][color=neutral]{color:#4f5361}:host[theme=secondary][color=neutral] i{color:#4f5361}:host[theme=secondary][color=dark]{color:#3d464d}:host[theme=secondary][color=dark] i{color:#3d464d}:host[theme=secondary][color=orange]{color:#ff6900}:host[theme=secondary][color=orange] i{color:#ff6900}:host[theme=secondary][color=navigation]{color:#202945}:host[theme=secondary][color=navigation] i{color:#202945}:host[theme=secondary][color=skyBlue]{color:#009bdf}:host[theme=secondary][color=skyBlue] i{color:#009bdf}:host[theme=secondary][color=steel]{color:#5b6770}:host[theme=secondary][color=steel] i{color:#5b6770}:host[theme=secondary][color=metal]{color:#637893}:host[theme=secondary][color=metal] i{color:#637893}:host[theme=secondary][color=sand]{color:#f4f4f4}:host[theme=secondary][color=sand] i{color:#f4f4f4}:host[theme=secondary][color=silver]{color:#e2e2e2}:host[theme=secondary][color=silver] i{color:#e2e2e2}:host[theme=secondary][color=stone]{color:#bebebe}:host[theme=secondary][color=stone] i{color:#bebebe}:host[theme=secondary][color=ash]{color:#a0a0a0}:host[theme=secondary][color=ash] i{color:#a0a0a0}:host[theme=secondary][color=slate]{color:#707070}:host[theme=secondary][color=slate] i{color:#707070}:host[theme=secondary][color=onyx]{color:#526980}:host[theme=secondary][color=onyx] i{color:#526980}:host[theme=secondary][color=charcoal]{color:#282828}:host[theme=secondary][color=charcoal] i{color:#282828}:host[theme=secondary][color=moonlight]{color:#1a242f}:host[theme=secondary][color=moonlight] i{color:#1a242f}:host[theme=secondary][color=midnight]{color:#202945}:host[theme=secondary][color=midnight] i{color:#202945}:host[theme=secondary][color=darkness]{color:#161f27}:host[theme=secondary][color=darkness] i{color:#161f27}:host[theme=secondary][color=navy]{color:#0d2d42}:host[theme=secondary][color=navy] i{color:#0d2d42}:host[theme=secondary][color=aqua]{color:#3bafda}:host[theme=secondary][color=aqua] i{color:#3bafda}:host[theme=secondary][color=ocean]{color:#4a89dc}:host[theme=secondary][color=ocean] i{color:#4a89dc}:host[theme=secondary][color=mint]{color:#37bc9b}:host[theme=secondary][color=mint] i{color:#37bc9b}:host[theme=secondary][color=grass]{color:#8cc152}:host[theme=secondary][color=grass] i{color:#8cc152}:host[theme=secondary][color=sunflower]{color:#f6b042}:host[theme=secondary][color=sunflower] i{color:#f6b042}:host[theme=secondary][color=bittersweet]{color:#eb6845}:host[theme=secondary][color=bittersweet] i{color:#eb6845}:host[theme=secondary][color=grapefruit]{color:#da4453}:host[theme=secondary][color=grapefruit] i{color:#da4453}:host[theme=secondary][color=carnation]{color:#d770ad}:host[theme=secondary][color=carnation] i{color:#d770ad}:host[theme=secondary][color=lavender]{color:#967adc}:host[theme=secondary][color=lavender] i{color:#967adc}:host[theme=secondary][color=mountain]{color:#9678b6}:host[theme=secondary][color=mountain] i{color:#9678b6}:host[theme=secondary][color=info]{color:#4a89dc}:host[theme=secondary][color=info] i{color:#4a89dc}:host[theme=secondary][color=positive]{color:#4a89dc}:host[theme=secondary][color=positive] i{color:#4a89dc}:host[theme=secondary][color=success]{color:#8cc152}:host[theme=secondary][color=success] i{color:#8cc152}:host[theme=secondary][color=negative]{color:#da4453}:host[theme=secondary][color=negative] i{color:#da4453}:host[theme=secondary][color=danger]{color:#da4453}:host[theme=secondary][color=danger] i{color:#da4453}:host[theme=secondary][color=error]{color:#da4453}:host[theme=secondary][color=error] i{color:#da4453}:host[theme=secondary][color=warning]{color:#f6b042}:host[theme=secondary][color=warning] i{color:#f6b042}:host[theme=secondary][color=empty]{color:#cccdcc}:host[theme=secondary][color=empty] i{color:#cccdcc}:host[theme=secondary][color=disabled]{color:#bebebe}:host[theme=secondary][color=disabled] i{color:#bebebe}:host[theme=secondary][color=background]{color:#f7f7f7}:host[theme=secondary][color=background] i{color:#f7f7f7}:host[theme=secondary][color=backgroundDark]{color:#e2e2e2}:host[theme=secondary][color=backgroundDark] i{color:#e2e2e2}:host[theme=secondary][color=presentation]{color:#5b6770}:host[theme=secondary][color=presentation] i{color:#5b6770}:host[theme=secondary][color=bullhorn]{color:#ff6900}:host[theme=secondary][color=bullhorn] i{color:#ff6900}:host[theme=secondary][color=pulse]{color:#3bafda}:host[theme=secondary][color=pulse] i{color:#3bafda}:host[theme=secondary][color=company]{color:#39d}:host[theme=secondary][color=company] i{color:#39d}:host[theme=secondary][color=candidate]{color:#4b7}:host[theme=secondary][color=candidate] i{color:#4b7}:host[theme=secondary][color=lead]{color:#a69}:host[theme=secondary][color=lead] i{color:#a69}:host[theme=secondary][color=contact]{color:#fa4}:host[theme=secondary][color=contact] i{color:#fa4}:host[theme=secondary][color=clientcontact]{color:#fa4}:host[theme=secondary][color=clientcontact] i{color:#fa4}:host[theme=secondary][color=opportunity]{color:#625}:host[theme=secondary][color=opportunity] i{color:#625}:host[theme=secondary][color=job]{color:#b56}:host[theme=secondary][color=job] i{color:#b56}:host[theme=secondary][color=joborder]{color:#b56}:host[theme=secondary][color=joborder] i{color:#b56}:host[theme=secondary][color=submission]{color:#a9adbb}:host[theme=secondary][color=submission] i{color:#a9adbb}:host[theme=secondary][color=sendout]{color:#747884}:host[theme=secondary][color=sendout] i{color:#747884}:host[theme=secondary][color=placement]{color:#0b344f}:host[theme=secondary][color=placement] i{color:#0b344f}:host[theme=secondary][color=note]{color:#747884}:host[theme=secondary][color=note] i{color:#747884}:host[theme=secondary][color=contract]{color:#454ea0}:host[theme=secondary][color=contract] i{color:#454ea0}:host[theme=secondary][color=jobCode]{color:#696d79}:host[theme=secondary][color=jobCode] i{color:#696d79}:host[theme=secondary][color=earnCode]{color:#696d79}:host[theme=secondary][color=earnCode] i{color:#696d79}:host[theme=secondary][color=invoiceStatement]{color:#696d79}:host[theme=secondary][color=invoiceStatement] i{color:#696d79}:host[theme=secondary][color=billableCharge]{color:#696d79}:host[theme=secondary][color=billableCharge] i{color:#696d79}:host[theme=secondary][color=payableCharge]{color:#696d79}:host[theme=secondary][color=payableCharge] i{color:#696d79}:host[theme=secondary][color=user]{color:#696d79}:host[theme=secondary][color=user] i{color:#696d79}:host[theme=secondary][color=corporateUser]{color:#696d79}:host[theme=secondary][color=corporateUser] i{color:#696d79}:host[theme=secondary][color=distributionList]{color:#696d79}:host[theme=secondary][color=distributionList] i{color:#696d79}:host[theme=secondary][color=credential]{color:#696d79}:host[theme=secondary][color=credential] i{color:#696d79}:host[theme=secondary][color=person]{color:#696d79}:host[theme=secondary][color=person] i{color:#696d79}:host[theme=secondary][color=black]{border:1px solid #000000}:host[theme=secondary][color=white]{border:1px solid #ffffff}:host[theme=secondary][color=gray]{border:1px solid #9e9e9e}:host[theme=secondary][color=grey]{border:1px solid #9e9e9e}:host[theme=secondary][color=offWhite]{border:1px solid #f7f7f7}:host[theme=secondary][color=bright]{border:1px solid #f7f7f7}:host[theme=secondary][color=light]{border:1px solid #dbdbdb}:host[theme=secondary][color=neutral]{border:1px solid #4f5361}:host[theme=secondary][color=dark]{border:1px solid #3d464d}:host[theme=secondary][color=orange]{border:1px solid #ff6900}:host[theme=secondary][color=navigation]{border:1px solid #202945}:host[theme=secondary][color=skyBlue]{border:1px solid #009bdf}:host[theme=secondary][color=steel]{border:1px solid #5b6770}:host[theme=secondary][color=metal]{border:1px solid #637893}:host[theme=secondary][color=sand]{border:1px solid #f4f4f4}:host[theme=secondary][color=silver]{border:1px solid #e2e2e2}:host[theme=secondary][color=stone]{border:1px solid #bebebe}:host[theme=secondary][color=ash]{border:1px solid #a0a0a0}:host[theme=secondary][color=slate]{border:1px solid #707070}:host[theme=secondary][color=onyx]{border:1px solid #526980}:host[theme=secondary][color=charcoal]{border:1px solid #282828}:host[theme=secondary][color=moonlight]{border:1px solid #1a242f}:host[theme=secondary][color=midnight]{border:1px solid #202945}:host[theme=secondary][color=darkness]{border:1px solid #161f27}:host[theme=secondary][color=navy]{border:1px solid #0d2d42}:host[theme=secondary][color=aqua]{border:1px solid #3bafda}:host[theme=secondary][color=ocean]{border:1px solid #4a89dc}:host[theme=secondary][color=mint]{border:1px solid #37bc9b}:host[theme=secondary][color=grass]{border:1px solid #8cc152}:host[theme=secondary][color=sunflower]{border:1px solid #f6b042}:host[theme=secondary][color=bittersweet]{border:1px solid #eb6845}:host[theme=secondary][color=grapefruit]{border:1px solid #da4453}:host[theme=secondary][color=carnation]{border:1px solid #d770ad}:host[theme=secondary][color=lavender]{border:1px solid #967adc}:host[theme=secondary][color=mountain]{border:1px solid #9678b6}:host[theme=secondary][color=info]{border:1px solid #4a89dc}:host[theme=secondary][color=positive]{border:1px solid #4a89dc}:host[theme=secondary][color=success]{border:1px solid #8cc152}:host[theme=secondary][color=negative]{border:1px solid #da4453}:host[theme=secondary][color=danger]{border:1px solid #da4453}:host[theme=secondary][color=error]{border:1px solid #da4453}:host[theme=secondary][color=warning]{border:1px solid #f6b042}:host[theme=secondary][color=empty]{border:1px solid #cccdcc}:host[theme=secondary][color=disabled]{border:1px solid #bebebe}:host[theme=secondary][color=background]{border:1px solid #f7f7f7}:host[theme=secondary][color=backgroundDark]{border:1px solid #e2e2e2}:host[theme=secondary][color=presentation]{border:1px solid #5b6770}:host[theme=secondary][color=bullhorn]{border:1px solid #ff6900}:host[theme=secondary][color=pulse]{border:1px solid #3bafda}:host[theme=secondary][color=company]{border:1px solid #3399dd}:host[theme=secondary][color=candidate]{border:1px solid #44bb77}:host[theme=secondary][color=lead]{border:1px solid #aa6699}:host[theme=secondary][color=contact]{border:1px solid #ffaa44}:host[theme=secondary][color=clientcontact]{border:1px solid #ffaa44}:host[theme=secondary][color=opportunity]{border:1px solid #662255}:host[theme=secondary][color=job]{border:1px solid #bb5566}:host[theme=secondary][color=joborder]{border:1px solid #bb5566}:host[theme=secondary][color=submission]{border:1px solid #a9adbb}:host[theme=secondary][color=sendout]{border:1px solid #747884}:host[theme=secondary][color=placement]{border:1px solid #0b344f}:host[theme=secondary][color=note]{border:1px solid #747884}:host[theme=secondary][color=contract]{border:1px solid #454ea0}:host[theme=secondary][color=jobCode]{border:1px solid #696d79}:host[theme=secondary][color=earnCode]{border:1px solid #696d79}:host[theme=secondary][color=invoiceStatement]{border:1px solid #696d79}:host[theme=secondary][color=billableCharge]{border:1px solid #696d79}:host[theme=secondary][color=payableCharge]{border:1px solid #696d79}:host[theme=secondary][color=user]{border:1px solid #696d79}:host[theme=secondary][color=corporateUser]{border:1px solid #696d79}:host[theme=secondary][color=distributionList]{border:1px solid #696d79}:host[theme=secondary][color=credential]{border:1px solid #696d79}:host[theme=secondary][color=person]{border:1px solid #696d79}:host[theme=secondary] i.loading{margin-left:.8rem}:host[theme=secondary] i.loading svg .spinner{fill:#4a89dc}:host[theme=secondary]:hover,:host[theme=secondary]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026;background:#ffffff}:host[theme=secondary]:active{box-shadow:0 1px 2px #00000026}:host[theme=secondary][inverse]{background:rgba(0,0,0,.25);color:#fff;border:1px solid #fff}:host[theme=secondary][inverse]:hover,:host[theme=secondary][inverse]:focus{background:rgba(0,0,0,.35)}:host[theme=secondary][inverse]:active{background:rgba(0,0,0,.45)}:host[theme=secondary][inverse] i.loading svg .spinner{fill:#fff}\n", ":host[theme=fab]{border-radius:50%!important;padding:0;font-size:1.2rem;width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center}:host[theme=fab][color=black]{color:#fff;background:#000000}:host[theme=fab][color=white]{color:#3d464d;background:#ffffff}:host[theme=fab][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=fab][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=fab][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=fab][color=neutral]{color:#fff;background:#4f5361}:host[theme=fab][color=dark]{color:#fff;background:#3d464d}:host[theme=fab][color=orange]{color:#3d464d;background:#ff6900}:host[theme=fab][color=navigation]{color:#fff;background:#202945}:host[theme=fab][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=fab][color=steel]{color:#fff;background:#5b6770}:host[theme=fab][color=metal]{color:#fff;background:#637893}:host[theme=fab][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=fab][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=fab][color=stone]{color:#3d464d;background:#bebebe}:host[theme=fab][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=fab][color=slate]{color:#fff;background:#707070}:host[theme=fab][color=onyx]{color:#fff;background:#526980}:host[theme=fab][color=charcoal]{color:#fff;background:#282828}:host[theme=fab][color=moonlight]{color:#fff;background:#1a242f}:host[theme=fab][color=midnight]{color:#fff;background:#202945}:host[theme=fab][color=darkness]{color:#fff;background:#161f27}:host[theme=fab][color=navy]{color:#fff;background:#0d2d42}:host[theme=fab][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=fab][color=ocean]{color:#fff;background:#4a89dc}:host[theme=fab][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=fab][color=grass]{color:#fff;background:#8cc152}:host[theme=fab][color=sunflower]{color:#fff;background:#f6b042}:host[theme=fab][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=fab][color=grapefruit]{color:#fff;background:#da4453}:host[theme=fab][color=carnation]{color:#fff;background:#d770ad}:host[theme=fab][color=lavender]{color:#fff;background:#967adc}:host[theme=fab][color=mountain]{color:#fff;background:#9678b6}:host[theme=fab][color=info]{color:#fff;background:#4a89dc}:host[theme=fab][color=positive]{color:#fff;background:#4a89dc}:host[theme=fab][color=success]{color:#fff;background:#8cc152}:host[theme=fab][color=negative]{color:#fff;background:#da4453}:host[theme=fab][color=danger]{color:#fff;background:#da4453}:host[theme=fab][color=error]{color:#fff;background:#da4453}:host[theme=fab][color=warning]{color:#fff;background:#f6b042}:host[theme=fab][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=fab][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=fab][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=fab][color=presentation]{color:#fff;background:#5b6770}:host[theme=fab][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=fab][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=fab][color=company]{color:#fff;background:#3399dd}:host[theme=fab][color=candidate]{color:#fff;background:#44bb77}:host[theme=fab][color=lead]{color:#fff;background:#aa6699}:host[theme=fab][color=contact]{color:#fff;background:#ffaa44}:host[theme=fab][color=clientcontact]{color:#fff;background:#ffaa44}:host[theme=fab][color=opportunity]{color:#fff;background:#662255}:host[theme=fab][color=job]{color:#fff;background:#bb5566}:host[theme=fab][color=joborder]{color:#fff;background:#bb5566}:host[theme=fab][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=fab][color=sendout]{color:#fff;background:#747884}:host[theme=fab][color=placement]{color:#fff;background:#0b344f}:host[theme=fab][color=note]{color:#fff;background:#747884}:host[theme=fab][color=contract]{color:#fff;background:#454ea0}:host[theme=fab][color=jobCode]{color:#fff;background:#696d79}:host[theme=fab][color=earnCode]{color:#fff;background:#696d79}:host[theme=fab][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=fab][color=billableCharge]{color:#fff;background:#696d79}:host[theme=fab][color=payableCharge]{color:#fff;background:#696d79}:host[theme=fab][color=user]{color:#fff;background:#696d79}:host[theme=fab][color=corporateUser]{color:#fff;background:#696d79}:host[theme=fab][color=distributionList]{color:#fff;background:#696d79}:host[theme=fab][color=credential]{color:#fff;background:#696d79}:host[theme=fab][color=person]{color:#fff;background:#696d79}:host[theme=fab][inverse]{color:#fff}:host[theme=fab]:focus,:host[theme=fab]:hover{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab]:active{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab] .button-contents{display:contents}:host[theme=fab] i{margin:0;padding:0}:host[theme=fab] i:before{display:block}\n", ":host[theme=icon]{padding:.5rem;font-size:1.4rem;height:2.4rem}:host[theme=icon][color=black]{color:#000}:host[theme=icon][color=black] i{color:#000}:host[theme=icon][color=white]{color:#fff}:host[theme=icon][color=white] i{color:#fff}:host[theme=icon][color=gray]{color:#9e9e9e}:host[theme=icon][color=gray] i{color:#9e9e9e}:host[theme=icon][color=grey]{color:#9e9e9e}:host[theme=icon][color=grey] i{color:#9e9e9e}:host[theme=icon][color=offWhite]{color:#f7f7f7}:host[theme=icon][color=offWhite] i{color:#f7f7f7}:host[theme=icon][color=bright]{color:#f7f7f7}:host[theme=icon][color=bright] i{color:#f7f7f7}:host[theme=icon][color=light]{color:#dbdbdb}:host[theme=icon][color=light] i{color:#dbdbdb}:host[theme=icon][color=neutral]{color:#4f5361}:host[theme=icon][color=neutral] i{color:#4f5361}:host[theme=icon][color=dark]{color:#3d464d}:host[theme=icon][color=dark] i{color:#3d464d}:host[theme=icon][color=orange]{color:#ff6900}:host[theme=icon][color=orange] i{color:#ff6900}:host[theme=icon][color=navigation]{color:#202945}:host[theme=icon][color=navigation] i{color:#202945}:host[theme=icon][color=skyBlue]{color:#009bdf}:host[theme=icon][color=skyBlue] i{color:#009bdf}:host[theme=icon][color=steel]{color:#5b6770}:host[theme=icon][color=steel] i{color:#5b6770}:host[theme=icon][color=metal]{color:#637893}:host[theme=icon][color=metal] i{color:#637893}:host[theme=icon][color=sand]{color:#f4f4f4}:host[theme=icon][color=sand] i{color:#f4f4f4}:host[theme=icon][color=silver]{color:#e2e2e2}:host[theme=icon][color=silver] i{color:#e2e2e2}:host[theme=icon][color=stone]{color:#bebebe}:host[theme=icon][color=stone] i{color:#bebebe}:host[theme=icon][color=ash]{color:#a0a0a0}:host[theme=icon][color=ash] i{color:#a0a0a0}:host[theme=icon][color=slate]{color:#707070}:host[theme=icon][color=slate] i{color:#707070}:host[theme=icon][color=onyx]{color:#526980}:host[theme=icon][color=onyx] i{color:#526980}:host[theme=icon][color=charcoal]{color:#282828}:host[theme=icon][color=charcoal] i{color:#282828}:host[theme=icon][color=moonlight]{color:#1a242f}:host[theme=icon][color=moonlight] i{color:#1a242f}:host[theme=icon][color=midnight]{color:#202945}:host[theme=icon][color=midnight] i{color:#202945}:host[theme=icon][color=darkness]{color:#161f27}:host[theme=icon][color=darkness] i{color:#161f27}:host[theme=icon][color=navy]{color:#0d2d42}:host[theme=icon][color=navy] i{color:#0d2d42}:host[theme=icon][color=aqua]{color:#3bafda}:host[theme=icon][color=aqua] i{color:#3bafda}:host[theme=icon][color=ocean]{color:#4a89dc}:host[theme=icon][color=ocean] i{color:#4a89dc}:host[theme=icon][color=mint]{color:#37bc9b}:host[theme=icon][color=mint] i{color:#37bc9b}:host[theme=icon][color=grass]{color:#8cc152}:host[theme=icon][color=grass] i{color:#8cc152}:host[theme=icon][color=sunflower]{color:#f6b042}:host[theme=icon][color=sunflower] i{color:#f6b042}:host[theme=icon][color=bittersweet]{color:#eb6845}:host[theme=icon][color=bittersweet] i{color:#eb6845}:host[theme=icon][color=grapefruit]{color:#da4453}:host[theme=icon][color=grapefruit] i{color:#da4453}:host[theme=icon][color=carnation]{color:#d770ad}:host[theme=icon][color=carnation] i{color:#d770ad}:host[theme=icon][color=lavender]{color:#967adc}:host[theme=icon][color=lavender] i{color:#967adc}:host[theme=icon][color=mountain]{color:#9678b6}:host[theme=icon][color=mountain] i{color:#9678b6}:host[theme=icon][color=info]{color:#4a89dc}:host[theme=icon][color=info] i{color:#4a89dc}:host[theme=icon][color=positive]{color:#4a89dc}:host[theme=icon][color=positive] i{color:#4a89dc}:host[theme=icon][color=success]{color:#8cc152}:host[theme=icon][color=success] i{color:#8cc152}:host[theme=icon][color=negative]{color:#da4453}:host[theme=icon][color=negative] i{color:#da4453}:host[theme=icon][color=danger]{color:#da4453}:host[theme=icon][color=danger] i{color:#da4453}:host[theme=icon][color=error]{color:#da4453}:host[theme=icon][color=error] i{color:#da4453}:host[theme=icon][color=warning]{color:#f6b042}:host[theme=icon][color=warning] i{color:#f6b042}:host[theme=icon][color=empty]{color:#cccdcc}:host[theme=icon][color=empty] i{color:#cccdcc}:host[theme=icon][color=disabled]{color:#bebebe}:host[theme=icon][color=disabled] i{color:#bebebe}:host[theme=icon][color=background]{color:#f7f7f7}:host[theme=icon][color=background] i{color:#f7f7f7}:host[theme=icon][color=backgroundDark]{color:#e2e2e2}:host[theme=icon][color=backgroundDark] i{color:#e2e2e2}:host[theme=icon][color=presentation]{color:#5b6770}:host[theme=icon][color=presentation] i{color:#5b6770}:host[theme=icon][color=bullhorn]{color:#ff6900}:host[theme=icon][color=bullhorn] i{color:#ff6900}:host[theme=icon][color=pulse]{color:#3bafda}:host[theme=icon][color=pulse] i{color:#3bafda}:host[theme=icon][color=company]{color:#39d}:host[theme=icon][color=company] i{color:#39d}:host[theme=icon][color=candidate]{color:#4b7}:host[theme=icon][color=candidate] i{color:#4b7}:host[theme=icon][color=lead]{color:#a69}:host[theme=icon][color=lead] i{color:#a69}:host[theme=icon][color=contact]{color:#fa4}:host[theme=icon][color=contact] i{color:#fa4}:host[theme=icon][color=clientcontact]{color:#fa4}:host[theme=icon][color=clientcontact] i{color:#fa4}:host[theme=icon][color=opportunity]{color:#625}:host[theme=icon][color=opportunity] i{color:#625}:host[theme=icon][color=job]{color:#b56}:host[theme=icon][color=job] i{color:#b56}:host[theme=icon][color=joborder]{color:#b56}:host[theme=icon][color=joborder] i{color:#b56}:host[theme=icon][color=submission]{color:#a9adbb}:host[theme=icon][color=submission] i{color:#a9adbb}:host[theme=icon][color=sendout]{color:#747884}:host[theme=icon][color=sendout] i{color:#747884}:host[theme=icon][color=placement]{color:#0b344f}:host[theme=icon][color=placement] i{color:#0b344f}:host[theme=icon][color=note]{color:#747884}:host[theme=icon][color=note] i{color:#747884}:host[theme=icon][color=contract]{color:#454ea0}:host[theme=icon][color=contract] i{color:#454ea0}:host[theme=icon][color=jobCode]{color:#696d79}:host[theme=icon][color=jobCode] i{color:#696d79}:host[theme=icon][color=earnCode]{color:#696d79}:host[theme=icon][color=earnCode] i{color:#696d79}:host[theme=icon][color=invoiceStatement]{color:#696d79}:host[theme=icon][color=invoiceStatement] i{color:#696d79}:host[theme=icon][color=billableCharge]{color:#696d79}:host[theme=icon][color=billableCharge] i{color:#696d79}:host[theme=icon][color=payableCharge]{color:#696d79}:host[theme=icon][color=payableCharge] i{color:#696d79}:host[theme=icon][color=user]{color:#696d79}:host[theme=icon][color=user] i{color:#696d79}:host[theme=icon][color=corporateUser]{color:#696d79}:host[theme=icon][color=corporateUser] i{color:#696d79}:host[theme=icon][color=distributionList]{color:#696d79}:host[theme=icon][color=distributionList] i{color:#696d79}:host[theme=icon][color=credential]{color:#696d79}:host[theme=icon][color=credential] i{color:#696d79}:host[theme=icon][color=person]{color:#696d79}:host[theme=icon][color=person] i{color:#696d79}:host[theme=icon][inverse]{color:#fff}:host[theme=icon] i{display:contents;margin:0!important}:host[theme=icon]:focus,:host[theme=icon]:hover{background:rgba(0,0,0,.1)}:host[theme=icon]:active{background:rgba(0,0,0,.25)}:host[theme=icon] .button-contents{display:contents}:host[theme=icon][size=small]{padding:.5rem;font-size:1.2rem;height:2rem}:host[theme=icon][size=large]{font-size:2rem;height:2.8rem;padding:1rem}\n", ":host[theme=dialogue]{background:transparent;color:#4a89dc}:host[theme=dialogue][color=black]{color:#000}:host[theme=dialogue][color=black] i{color:#000}:host[theme=dialogue][color=white]{color:#fff}:host[theme=dialogue][color=white] i{color:#fff}:host[theme=dialogue][color=gray]{color:#9e9e9e}:host[theme=dialogue][color=gray] i{color:#9e9e9e}:host[theme=dialogue][color=grey]{color:#9e9e9e}:host[theme=dialogue][color=grey] i{color:#9e9e9e}:host[theme=dialogue][color=offWhite]{color:#f7f7f7}:host[theme=dialogue][color=offWhite] i{color:#f7f7f7}:host[theme=dialogue][color=bright]{color:#f7f7f7}:host[theme=dialogue][color=bright] i{color:#f7f7f7}:host[theme=dialogue][color=light]{color:#dbdbdb}:host[theme=dialogue][color=light] i{color:#dbdbdb}:host[theme=dialogue][color=neutral]{color:#4f5361}:host[theme=dialogue][color=neutral] i{color:#4f5361}:host[theme=dialogue][color=dark]{color:#3d464d}:host[theme=dialogue][color=dark] i{color:#3d464d}:host[theme=dialogue][color=orange]{color:#ff6900}:host[theme=dialogue][color=orange] i{color:#ff6900}:host[theme=dialogue][color=navigation]{color:#202945}:host[theme=dialogue][color=navigation] i{color:#202945}:host[theme=dialogue][color=skyBlue]{color:#009bdf}:host[theme=dialogue][color=skyBlue] i{color:#009bdf}:host[theme=dialogue][color=steel]{color:#5b6770}:host[theme=dialogue][color=steel] i{color:#5b6770}:host[theme=dialogue][color=metal]{color:#637893}:host[theme=dialogue][color=metal] i{color:#637893}:host[theme=dialogue][color=sand]{color:#f4f4f4}:host[theme=dialogue][color=sand] i{color:#f4f4f4}:host[theme=dialogue][color=silver]{color:#e2e2e2}:host[theme=dialogue][color=silver] i{color:#e2e2e2}:host[theme=dialogue][color=stone]{color:#bebebe}:host[theme=dialogue][color=stone] i{color:#bebebe}:host[theme=dialogue][color=ash]{color:#a0a0a0}:host[theme=dialogue][color=ash] i{color:#a0a0a0}:host[theme=dialogue][color=slate]{color:#707070}:host[theme=dialogue][color=slate] i{color:#707070}:host[theme=dialogue][color=onyx]{color:#526980}:host[theme=dialogue][color=onyx] i{color:#526980}:host[theme=dialogue][color=charcoal]{color:#282828}:host[theme=dialogue][color=charcoal] i{color:#282828}:host[theme=dialogue][color=moonlight]{color:#1a242f}:host[theme=dialogue][color=moonlight] i{color:#1a242f}:host[theme=dialogue][color=midnight]{color:#202945}:host[theme=dialogue][color=midnight] i{color:#202945}:host[theme=dialogue][color=darkness]{color:#161f27}:host[theme=dialogue][color=darkness] i{color:#161f27}:host[theme=dialogue][color=navy]{color:#0d2d42}:host[theme=dialogue][color=navy] i{color:#0d2d42}:host[theme=dialogue][color=aqua]{color:#3bafda}:host[theme=dialogue][color=aqua] i{color:#3bafda}:host[theme=dialogue][color=ocean]{color:#4a89dc}:host[theme=dialogue][color=ocean] i{color:#4a89dc}:host[theme=dialogue][color=mint]{color:#37bc9b}:host[theme=dialogue][color=mint] i{color:#37bc9b}:host[theme=dialogue][color=grass]{color:#8cc152}:host[theme=dialogue][color=grass] i{color:#8cc152}:host[theme=dialogue][color=sunflower]{color:#f6b042}:host[theme=dialogue][color=sunflower] i{color:#f6b042}:host[theme=dialogue][color=bittersweet]{color:#eb6845}:host[theme=dialogue][color=bittersweet] i{color:#eb6845}:host[theme=dialogue][color=grapefruit]{color:#da4453}:host[theme=dialogue][color=grapefruit] i{color:#da4453}:host[theme=dialogue][color=carnation]{color:#d770ad}:host[theme=dialogue][color=carnation] i{color:#d770ad}:host[theme=dialogue][color=lavender]{color:#967adc}:host[theme=dialogue][color=lavender] i{color:#967adc}:host[theme=dialogue][color=mountain]{color:#9678b6}:host[theme=dialogue][color=mountain] i{color:#9678b6}:host[theme=dialogue][color=info]{color:#4a89dc}:host[theme=dialogue][color=info] i{color:#4a89dc}:host[theme=dialogue][color=positive]{color:#4a89dc}:host[theme=dialogue][color=positive] i{color:#4a89dc}:host[theme=dialogue][color=success]{color:#8cc152}:host[theme=dialogue][color=success] i{color:#8cc152}:host[theme=dialogue][color=negative]{color:#da4453}:host[theme=dialogue][color=negative] i{color:#da4453}:host[theme=dialogue][color=danger]{color:#da4453}:host[theme=dialogue][color=danger] i{color:#da4453}:host[theme=dialogue][color=error]{color:#da4453}:host[theme=dialogue][color=error] i{color:#da4453}:host[theme=dialogue][color=warning]{color:#f6b042}:host[theme=dialogue][color=warning] i{color:#f6b042}:host[theme=dialogue][color=empty]{color:#cccdcc}:host[theme=dialogue][color=empty] i{color:#cccdcc}:host[theme=dialogue][color=disabled]{color:#bebebe}:host[theme=dialogue][color=disabled] i{color:#bebebe}:host[theme=dialogue][color=background]{color:#f7f7f7}:host[theme=dialogue][color=background] i{color:#f7f7f7}:host[theme=dialogue][color=backgroundDark]{color:#e2e2e2}:host[theme=dialogue][color=backgroundDark] i{color:#e2e2e2}:host[theme=dialogue][color=presentation]{color:#5b6770}:host[theme=dialogue][color=presentation] i{color:#5b6770}:host[theme=dialogue][color=bullhorn]{color:#ff6900}:host[theme=dialogue][color=bullhorn] i{color:#ff6900}:host[theme=dialogue][color=pulse]{color:#3bafda}:host[theme=dialogue][color=pulse] i{color:#3bafda}:host[theme=dialogue][color=company]{color:#39d}:host[theme=dialogue][color=company] i{color:#39d}:host[theme=dialogue][color=candidate]{color:#4b7}:host[theme=dialogue][color=candidate] i{color:#4b7}:host[theme=dialogue][color=lead]{color:#a69}:host[theme=dialogue][color=lead] i{color:#a69}:host[theme=dialogue][color=contact]{color:#fa4}:host[theme=dialogue][color=contact] i{color:#fa4}:host[theme=dialogue][color=clientcontact]{color:#fa4}:host[theme=dialogue][color=clientcontact] i{color:#fa4}:host[theme=dialogue][color=opportunity]{color:#625}:host[theme=dialogue][color=opportunity] i{color:#625}:host[theme=dialogue][color=job]{color:#b56}:host[theme=dialogue][color=job] i{color:#b56}:host[theme=dialogue][color=joborder]{color:#b56}:host[theme=dialogue][color=joborder] i{color:#b56}:host[theme=dialogue][color=submission]{color:#a9adbb}:host[theme=dialogue][color=submission] i{color:#a9adbb}:host[theme=dialogue][color=sendout]{color:#747884}:host[theme=dialogue][color=sendout] i{color:#747884}:host[theme=dialogue][color=placement]{color:#0b344f}:host[theme=dialogue][color=placement] i{color:#0b344f}:host[theme=dialogue][color=note]{color:#747884}:host[theme=dialogue][color=note] i{color:#747884}:host[theme=dialogue][color=contract]{color:#454ea0}:host[theme=dialogue][color=contract] i{color:#454ea0}:host[theme=dialogue][color=jobCode]{color:#696d79}:host[theme=dialogue][color=jobCode] i{color:#696d79}:host[theme=dialogue][color=earnCode]{color:#696d79}:host[theme=dialogue][color=earnCode] i{color:#696d79}:host[theme=dialogue][color=invoiceStatement]{color:#696d79}:host[theme=dialogue][color=invoiceStatement] i{color:#696d79}:host[theme=dialogue][color=billableCharge]{color:#696d79}:host[theme=dialogue][color=billableCharge] i{color:#696d79}:host[theme=dialogue][color=payableCharge]{color:#696d79}:host[theme=dialogue][color=payableCharge] i{color:#696d79}:host[theme=dialogue][color=user]{color:#696d79}:host[theme=dialogue][color=user] i{color:#696d79}:host[theme=dialogue][color=corporateUser]{color:#696d79}:host[theme=dialogue][color=corporateUser] i{color:#696d79}:host[theme=dialogue][color=distributionList]{color:#696d79}:host[theme=dialogue][color=distributionList] i{color:#696d79}:host[theme=dialogue][color=credential]{color:#696d79}:host[theme=dialogue][color=credential] i{color:#696d79}:host[theme=dialogue][color=person]{color:#696d79}:host[theme=dialogue][color=person] i{color:#696d79}:host[theme=dialogue]:hover,:host[theme=dialogue]:focus{background:#ededed}:host[theme=dialogue]:active{background:#e0e0e0}:host[theme=dialogue][inverse]:hover,:host[theme=dialogue][inverse]:focus{background:rgba(0,0,0,.2)}:host[theme=dialogue][inverse]:active{background:rgba(0,0,0,.35)}\n", ":host[theme=field]{background:transparent;color:#3d464d;border:none;border-radius:0;border-bottom:1px solid var(--border);margin-bottom:4px;padding:.25rem .5rem;font-size:1.2rem;height:1.8rem;text-align:left}:host[theme=field]:hover,:host[theme=field]:focus,:host[theme=field]:active{border-bottom:1px solid var(--selection)}:host[theme=select]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text-main);padding:0;height:2rem;min-height:2rem;position:relative;text-align:left;text-shadow:none;width:100%;z-index:1;text-transform:none;font-size:1.2rem;height:1.8rem}:host[theme=select].empty{color:var(--text-muted)}:host[theme=select]:focus,:host[theme=select]:hover{outline:none}:host[theme=select]:hover{border-bottom:1px solid #5f6d78}:host[theme=select]:hover i{opacity:.75}:host[theme=select]:focus{border-bottom:1px solid var(--selection)}:host[theme=select]:focus i{color:#000000ba}:host[theme=select] i{font-size:.8rem;color:var(--text-main);opacity:.45}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
77
+ `, isInline: true, styles: [":host{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;padding:0 1rem;font-size:var(--font-size-button);height:3rem;border:none;color:#3d464d;color:var(--text-main, #3d464d);background:transparent;border-radius:3px;text-transform:uppercase;transition:all .2s ease-in-out;gap:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-overflow:clip;white-space:nowrap;overflow:hidden;flex:0 0 auto}:host .button-contents{height:var(--font-size-button);display:inline-flex;align-items:center;line-height:1;font-size:inherit;color:inherit;text-transform:uppercase}:host i{height:var(--font-size-button);font-size:inherit;line-height:1}:host[size=small]{font-size:1rem;padding:0 1rem;height:2.4rem;gap:.5rem}:host[size=small] .button-contents,:host[size=small] i{height:1rem}:host[size=large]{font-size:1.6rem;padding:0 1.25rem;height:3.6rem;gap:1.25rem}:host[size=large] .button-contents,:host[size=large] i{height:1.6rem}:host:focus{outline:none}:host[disabled],:host.novo-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}:host[disabled=false]{opacity:1;cursor:pointer;pointer-events:auto}:host[loading=true]{opacity:.5;cursor:not-allowed;pointer-events:none}:host[loading=true] i.loading{display:flex;align-items:center;justify-content:center;-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite}:host[loading=true] i.loading svg{width:100%;height:100%;max-width:15px;max-height:15px}:host[loading=true] i.loading svg .spinner{fill:currentColor}@-webkit-keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n", ":host[theme=standard]{color:var(--button-text);background:var(--button-background)}:host[theme=standard][color=black]{color:#fff;background:#000000}:host[theme=standard][color=white]{color:#3d464d;background:#ffffff}:host[theme=standard][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=standard][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=standard][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=standard][color=neutral]{color:#fff;background:#4f5361}:host[theme=standard][color=dark]{color:#fff;background:#3d464d}:host[theme=standard][color=orange]{color:#3d464d;background:#ff6900}:host[theme=standard][color=navigation]{color:#fff;background:#202945}:host[theme=standard][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=standard][color=steel]{color:#fff;background:#5b6770}:host[theme=standard][color=metal]{color:#fff;background:#637893}:host[theme=standard][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=standard][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=standard][color=stone]{color:#3d464d;background:#bebebe}:host[theme=standard][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=standard][color=slate]{color:#fff;background:#707070}:host[theme=standard][color=onyx]{color:#fff;background:#526980}:host[theme=standard][color=charcoal]{color:#fff;background:#282828}:host[theme=standard][color=moonlight]{color:#fff;background:#1a242f}:host[theme=standard][color=midnight]{color:#fff;background:#202945}:host[theme=standard][color=darkness]{color:#fff;background:#161f27}:host[theme=standard][color=navy]{color:#fff;background:#0d2d42}:host[theme=standard][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=standard][color=ocean]{color:#fff;background:#4a89dc}:host[theme=standard][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=standard][color=grass]{color:#fff;background:#8cc152}:host[theme=standard][color=sunflower]{color:#fff;background:#f6b042}:host[theme=standard][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=standard][color=grapefruit]{color:#fff;background:#da4453}:host[theme=standard][color=carnation]{color:#fff;background:#d770ad}:host[theme=standard][color=lavender]{color:#fff;background:#967adc}:host[theme=standard][color=mountain]{color:#fff;background:#9678b6}:host[theme=standard][color=info]{color:#fff;background:#4a89dc}:host[theme=standard][color=positive]{color:#fff;background:#4a89dc}:host[theme=standard][color=success]{color:#fff;background:#8cc152}:host[theme=standard][color=negative]{color:#fff;background:#da4453}:host[theme=standard][color=danger]{color:#fff;background:#da4453}:host[theme=standard][color=error]{color:#fff;background:#da4453}:host[theme=standard][color=warning]{color:#fff;background:#f6b042}:host[theme=standard][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=standard][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=standard][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=standard][color=presentation]{color:#fff;background:#5b6770}:host[theme=standard][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=standard][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=standard][color=company]{color:#fff;background:#3399dd}:host[theme=standard][color=candidate]{color:#fff;background:#44bb77}:host[theme=standard][color=lead]{color:#fff;background:#aa6699}:host[theme=standard][color=contact]{color:#fff;background:#ffaa44}:host[theme=standard][color=clientcontact]{color:#fff;background:#ffaa44}:host[theme=standard][color=opportunity]{color:#fff;background:#662255}:host[theme=standard][color=job]{color:#fff;background:#bb5566}:host[theme=standard][color=joborder]{color:#fff;background:#bb5566}:host[theme=standard][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=standard][color=sendout]{color:#fff;background:#747884}:host[theme=standard][color=placement]{color:#fff;background:#0b344f}:host[theme=standard][color=note]{color:#fff;background:#747884}:host[theme=standard][color=contract]{color:#fff;background:#454ea0}:host[theme=standard][color=jobCode]{color:#fff;background:#696d79}:host[theme=standard][color=earnCode]{color:#fff;background:#696d79}:host[theme=standard][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=standard][color=billableCharge]{color:#fff;background:#696d79}:host[theme=standard][color=payableCharge]{color:#fff;background:#696d79}:host[theme=standard][color=user]{color:#fff;background:#696d79}:host[theme=standard][color=corporateUser]{color:#fff;background:#696d79}:host[theme=standard][color=distributionList]{color:#fff;background:#696d79}:host[theme=standard][color=credential]{color:#fff;background:#696d79}:host[theme=standard][color=person]{color:#fff;background:#696d79}:host[theme=standard]:hover,:host[theme=standard]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026}:host[theme=standard]:active{box-shadow:0 1px 2px #00000026}\n", ":host[theme=primary]{background:#4a89dc;color:#fff;text-align:left}:host[theme=primary][color=black]{color:#fff;background:#000000}:host[theme=primary][color=white]{color:#3d464d;background:#ffffff}:host[theme=primary][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=primary][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=primary][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=primary][color=neutral]{color:#fff;background:#4f5361}:host[theme=primary][color=dark]{color:#fff;background:#3d464d}:host[theme=primary][color=orange]{color:#3d464d;background:#ff6900}:host[theme=primary][color=navigation]{color:#fff;background:#202945}:host[theme=primary][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=primary][color=steel]{color:#fff;background:#5b6770}:host[theme=primary][color=metal]{color:#fff;background:#637893}:host[theme=primary][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=primary][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=primary][color=stone]{color:#3d464d;background:#bebebe}:host[theme=primary][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=primary][color=slate]{color:#fff;background:#707070}:host[theme=primary][color=onyx]{color:#fff;background:#526980}:host[theme=primary][color=charcoal]{color:#fff;background:#282828}:host[theme=primary][color=moonlight]{color:#fff;background:#1a242f}:host[theme=primary][color=midnight]{color:#fff;background:#202945}:host[theme=primary][color=darkness]{color:#fff;background:#161f27}:host[theme=primary][color=navy]{color:#fff;background:#0d2d42}:host[theme=primary][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=primary][color=ocean]{color:#fff;background:#4a89dc}:host[theme=primary][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=primary][color=grass]{color:#fff;background:#8cc152}:host[theme=primary][color=sunflower]{color:#fff;background:#f6b042}:host[theme=primary][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=primary][color=grapefruit]{color:#fff;background:#da4453}:host[theme=primary][color=carnation]{color:#fff;background:#d770ad}:host[theme=primary][color=lavender]{color:#fff;background:#967adc}:host[theme=primary][color=mountain]{color:#fff;background:#9678b6}:host[theme=primary][color=info]{color:#fff;background:#4a89dc}:host[theme=primary][color=positive]{color:#fff;background:#4a89dc}:host[theme=primary][color=success]{color:#fff;background:#8cc152}:host[theme=primary][color=negative]{color:#fff;background:#da4453}:host[theme=primary][color=danger]{color:#fff;background:#da4453}:host[theme=primary][color=error]{color:#fff;background:#da4453}:host[theme=primary][color=warning]{color:#fff;background:#f6b042}:host[theme=primary][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=primary][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=primary][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=primary][color=presentation]{color:#fff;background:#5b6770}:host[theme=primary][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=primary][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=primary][color=company]{color:#fff;background:#3399dd}:host[theme=primary][color=candidate]{color:#fff;background:#44bb77}:host[theme=primary][color=lead]{color:#fff;background:#aa6699}:host[theme=primary][color=contact]{color:#fff;background:#ffaa44}:host[theme=primary][color=clientcontact]{color:#fff;background:#ffaa44}:host[theme=primary][color=opportunity]{color:#fff;background:#662255}:host[theme=primary][color=job]{color:#fff;background:#bb5566}:host[theme=primary][color=joborder]{color:#fff;background:#bb5566}:host[theme=primary][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=primary][color=sendout]{color:#fff;background:#747884}:host[theme=primary][color=placement]{color:#fff;background:#0b344f}:host[theme=primary][color=note]{color:#fff;background:#747884}:host[theme=primary][color=contract]{color:#fff;background:#454ea0}:host[theme=primary][color=jobCode]{color:#fff;background:#696d79}:host[theme=primary][color=earnCode]{color:#fff;background:#696d79}:host[theme=primary][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=primary][color=billableCharge]{color:#fff;background:#696d79}:host[theme=primary][color=payableCharge]{color:#fff;background:#696d79}:host[theme=primary][color=user]{color:#fff;background:#696d79}:host[theme=primary][color=corporateUser]{color:#fff;background:#696d79}:host[theme=primary][color=distributionList]{color:#fff;background:#696d79}:host[theme=primary][color=credential]{color:#fff;background:#696d79}:host[theme=primary][color=person]{color:#fff;background:#696d79}:host[theme=primary]:hover,:host[theme=primary]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026;filter:brightness(1.15)}:host[theme=primary]:active{filter:brightness(.85);box-shadow:0 1px 2px #00000026}:host[theme=primary][color=white]{background:#ffffff;color:#4a89dc}:host[theme=primary][color=white]:hover,:host[theme=primary][color=white]:focus{background:#f7f7f7}:host[theme=primary][color=white]:active{background:#eaeaea}:host[theme=primary][color=white] i{background:rgba(0,0,0,.05)}:host[theme=primary][size=large] i{margin-left:3px}\n", ":host[theme=secondary]{text-align:left;align-items:center;background:#ffffff;color:#4a89dc;border:1px solid #4a89dc;padding:0 calc(1rem - 1px)}:host[theme=secondary][color=black]{color:#000}:host[theme=secondary][color=black] i{color:#000}:host[theme=secondary][color=white]{color:#fff}:host[theme=secondary][color=white] i{color:#fff}:host[theme=secondary][color=gray]{color:#9e9e9e}:host[theme=secondary][color=gray] i{color:#9e9e9e}:host[theme=secondary][color=grey]{color:#9e9e9e}:host[theme=secondary][color=grey] i{color:#9e9e9e}:host[theme=secondary][color=offWhite]{color:#f7f7f7}:host[theme=secondary][color=offWhite] i{color:#f7f7f7}:host[theme=secondary][color=bright]{color:#f7f7f7}:host[theme=secondary][color=bright] i{color:#f7f7f7}:host[theme=secondary][color=light]{color:#dbdbdb}:host[theme=secondary][color=light] i{color:#dbdbdb}:host[theme=secondary][color=neutral]{color:#4f5361}:host[theme=secondary][color=neutral] i{color:#4f5361}:host[theme=secondary][color=dark]{color:#3d464d}:host[theme=secondary][color=dark] i{color:#3d464d}:host[theme=secondary][color=orange]{color:#ff6900}:host[theme=secondary][color=orange] i{color:#ff6900}:host[theme=secondary][color=navigation]{color:#202945}:host[theme=secondary][color=navigation] i{color:#202945}:host[theme=secondary][color=skyBlue]{color:#009bdf}:host[theme=secondary][color=skyBlue] i{color:#009bdf}:host[theme=secondary][color=steel]{color:#5b6770}:host[theme=secondary][color=steel] i{color:#5b6770}:host[theme=secondary][color=metal]{color:#637893}:host[theme=secondary][color=metal] i{color:#637893}:host[theme=secondary][color=sand]{color:#f4f4f4}:host[theme=secondary][color=sand] i{color:#f4f4f4}:host[theme=secondary][color=silver]{color:#e2e2e2}:host[theme=secondary][color=silver] i{color:#e2e2e2}:host[theme=secondary][color=stone]{color:#bebebe}:host[theme=secondary][color=stone] i{color:#bebebe}:host[theme=secondary][color=ash]{color:#a0a0a0}:host[theme=secondary][color=ash] i{color:#a0a0a0}:host[theme=secondary][color=slate]{color:#707070}:host[theme=secondary][color=slate] i{color:#707070}:host[theme=secondary][color=onyx]{color:#526980}:host[theme=secondary][color=onyx] i{color:#526980}:host[theme=secondary][color=charcoal]{color:#282828}:host[theme=secondary][color=charcoal] i{color:#282828}:host[theme=secondary][color=moonlight]{color:#1a242f}:host[theme=secondary][color=moonlight] i{color:#1a242f}:host[theme=secondary][color=midnight]{color:#202945}:host[theme=secondary][color=midnight] i{color:#202945}:host[theme=secondary][color=darkness]{color:#161f27}:host[theme=secondary][color=darkness] i{color:#161f27}:host[theme=secondary][color=navy]{color:#0d2d42}:host[theme=secondary][color=navy] i{color:#0d2d42}:host[theme=secondary][color=aqua]{color:#3bafda}:host[theme=secondary][color=aqua] i{color:#3bafda}:host[theme=secondary][color=ocean]{color:#4a89dc}:host[theme=secondary][color=ocean] i{color:#4a89dc}:host[theme=secondary][color=mint]{color:#37bc9b}:host[theme=secondary][color=mint] i{color:#37bc9b}:host[theme=secondary][color=grass]{color:#8cc152}:host[theme=secondary][color=grass] i{color:#8cc152}:host[theme=secondary][color=sunflower]{color:#f6b042}:host[theme=secondary][color=sunflower] i{color:#f6b042}:host[theme=secondary][color=bittersweet]{color:#eb6845}:host[theme=secondary][color=bittersweet] i{color:#eb6845}:host[theme=secondary][color=grapefruit]{color:#da4453}:host[theme=secondary][color=grapefruit] i{color:#da4453}:host[theme=secondary][color=carnation]{color:#d770ad}:host[theme=secondary][color=carnation] i{color:#d770ad}:host[theme=secondary][color=lavender]{color:#967adc}:host[theme=secondary][color=lavender] i{color:#967adc}:host[theme=secondary][color=mountain]{color:#9678b6}:host[theme=secondary][color=mountain] i{color:#9678b6}:host[theme=secondary][color=info]{color:#4a89dc}:host[theme=secondary][color=info] i{color:#4a89dc}:host[theme=secondary][color=positive]{color:#4a89dc}:host[theme=secondary][color=positive] i{color:#4a89dc}:host[theme=secondary][color=success]{color:#8cc152}:host[theme=secondary][color=success] i{color:#8cc152}:host[theme=secondary][color=negative]{color:#da4453}:host[theme=secondary][color=negative] i{color:#da4453}:host[theme=secondary][color=danger]{color:#da4453}:host[theme=secondary][color=danger] i{color:#da4453}:host[theme=secondary][color=error]{color:#da4453}:host[theme=secondary][color=error] i{color:#da4453}:host[theme=secondary][color=warning]{color:#f6b042}:host[theme=secondary][color=warning] i{color:#f6b042}:host[theme=secondary][color=empty]{color:#cccdcc}:host[theme=secondary][color=empty] i{color:#cccdcc}:host[theme=secondary][color=disabled]{color:#bebebe}:host[theme=secondary][color=disabled] i{color:#bebebe}:host[theme=secondary][color=background]{color:#f7f7f7}:host[theme=secondary][color=background] i{color:#f7f7f7}:host[theme=secondary][color=backgroundDark]{color:#e2e2e2}:host[theme=secondary][color=backgroundDark] i{color:#e2e2e2}:host[theme=secondary][color=presentation]{color:#5b6770}:host[theme=secondary][color=presentation] i{color:#5b6770}:host[theme=secondary][color=bullhorn]{color:#ff6900}:host[theme=secondary][color=bullhorn] i{color:#ff6900}:host[theme=secondary][color=pulse]{color:#3bafda}:host[theme=secondary][color=pulse] i{color:#3bafda}:host[theme=secondary][color=company]{color:#39d}:host[theme=secondary][color=company] i{color:#39d}:host[theme=secondary][color=candidate]{color:#4b7}:host[theme=secondary][color=candidate] i{color:#4b7}:host[theme=secondary][color=lead]{color:#a69}:host[theme=secondary][color=lead] i{color:#a69}:host[theme=secondary][color=contact]{color:#fa4}:host[theme=secondary][color=contact] i{color:#fa4}:host[theme=secondary][color=clientcontact]{color:#fa4}:host[theme=secondary][color=clientcontact] i{color:#fa4}:host[theme=secondary][color=opportunity]{color:#625}:host[theme=secondary][color=opportunity] i{color:#625}:host[theme=secondary][color=job]{color:#b56}:host[theme=secondary][color=job] i{color:#b56}:host[theme=secondary][color=joborder]{color:#b56}:host[theme=secondary][color=joborder] i{color:#b56}:host[theme=secondary][color=submission]{color:#a9adbb}:host[theme=secondary][color=submission] i{color:#a9adbb}:host[theme=secondary][color=sendout]{color:#747884}:host[theme=secondary][color=sendout] i{color:#747884}:host[theme=secondary][color=placement]{color:#0b344f}:host[theme=secondary][color=placement] i{color:#0b344f}:host[theme=secondary][color=note]{color:#747884}:host[theme=secondary][color=note] i{color:#747884}:host[theme=secondary][color=contract]{color:#454ea0}:host[theme=secondary][color=contract] i{color:#454ea0}:host[theme=secondary][color=jobCode]{color:#696d79}:host[theme=secondary][color=jobCode] i{color:#696d79}:host[theme=secondary][color=earnCode]{color:#696d79}:host[theme=secondary][color=earnCode] i{color:#696d79}:host[theme=secondary][color=invoiceStatement]{color:#696d79}:host[theme=secondary][color=invoiceStatement] i{color:#696d79}:host[theme=secondary][color=billableCharge]{color:#696d79}:host[theme=secondary][color=billableCharge] i{color:#696d79}:host[theme=secondary][color=payableCharge]{color:#696d79}:host[theme=secondary][color=payableCharge] i{color:#696d79}:host[theme=secondary][color=user]{color:#696d79}:host[theme=secondary][color=user] i{color:#696d79}:host[theme=secondary][color=corporateUser]{color:#696d79}:host[theme=secondary][color=corporateUser] i{color:#696d79}:host[theme=secondary][color=distributionList]{color:#696d79}:host[theme=secondary][color=distributionList] i{color:#696d79}:host[theme=secondary][color=credential]{color:#696d79}:host[theme=secondary][color=credential] i{color:#696d79}:host[theme=secondary][color=person]{color:#696d79}:host[theme=secondary][color=person] i{color:#696d79}:host[theme=secondary][color=black]{border:1px solid #000000}:host[theme=secondary][color=white]{border:1px solid #ffffff}:host[theme=secondary][color=gray]{border:1px solid #9e9e9e}:host[theme=secondary][color=grey]{border:1px solid #9e9e9e}:host[theme=secondary][color=offWhite]{border:1px solid #f7f7f7}:host[theme=secondary][color=bright]{border:1px solid #f7f7f7}:host[theme=secondary][color=light]{border:1px solid #dbdbdb}:host[theme=secondary][color=neutral]{border:1px solid #4f5361}:host[theme=secondary][color=dark]{border:1px solid #3d464d}:host[theme=secondary][color=orange]{border:1px solid #ff6900}:host[theme=secondary][color=navigation]{border:1px solid #202945}:host[theme=secondary][color=skyBlue]{border:1px solid #009bdf}:host[theme=secondary][color=steel]{border:1px solid #5b6770}:host[theme=secondary][color=metal]{border:1px solid #637893}:host[theme=secondary][color=sand]{border:1px solid #f4f4f4}:host[theme=secondary][color=silver]{border:1px solid #e2e2e2}:host[theme=secondary][color=stone]{border:1px solid #bebebe}:host[theme=secondary][color=ash]{border:1px solid #a0a0a0}:host[theme=secondary][color=slate]{border:1px solid #707070}:host[theme=secondary][color=onyx]{border:1px solid #526980}:host[theme=secondary][color=charcoal]{border:1px solid #282828}:host[theme=secondary][color=moonlight]{border:1px solid #1a242f}:host[theme=secondary][color=midnight]{border:1px solid #202945}:host[theme=secondary][color=darkness]{border:1px solid #161f27}:host[theme=secondary][color=navy]{border:1px solid #0d2d42}:host[theme=secondary][color=aqua]{border:1px solid #3bafda}:host[theme=secondary][color=ocean]{border:1px solid #4a89dc}:host[theme=secondary][color=mint]{border:1px solid #37bc9b}:host[theme=secondary][color=grass]{border:1px solid #8cc152}:host[theme=secondary][color=sunflower]{border:1px solid #f6b042}:host[theme=secondary][color=bittersweet]{border:1px solid #eb6845}:host[theme=secondary][color=grapefruit]{border:1px solid #da4453}:host[theme=secondary][color=carnation]{border:1px solid #d770ad}:host[theme=secondary][color=lavender]{border:1px solid #967adc}:host[theme=secondary][color=mountain]{border:1px solid #9678b6}:host[theme=secondary][color=info]{border:1px solid #4a89dc}:host[theme=secondary][color=positive]{border:1px solid #4a89dc}:host[theme=secondary][color=success]{border:1px solid #8cc152}:host[theme=secondary][color=negative]{border:1px solid #da4453}:host[theme=secondary][color=danger]{border:1px solid #da4453}:host[theme=secondary][color=error]{border:1px solid #da4453}:host[theme=secondary][color=warning]{border:1px solid #f6b042}:host[theme=secondary][color=empty]{border:1px solid #cccdcc}:host[theme=secondary][color=disabled]{border:1px solid #bebebe}:host[theme=secondary][color=background]{border:1px solid #f7f7f7}:host[theme=secondary][color=backgroundDark]{border:1px solid #e2e2e2}:host[theme=secondary][color=presentation]{border:1px solid #5b6770}:host[theme=secondary][color=bullhorn]{border:1px solid #ff6900}:host[theme=secondary][color=pulse]{border:1px solid #3bafda}:host[theme=secondary][color=company]{border:1px solid #3399dd}:host[theme=secondary][color=candidate]{border:1px solid #44bb77}:host[theme=secondary][color=lead]{border:1px solid #aa6699}:host[theme=secondary][color=contact]{border:1px solid #ffaa44}:host[theme=secondary][color=clientcontact]{border:1px solid #ffaa44}:host[theme=secondary][color=opportunity]{border:1px solid #662255}:host[theme=secondary][color=job]{border:1px solid #bb5566}:host[theme=secondary][color=joborder]{border:1px solid #bb5566}:host[theme=secondary][color=submission]{border:1px solid #a9adbb}:host[theme=secondary][color=sendout]{border:1px solid #747884}:host[theme=secondary][color=placement]{border:1px solid #0b344f}:host[theme=secondary][color=note]{border:1px solid #747884}:host[theme=secondary][color=contract]{border:1px solid #454ea0}:host[theme=secondary][color=jobCode]{border:1px solid #696d79}:host[theme=secondary][color=earnCode]{border:1px solid #696d79}:host[theme=secondary][color=invoiceStatement]{border:1px solid #696d79}:host[theme=secondary][color=billableCharge]{border:1px solid #696d79}:host[theme=secondary][color=payableCharge]{border:1px solid #696d79}:host[theme=secondary][color=user]{border:1px solid #696d79}:host[theme=secondary][color=corporateUser]{border:1px solid #696d79}:host[theme=secondary][color=distributionList]{border:1px solid #696d79}:host[theme=secondary][color=credential]{border:1px solid #696d79}:host[theme=secondary][color=person]{border:1px solid #696d79}:host[theme=secondary] i.loading{margin-left:.8rem}:host[theme=secondary] i.loading svg .spinner{fill:#4a89dc}:host[theme=secondary]:hover,:host[theme=secondary]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026;background:#ffffff}:host[theme=secondary]:active{box-shadow:0 1px 2px #00000026}:host[theme=secondary][inverse]{background:rgba(0,0,0,.25);color:#fff;border:1px solid #fff}:host[theme=secondary][inverse]:hover,:host[theme=secondary][inverse]:focus{background:rgba(0,0,0,.35)}:host[theme=secondary][inverse]:active{background:rgba(0,0,0,.45)}:host[theme=secondary][inverse] i.loading svg .spinner{fill:#fff}\n", ":host[theme=fab]{border-radius:50%!important;padding:0;font-size:1.2rem;width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center}:host[theme=fab][color=black]{color:#fff;background:#000000}:host[theme=fab][color=white]{color:#3d464d;background:#ffffff}:host[theme=fab][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=fab][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=fab][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=fab][color=neutral]{color:#fff;background:#4f5361}:host[theme=fab][color=dark]{color:#fff;background:#3d464d}:host[theme=fab][color=orange]{color:#3d464d;background:#ff6900}:host[theme=fab][color=navigation]{color:#fff;background:#202945}:host[theme=fab][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=fab][color=steel]{color:#fff;background:#5b6770}:host[theme=fab][color=metal]{color:#fff;background:#637893}:host[theme=fab][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=fab][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=fab][color=stone]{color:#3d464d;background:#bebebe}:host[theme=fab][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=fab][color=slate]{color:#fff;background:#707070}:host[theme=fab][color=onyx]{color:#fff;background:#526980}:host[theme=fab][color=charcoal]{color:#fff;background:#282828}:host[theme=fab][color=moonlight]{color:#fff;background:#1a242f}:host[theme=fab][color=midnight]{color:#fff;background:#202945}:host[theme=fab][color=darkness]{color:#fff;background:#161f27}:host[theme=fab][color=navy]{color:#fff;background:#0d2d42}:host[theme=fab][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=fab][color=ocean]{color:#fff;background:#4a89dc}:host[theme=fab][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=fab][color=grass]{color:#fff;background:#8cc152}:host[theme=fab][color=sunflower]{color:#fff;background:#f6b042}:host[theme=fab][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=fab][color=grapefruit]{color:#fff;background:#da4453}:host[theme=fab][color=carnation]{color:#fff;background:#d770ad}:host[theme=fab][color=lavender]{color:#fff;background:#967adc}:host[theme=fab][color=mountain]{color:#fff;background:#9678b6}:host[theme=fab][color=info]{color:#fff;background:#4a89dc}:host[theme=fab][color=positive]{color:#fff;background:#4a89dc}:host[theme=fab][color=success]{color:#fff;background:#8cc152}:host[theme=fab][color=negative]{color:#fff;background:#da4453}:host[theme=fab][color=danger]{color:#fff;background:#da4453}:host[theme=fab][color=error]{color:#fff;background:#da4453}:host[theme=fab][color=warning]{color:#fff;background:#f6b042}:host[theme=fab][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=fab][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=fab][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=fab][color=presentation]{color:#fff;background:#5b6770}:host[theme=fab][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=fab][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=fab][color=company]{color:#fff;background:#3399dd}:host[theme=fab][color=candidate]{color:#fff;background:#44bb77}:host[theme=fab][color=lead]{color:#fff;background:#aa6699}:host[theme=fab][color=contact]{color:#fff;background:#ffaa44}:host[theme=fab][color=clientcontact]{color:#fff;background:#ffaa44}:host[theme=fab][color=opportunity]{color:#fff;background:#662255}:host[theme=fab][color=job]{color:#fff;background:#bb5566}:host[theme=fab][color=joborder]{color:#fff;background:#bb5566}:host[theme=fab][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=fab][color=sendout]{color:#fff;background:#747884}:host[theme=fab][color=placement]{color:#fff;background:#0b344f}:host[theme=fab][color=note]{color:#fff;background:#747884}:host[theme=fab][color=contract]{color:#fff;background:#454ea0}:host[theme=fab][color=jobCode]{color:#fff;background:#696d79}:host[theme=fab][color=earnCode]{color:#fff;background:#696d79}:host[theme=fab][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=fab][color=billableCharge]{color:#fff;background:#696d79}:host[theme=fab][color=payableCharge]{color:#fff;background:#696d79}:host[theme=fab][color=user]{color:#fff;background:#696d79}:host[theme=fab][color=corporateUser]{color:#fff;background:#696d79}:host[theme=fab][color=distributionList]{color:#fff;background:#696d79}:host[theme=fab][color=credential]{color:#fff;background:#696d79}:host[theme=fab][color=person]{color:#fff;background:#696d79}:host[theme=fab][inverse]{color:#fff}:host[theme=fab]:focus,:host[theme=fab]:hover{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab]:active{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab] .button-contents{display:contents}:host[theme=fab] i{margin:0;padding:0}:host[theme=fab] i:before{display:block}\n", ":host[theme=icon]{padding:.5rem;font-size:1.4rem;height:2.4rem}:host[theme=icon][color=black]{color:#000}:host[theme=icon][color=black] i{color:#000}:host[theme=icon][color=white]{color:#fff}:host[theme=icon][color=white] i{color:#fff}:host[theme=icon][color=gray]{color:#9e9e9e}:host[theme=icon][color=gray] i{color:#9e9e9e}:host[theme=icon][color=grey]{color:#9e9e9e}:host[theme=icon][color=grey] i{color:#9e9e9e}:host[theme=icon][color=offWhite]{color:#f7f7f7}:host[theme=icon][color=offWhite] i{color:#f7f7f7}:host[theme=icon][color=bright]{color:#f7f7f7}:host[theme=icon][color=bright] i{color:#f7f7f7}:host[theme=icon][color=light]{color:#dbdbdb}:host[theme=icon][color=light] i{color:#dbdbdb}:host[theme=icon][color=neutral]{color:#4f5361}:host[theme=icon][color=neutral] i{color:#4f5361}:host[theme=icon][color=dark]{color:#3d464d}:host[theme=icon][color=dark] i{color:#3d464d}:host[theme=icon][color=orange]{color:#ff6900}:host[theme=icon][color=orange] i{color:#ff6900}:host[theme=icon][color=navigation]{color:#202945}:host[theme=icon][color=navigation] i{color:#202945}:host[theme=icon][color=skyBlue]{color:#009bdf}:host[theme=icon][color=skyBlue] i{color:#009bdf}:host[theme=icon][color=steel]{color:#5b6770}:host[theme=icon][color=steel] i{color:#5b6770}:host[theme=icon][color=metal]{color:#637893}:host[theme=icon][color=metal] i{color:#637893}:host[theme=icon][color=sand]{color:#f4f4f4}:host[theme=icon][color=sand] i{color:#f4f4f4}:host[theme=icon][color=silver]{color:#e2e2e2}:host[theme=icon][color=silver] i{color:#e2e2e2}:host[theme=icon][color=stone]{color:#bebebe}:host[theme=icon][color=stone] i{color:#bebebe}:host[theme=icon][color=ash]{color:#a0a0a0}:host[theme=icon][color=ash] i{color:#a0a0a0}:host[theme=icon][color=slate]{color:#707070}:host[theme=icon][color=slate] i{color:#707070}:host[theme=icon][color=onyx]{color:#526980}:host[theme=icon][color=onyx] i{color:#526980}:host[theme=icon][color=charcoal]{color:#282828}:host[theme=icon][color=charcoal] i{color:#282828}:host[theme=icon][color=moonlight]{color:#1a242f}:host[theme=icon][color=moonlight] i{color:#1a242f}:host[theme=icon][color=midnight]{color:#202945}:host[theme=icon][color=midnight] i{color:#202945}:host[theme=icon][color=darkness]{color:#161f27}:host[theme=icon][color=darkness] i{color:#161f27}:host[theme=icon][color=navy]{color:#0d2d42}:host[theme=icon][color=navy] i{color:#0d2d42}:host[theme=icon][color=aqua]{color:#3bafda}:host[theme=icon][color=aqua] i{color:#3bafda}:host[theme=icon][color=ocean]{color:#4a89dc}:host[theme=icon][color=ocean] i{color:#4a89dc}:host[theme=icon][color=mint]{color:#37bc9b}:host[theme=icon][color=mint] i{color:#37bc9b}:host[theme=icon][color=grass]{color:#8cc152}:host[theme=icon][color=grass] i{color:#8cc152}:host[theme=icon][color=sunflower]{color:#f6b042}:host[theme=icon][color=sunflower] i{color:#f6b042}:host[theme=icon][color=bittersweet]{color:#eb6845}:host[theme=icon][color=bittersweet] i{color:#eb6845}:host[theme=icon][color=grapefruit]{color:#da4453}:host[theme=icon][color=grapefruit] i{color:#da4453}:host[theme=icon][color=carnation]{color:#d770ad}:host[theme=icon][color=carnation] i{color:#d770ad}:host[theme=icon][color=lavender]{color:#967adc}:host[theme=icon][color=lavender] i{color:#967adc}:host[theme=icon][color=mountain]{color:#9678b6}:host[theme=icon][color=mountain] i{color:#9678b6}:host[theme=icon][color=info]{color:#4a89dc}:host[theme=icon][color=info] i{color:#4a89dc}:host[theme=icon][color=positive]{color:#4a89dc}:host[theme=icon][color=positive] i{color:#4a89dc}:host[theme=icon][color=success]{color:#8cc152}:host[theme=icon][color=success] i{color:#8cc152}:host[theme=icon][color=negative]{color:#da4453}:host[theme=icon][color=negative] i{color:#da4453}:host[theme=icon][color=danger]{color:#da4453}:host[theme=icon][color=danger] i{color:#da4453}:host[theme=icon][color=error]{color:#da4453}:host[theme=icon][color=error] i{color:#da4453}:host[theme=icon][color=warning]{color:#f6b042}:host[theme=icon][color=warning] i{color:#f6b042}:host[theme=icon][color=empty]{color:#cccdcc}:host[theme=icon][color=empty] i{color:#cccdcc}:host[theme=icon][color=disabled]{color:#bebebe}:host[theme=icon][color=disabled] i{color:#bebebe}:host[theme=icon][color=background]{color:#f7f7f7}:host[theme=icon][color=background] i{color:#f7f7f7}:host[theme=icon][color=backgroundDark]{color:#e2e2e2}:host[theme=icon][color=backgroundDark] i{color:#e2e2e2}:host[theme=icon][color=presentation]{color:#5b6770}:host[theme=icon][color=presentation] i{color:#5b6770}:host[theme=icon][color=bullhorn]{color:#ff6900}:host[theme=icon][color=bullhorn] i{color:#ff6900}:host[theme=icon][color=pulse]{color:#3bafda}:host[theme=icon][color=pulse] i{color:#3bafda}:host[theme=icon][color=company]{color:#39d}:host[theme=icon][color=company] i{color:#39d}:host[theme=icon][color=candidate]{color:#4b7}:host[theme=icon][color=candidate] i{color:#4b7}:host[theme=icon][color=lead]{color:#a69}:host[theme=icon][color=lead] i{color:#a69}:host[theme=icon][color=contact]{color:#fa4}:host[theme=icon][color=contact] i{color:#fa4}:host[theme=icon][color=clientcontact]{color:#fa4}:host[theme=icon][color=clientcontact] i{color:#fa4}:host[theme=icon][color=opportunity]{color:#625}:host[theme=icon][color=opportunity] i{color:#625}:host[theme=icon][color=job]{color:#b56}:host[theme=icon][color=job] i{color:#b56}:host[theme=icon][color=joborder]{color:#b56}:host[theme=icon][color=joborder] i{color:#b56}:host[theme=icon][color=submission]{color:#a9adbb}:host[theme=icon][color=submission] i{color:#a9adbb}:host[theme=icon][color=sendout]{color:#747884}:host[theme=icon][color=sendout] i{color:#747884}:host[theme=icon][color=placement]{color:#0b344f}:host[theme=icon][color=placement] i{color:#0b344f}:host[theme=icon][color=note]{color:#747884}:host[theme=icon][color=note] i{color:#747884}:host[theme=icon][color=contract]{color:#454ea0}:host[theme=icon][color=contract] i{color:#454ea0}:host[theme=icon][color=jobCode]{color:#696d79}:host[theme=icon][color=jobCode] i{color:#696d79}:host[theme=icon][color=earnCode]{color:#696d79}:host[theme=icon][color=earnCode] i{color:#696d79}:host[theme=icon][color=invoiceStatement]{color:#696d79}:host[theme=icon][color=invoiceStatement] i{color:#696d79}:host[theme=icon][color=billableCharge]{color:#696d79}:host[theme=icon][color=billableCharge] i{color:#696d79}:host[theme=icon][color=payableCharge]{color:#696d79}:host[theme=icon][color=payableCharge] i{color:#696d79}:host[theme=icon][color=user]{color:#696d79}:host[theme=icon][color=user] i{color:#696d79}:host[theme=icon][color=corporateUser]{color:#696d79}:host[theme=icon][color=corporateUser] i{color:#696d79}:host[theme=icon][color=distributionList]{color:#696d79}:host[theme=icon][color=distributionList] i{color:#696d79}:host[theme=icon][color=credential]{color:#696d79}:host[theme=icon][color=credential] i{color:#696d79}:host[theme=icon][color=person]{color:#696d79}:host[theme=icon][color=person] i{color:#696d79}:host[theme=icon][inverse]{color:#fff}:host[theme=icon] i{display:contents;margin:0!important}:host[theme=icon]:focus,:host[theme=icon]:hover{background:rgba(0,0,0,.1)}:host[theme=icon]:active{background:rgba(0,0,0,.25)}:host[theme=icon] .button-contents{display:contents}:host[theme=icon][size=small]{padding:.5rem;font-size:1.2rem;height:2rem}:host[theme=icon][size=large]{font-size:2rem;height:2.8rem;padding:1rem}\n", ":host[theme=dialogue]{background:transparent;color:#4a89dc}:host[theme=dialogue][color=black]{color:#000}:host[theme=dialogue][color=black] i{color:#000}:host[theme=dialogue][color=white]{color:#fff}:host[theme=dialogue][color=white] i{color:#fff}:host[theme=dialogue][color=gray]{color:#9e9e9e}:host[theme=dialogue][color=gray] i{color:#9e9e9e}:host[theme=dialogue][color=grey]{color:#9e9e9e}:host[theme=dialogue][color=grey] i{color:#9e9e9e}:host[theme=dialogue][color=offWhite]{color:#f7f7f7}:host[theme=dialogue][color=offWhite] i{color:#f7f7f7}:host[theme=dialogue][color=bright]{color:#f7f7f7}:host[theme=dialogue][color=bright] i{color:#f7f7f7}:host[theme=dialogue][color=light]{color:#dbdbdb}:host[theme=dialogue][color=light] i{color:#dbdbdb}:host[theme=dialogue][color=neutral]{color:#4f5361}:host[theme=dialogue][color=neutral] i{color:#4f5361}:host[theme=dialogue][color=dark]{color:#3d464d}:host[theme=dialogue][color=dark] i{color:#3d464d}:host[theme=dialogue][color=orange]{color:#ff6900}:host[theme=dialogue][color=orange] i{color:#ff6900}:host[theme=dialogue][color=navigation]{color:#202945}:host[theme=dialogue][color=navigation] i{color:#202945}:host[theme=dialogue][color=skyBlue]{color:#009bdf}:host[theme=dialogue][color=skyBlue] i{color:#009bdf}:host[theme=dialogue][color=steel]{color:#5b6770}:host[theme=dialogue][color=steel] i{color:#5b6770}:host[theme=dialogue][color=metal]{color:#637893}:host[theme=dialogue][color=metal] i{color:#637893}:host[theme=dialogue][color=sand]{color:#f4f4f4}:host[theme=dialogue][color=sand] i{color:#f4f4f4}:host[theme=dialogue][color=silver]{color:#e2e2e2}:host[theme=dialogue][color=silver] i{color:#e2e2e2}:host[theme=dialogue][color=stone]{color:#bebebe}:host[theme=dialogue][color=stone] i{color:#bebebe}:host[theme=dialogue][color=ash]{color:#a0a0a0}:host[theme=dialogue][color=ash] i{color:#a0a0a0}:host[theme=dialogue][color=slate]{color:#707070}:host[theme=dialogue][color=slate] i{color:#707070}:host[theme=dialogue][color=onyx]{color:#526980}:host[theme=dialogue][color=onyx] i{color:#526980}:host[theme=dialogue][color=charcoal]{color:#282828}:host[theme=dialogue][color=charcoal] i{color:#282828}:host[theme=dialogue][color=moonlight]{color:#1a242f}:host[theme=dialogue][color=moonlight] i{color:#1a242f}:host[theme=dialogue][color=midnight]{color:#202945}:host[theme=dialogue][color=midnight] i{color:#202945}:host[theme=dialogue][color=darkness]{color:#161f27}:host[theme=dialogue][color=darkness] i{color:#161f27}:host[theme=dialogue][color=navy]{color:#0d2d42}:host[theme=dialogue][color=navy] i{color:#0d2d42}:host[theme=dialogue][color=aqua]{color:#3bafda}:host[theme=dialogue][color=aqua] i{color:#3bafda}:host[theme=dialogue][color=ocean]{color:#4a89dc}:host[theme=dialogue][color=ocean] i{color:#4a89dc}:host[theme=dialogue][color=mint]{color:#37bc9b}:host[theme=dialogue][color=mint] i{color:#37bc9b}:host[theme=dialogue][color=grass]{color:#8cc152}:host[theme=dialogue][color=grass] i{color:#8cc152}:host[theme=dialogue][color=sunflower]{color:#f6b042}:host[theme=dialogue][color=sunflower] i{color:#f6b042}:host[theme=dialogue][color=bittersweet]{color:#eb6845}:host[theme=dialogue][color=bittersweet] i{color:#eb6845}:host[theme=dialogue][color=grapefruit]{color:#da4453}:host[theme=dialogue][color=grapefruit] i{color:#da4453}:host[theme=dialogue][color=carnation]{color:#d770ad}:host[theme=dialogue][color=carnation] i{color:#d770ad}:host[theme=dialogue][color=lavender]{color:#967adc}:host[theme=dialogue][color=lavender] i{color:#967adc}:host[theme=dialogue][color=mountain]{color:#9678b6}:host[theme=dialogue][color=mountain] i{color:#9678b6}:host[theme=dialogue][color=info]{color:#4a89dc}:host[theme=dialogue][color=info] i{color:#4a89dc}:host[theme=dialogue][color=positive]{color:#4a89dc}:host[theme=dialogue][color=positive] i{color:#4a89dc}:host[theme=dialogue][color=success]{color:#8cc152}:host[theme=dialogue][color=success] i{color:#8cc152}:host[theme=dialogue][color=negative]{color:#da4453}:host[theme=dialogue][color=negative] i{color:#da4453}:host[theme=dialogue][color=danger]{color:#da4453}:host[theme=dialogue][color=danger] i{color:#da4453}:host[theme=dialogue][color=error]{color:#da4453}:host[theme=dialogue][color=error] i{color:#da4453}:host[theme=dialogue][color=warning]{color:#f6b042}:host[theme=dialogue][color=warning] i{color:#f6b042}:host[theme=dialogue][color=empty]{color:#cccdcc}:host[theme=dialogue][color=empty] i{color:#cccdcc}:host[theme=dialogue][color=disabled]{color:#bebebe}:host[theme=dialogue][color=disabled] i{color:#bebebe}:host[theme=dialogue][color=background]{color:#f7f7f7}:host[theme=dialogue][color=background] i{color:#f7f7f7}:host[theme=dialogue][color=backgroundDark]{color:#e2e2e2}:host[theme=dialogue][color=backgroundDark] i{color:#e2e2e2}:host[theme=dialogue][color=presentation]{color:#5b6770}:host[theme=dialogue][color=presentation] i{color:#5b6770}:host[theme=dialogue][color=bullhorn]{color:#ff6900}:host[theme=dialogue][color=bullhorn] i{color:#ff6900}:host[theme=dialogue][color=pulse]{color:#3bafda}:host[theme=dialogue][color=pulse] i{color:#3bafda}:host[theme=dialogue][color=company]{color:#39d}:host[theme=dialogue][color=company] i{color:#39d}:host[theme=dialogue][color=candidate]{color:#4b7}:host[theme=dialogue][color=candidate] i{color:#4b7}:host[theme=dialogue][color=lead]{color:#a69}:host[theme=dialogue][color=lead] i{color:#a69}:host[theme=dialogue][color=contact]{color:#fa4}:host[theme=dialogue][color=contact] i{color:#fa4}:host[theme=dialogue][color=clientcontact]{color:#fa4}:host[theme=dialogue][color=clientcontact] i{color:#fa4}:host[theme=dialogue][color=opportunity]{color:#625}:host[theme=dialogue][color=opportunity] i{color:#625}:host[theme=dialogue][color=job]{color:#b56}:host[theme=dialogue][color=job] i{color:#b56}:host[theme=dialogue][color=joborder]{color:#b56}:host[theme=dialogue][color=joborder] i{color:#b56}:host[theme=dialogue][color=submission]{color:#a9adbb}:host[theme=dialogue][color=submission] i{color:#a9adbb}:host[theme=dialogue][color=sendout]{color:#747884}:host[theme=dialogue][color=sendout] i{color:#747884}:host[theme=dialogue][color=placement]{color:#0b344f}:host[theme=dialogue][color=placement] i{color:#0b344f}:host[theme=dialogue][color=note]{color:#747884}:host[theme=dialogue][color=note] i{color:#747884}:host[theme=dialogue][color=contract]{color:#454ea0}:host[theme=dialogue][color=contract] i{color:#454ea0}:host[theme=dialogue][color=jobCode]{color:#696d79}:host[theme=dialogue][color=jobCode] i{color:#696d79}:host[theme=dialogue][color=earnCode]{color:#696d79}:host[theme=dialogue][color=earnCode] i{color:#696d79}:host[theme=dialogue][color=invoiceStatement]{color:#696d79}:host[theme=dialogue][color=invoiceStatement] i{color:#696d79}:host[theme=dialogue][color=billableCharge]{color:#696d79}:host[theme=dialogue][color=billableCharge] i{color:#696d79}:host[theme=dialogue][color=payableCharge]{color:#696d79}:host[theme=dialogue][color=payableCharge] i{color:#696d79}:host[theme=dialogue][color=user]{color:#696d79}:host[theme=dialogue][color=user] i{color:#696d79}:host[theme=dialogue][color=corporateUser]{color:#696d79}:host[theme=dialogue][color=corporateUser] i{color:#696d79}:host[theme=dialogue][color=distributionList]{color:#696d79}:host[theme=dialogue][color=distributionList] i{color:#696d79}:host[theme=dialogue][color=credential]{color:#696d79}:host[theme=dialogue][color=credential] i{color:#696d79}:host[theme=dialogue][color=person]{color:#696d79}:host[theme=dialogue][color=person] i{color:#696d79}:host[theme=dialogue]:hover,:host[theme=dialogue]:focus{background:#ededed}:host[theme=dialogue]:active{background:#e0e0e0}:host[theme=dialogue][inverse]:hover,:host[theme=dialogue][inverse]:focus{background:rgba(0,0,0,.2)}:host[theme=dialogue][inverse]:active{background:rgba(0,0,0,.35)}\n", ":host[theme=field]{background:transparent;color:#3d464d;border:none;border-radius:0;border-bottom:1px solid var(--border);margin-bottom:4px;padding:.25rem .5rem;font-size:1.2rem;height:1.8rem;text-align:left}:host[theme=field]:hover,:host[theme=field]:focus,:host[theme=field]:active{border-bottom:1px solid var(--selection)}:host[theme=select]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text-main);padding:0 2px 0 0;height:2rem;min-height:2rem;position:relative;text-align:left;text-shadow:none;width:100%;z-index:1;text-transform:none;font-size:1.2rem;height:1.8rem}:host[theme=select].empty{color:var(--text-muted)}:host[theme=select]:focus,:host[theme=select]:hover{outline:none}:host[theme=select]:hover{border-bottom:1px solid #5f6d78}:host[theme=select]:hover i{opacity:.75}:host[theme=select]:focus{border-bottom:1px solid var(--selection)}:host[theme=select]:focus i{color:#000000ba}:host[theme=select] i{font-size:.8rem;color:var(--text-main);opacity:.45}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
78
78
  __decorate([
79
79
  BooleanInput(),
80
80
  __metadata("design:type", Boolean)
@@ -125,7 +125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
125
125
  />
126
126
  </svg>
127
127
  </i>
128
- `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;padding:0 1rem;font-size:var(--font-size-button);height:3rem;border:none;color:#3d464d;color:var(--text-main, #3d464d);background:transparent;border-radius:3px;text-transform:uppercase;transition:all .2s ease-in-out;gap:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-overflow:clip;white-space:nowrap;overflow:hidden;flex:0 0 auto}:host .button-contents{height:var(--font-size-button);display:inline-flex;align-items:center;line-height:1;font-size:inherit;color:inherit;text-transform:uppercase}:host i{height:var(--font-size-button);font-size:inherit;line-height:1}:host[size=small]{font-size:1rem;padding:0 1rem;height:2.4rem;gap:.5rem}:host[size=small] .button-contents,:host[size=small] i{height:1rem}:host[size=large]{font-size:1.6rem;padding:0 1.25rem;height:3.6rem;gap:1.25rem}:host[size=large] .button-contents,:host[size=large] i{height:1.6rem}:host:focus{outline:none}:host[disabled],:host.novo-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}:host[disabled=false]{opacity:1;cursor:pointer;pointer-events:auto}:host[loading=true]{opacity:.5;cursor:not-allowed;pointer-events:none}:host[loading=true] i.loading{display:flex;align-items:center;justify-content:center;-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite}:host[loading=true] i.loading svg{width:100%;height:100%;max-width:15px;max-height:15px}:host[loading=true] i.loading svg .spinner{fill:currentColor}@-webkit-keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n", ":host[theme=standard]{color:var(--button-text);background:var(--button-background)}:host[theme=standard][color=black]{color:#fff;background:#000000}:host[theme=standard][color=white]{color:#3d464d;background:#ffffff}:host[theme=standard][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=standard][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=standard][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=standard][color=neutral]{color:#fff;background:#4f5361}:host[theme=standard][color=dark]{color:#fff;background:#3d464d}:host[theme=standard][color=orange]{color:#3d464d;background:#ff6900}:host[theme=standard][color=navigation]{color:#fff;background:#202945}:host[theme=standard][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=standard][color=steel]{color:#fff;background:#5b6770}:host[theme=standard][color=metal]{color:#fff;background:#637893}:host[theme=standard][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=standard][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=standard][color=stone]{color:#3d464d;background:#bebebe}:host[theme=standard][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=standard][color=slate]{color:#fff;background:#707070}:host[theme=standard][color=onyx]{color:#fff;background:#526980}:host[theme=standard][color=charcoal]{color:#fff;background:#282828}:host[theme=standard][color=moonlight]{color:#fff;background:#1a242f}:host[theme=standard][color=midnight]{color:#fff;background:#202945}:host[theme=standard][color=darkness]{color:#fff;background:#161f27}:host[theme=standard][color=navy]{color:#fff;background:#0d2d42}:host[theme=standard][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=standard][color=ocean]{color:#fff;background:#4a89dc}:host[theme=standard][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=standard][color=grass]{color:#fff;background:#8cc152}:host[theme=standard][color=sunflower]{color:#fff;background:#f6b042}:host[theme=standard][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=standard][color=grapefruit]{color:#fff;background:#da4453}:host[theme=standard][color=carnation]{color:#fff;background:#d770ad}:host[theme=standard][color=lavender]{color:#fff;background:#967adc}:host[theme=standard][color=mountain]{color:#fff;background:#9678b6}:host[theme=standard][color=info]{color:#fff;background:#4a89dc}:host[theme=standard][color=positive]{color:#fff;background:#4a89dc}:host[theme=standard][color=success]{color:#fff;background:#8cc152}:host[theme=standard][color=negative]{color:#fff;background:#da4453}:host[theme=standard][color=danger]{color:#fff;background:#da4453}:host[theme=standard][color=error]{color:#fff;background:#da4453}:host[theme=standard][color=warning]{color:#fff;background:#f6b042}:host[theme=standard][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=standard][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=standard][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=standard][color=presentation]{color:#fff;background:#5b6770}:host[theme=standard][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=standard][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=standard][color=company]{color:#fff;background:#3399dd}:host[theme=standard][color=candidate]{color:#fff;background:#44bb77}:host[theme=standard][color=lead]{color:#fff;background:#aa6699}:host[theme=standard][color=contact]{color:#fff;background:#ffaa44}:host[theme=standard][color=clientcontact]{color:#fff;background:#ffaa44}:host[theme=standard][color=opportunity]{color:#fff;background:#662255}:host[theme=standard][color=job]{color:#fff;background:#bb5566}:host[theme=standard][color=joborder]{color:#fff;background:#bb5566}:host[theme=standard][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=standard][color=sendout]{color:#fff;background:#747884}:host[theme=standard][color=placement]{color:#fff;background:#0b344f}:host[theme=standard][color=note]{color:#fff;background:#747884}:host[theme=standard][color=contract]{color:#fff;background:#454ea0}:host[theme=standard][color=jobCode]{color:#fff;background:#696d79}:host[theme=standard][color=earnCode]{color:#fff;background:#696d79}:host[theme=standard][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=standard][color=billableCharge]{color:#fff;background:#696d79}:host[theme=standard][color=payableCharge]{color:#fff;background:#696d79}:host[theme=standard][color=user]{color:#fff;background:#696d79}:host[theme=standard][color=corporateUser]{color:#fff;background:#696d79}:host[theme=standard][color=distributionList]{color:#fff;background:#696d79}:host[theme=standard][color=credential]{color:#fff;background:#696d79}:host[theme=standard][color=person]{color:#fff;background:#696d79}:host[theme=standard]:hover,:host[theme=standard]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026}:host[theme=standard]:active{box-shadow:0 1px 2px #00000026}\n", ":host[theme=primary]{background:#4a89dc;color:#fff;text-align:left}:host[theme=primary][color=black]{color:#fff;background:#000000}:host[theme=primary][color=white]{color:#3d464d;background:#ffffff}:host[theme=primary][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=primary][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=primary][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=primary][color=neutral]{color:#fff;background:#4f5361}:host[theme=primary][color=dark]{color:#fff;background:#3d464d}:host[theme=primary][color=orange]{color:#3d464d;background:#ff6900}:host[theme=primary][color=navigation]{color:#fff;background:#202945}:host[theme=primary][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=primary][color=steel]{color:#fff;background:#5b6770}:host[theme=primary][color=metal]{color:#fff;background:#637893}:host[theme=primary][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=primary][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=primary][color=stone]{color:#3d464d;background:#bebebe}:host[theme=primary][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=primary][color=slate]{color:#fff;background:#707070}:host[theme=primary][color=onyx]{color:#fff;background:#526980}:host[theme=primary][color=charcoal]{color:#fff;background:#282828}:host[theme=primary][color=moonlight]{color:#fff;background:#1a242f}:host[theme=primary][color=midnight]{color:#fff;background:#202945}:host[theme=primary][color=darkness]{color:#fff;background:#161f27}:host[theme=primary][color=navy]{color:#fff;background:#0d2d42}:host[theme=primary][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=primary][color=ocean]{color:#fff;background:#4a89dc}:host[theme=primary][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=primary][color=grass]{color:#fff;background:#8cc152}:host[theme=primary][color=sunflower]{color:#fff;background:#f6b042}:host[theme=primary][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=primary][color=grapefruit]{color:#fff;background:#da4453}:host[theme=primary][color=carnation]{color:#fff;background:#d770ad}:host[theme=primary][color=lavender]{color:#fff;background:#967adc}:host[theme=primary][color=mountain]{color:#fff;background:#9678b6}:host[theme=primary][color=info]{color:#fff;background:#4a89dc}:host[theme=primary][color=positive]{color:#fff;background:#4a89dc}:host[theme=primary][color=success]{color:#fff;background:#8cc152}:host[theme=primary][color=negative]{color:#fff;background:#da4453}:host[theme=primary][color=danger]{color:#fff;background:#da4453}:host[theme=primary][color=error]{color:#fff;background:#da4453}:host[theme=primary][color=warning]{color:#fff;background:#f6b042}:host[theme=primary][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=primary][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=primary][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=primary][color=presentation]{color:#fff;background:#5b6770}:host[theme=primary][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=primary][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=primary][color=company]{color:#fff;background:#3399dd}:host[theme=primary][color=candidate]{color:#fff;background:#44bb77}:host[theme=primary][color=lead]{color:#fff;background:#aa6699}:host[theme=primary][color=contact]{color:#fff;background:#ffaa44}:host[theme=primary][color=clientcontact]{color:#fff;background:#ffaa44}:host[theme=primary][color=opportunity]{color:#fff;background:#662255}:host[theme=primary][color=job]{color:#fff;background:#bb5566}:host[theme=primary][color=joborder]{color:#fff;background:#bb5566}:host[theme=primary][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=primary][color=sendout]{color:#fff;background:#747884}:host[theme=primary][color=placement]{color:#fff;background:#0b344f}:host[theme=primary][color=note]{color:#fff;background:#747884}:host[theme=primary][color=contract]{color:#fff;background:#454ea0}:host[theme=primary][color=jobCode]{color:#fff;background:#696d79}:host[theme=primary][color=earnCode]{color:#fff;background:#696d79}:host[theme=primary][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=primary][color=billableCharge]{color:#fff;background:#696d79}:host[theme=primary][color=payableCharge]{color:#fff;background:#696d79}:host[theme=primary][color=user]{color:#fff;background:#696d79}:host[theme=primary][color=corporateUser]{color:#fff;background:#696d79}:host[theme=primary][color=distributionList]{color:#fff;background:#696d79}:host[theme=primary][color=credential]{color:#fff;background:#696d79}:host[theme=primary][color=person]{color:#fff;background:#696d79}:host[theme=primary]:hover,:host[theme=primary]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026;filter:brightness(1.15)}:host[theme=primary]:active{filter:brightness(.85);box-shadow:0 1px 2px #00000026}:host[theme=primary][color=white]{background:#ffffff;color:#4a89dc}:host[theme=primary][color=white]:hover,:host[theme=primary][color=white]:focus{background:#f7f7f7}:host[theme=primary][color=white]:active{background:#eaeaea}:host[theme=primary][color=white] i{background:rgba(0,0,0,.05)}:host[theme=primary][size=large] i{margin-left:3px}\n", ":host[theme=secondary]{text-align:left;align-items:center;background:#ffffff;color:#4a89dc;border:1px solid #4a89dc;padding:0 calc(1rem - 1px)}:host[theme=secondary][color=black]{color:#000}:host[theme=secondary][color=black] i{color:#000}:host[theme=secondary][color=white]{color:#fff}:host[theme=secondary][color=white] i{color:#fff}:host[theme=secondary][color=gray]{color:#9e9e9e}:host[theme=secondary][color=gray] i{color:#9e9e9e}:host[theme=secondary][color=grey]{color:#9e9e9e}:host[theme=secondary][color=grey] i{color:#9e9e9e}:host[theme=secondary][color=offWhite]{color:#f7f7f7}:host[theme=secondary][color=offWhite] i{color:#f7f7f7}:host[theme=secondary][color=bright]{color:#f7f7f7}:host[theme=secondary][color=bright] i{color:#f7f7f7}:host[theme=secondary][color=light]{color:#dbdbdb}:host[theme=secondary][color=light] i{color:#dbdbdb}:host[theme=secondary][color=neutral]{color:#4f5361}:host[theme=secondary][color=neutral] i{color:#4f5361}:host[theme=secondary][color=dark]{color:#3d464d}:host[theme=secondary][color=dark] i{color:#3d464d}:host[theme=secondary][color=orange]{color:#ff6900}:host[theme=secondary][color=orange] i{color:#ff6900}:host[theme=secondary][color=navigation]{color:#202945}:host[theme=secondary][color=navigation] i{color:#202945}:host[theme=secondary][color=skyBlue]{color:#009bdf}:host[theme=secondary][color=skyBlue] i{color:#009bdf}:host[theme=secondary][color=steel]{color:#5b6770}:host[theme=secondary][color=steel] i{color:#5b6770}:host[theme=secondary][color=metal]{color:#637893}:host[theme=secondary][color=metal] i{color:#637893}:host[theme=secondary][color=sand]{color:#f4f4f4}:host[theme=secondary][color=sand] i{color:#f4f4f4}:host[theme=secondary][color=silver]{color:#e2e2e2}:host[theme=secondary][color=silver] i{color:#e2e2e2}:host[theme=secondary][color=stone]{color:#bebebe}:host[theme=secondary][color=stone] i{color:#bebebe}:host[theme=secondary][color=ash]{color:#a0a0a0}:host[theme=secondary][color=ash] i{color:#a0a0a0}:host[theme=secondary][color=slate]{color:#707070}:host[theme=secondary][color=slate] i{color:#707070}:host[theme=secondary][color=onyx]{color:#526980}:host[theme=secondary][color=onyx] i{color:#526980}:host[theme=secondary][color=charcoal]{color:#282828}:host[theme=secondary][color=charcoal] i{color:#282828}:host[theme=secondary][color=moonlight]{color:#1a242f}:host[theme=secondary][color=moonlight] i{color:#1a242f}:host[theme=secondary][color=midnight]{color:#202945}:host[theme=secondary][color=midnight] i{color:#202945}:host[theme=secondary][color=darkness]{color:#161f27}:host[theme=secondary][color=darkness] i{color:#161f27}:host[theme=secondary][color=navy]{color:#0d2d42}:host[theme=secondary][color=navy] i{color:#0d2d42}:host[theme=secondary][color=aqua]{color:#3bafda}:host[theme=secondary][color=aqua] i{color:#3bafda}:host[theme=secondary][color=ocean]{color:#4a89dc}:host[theme=secondary][color=ocean] i{color:#4a89dc}:host[theme=secondary][color=mint]{color:#37bc9b}:host[theme=secondary][color=mint] i{color:#37bc9b}:host[theme=secondary][color=grass]{color:#8cc152}:host[theme=secondary][color=grass] i{color:#8cc152}:host[theme=secondary][color=sunflower]{color:#f6b042}:host[theme=secondary][color=sunflower] i{color:#f6b042}:host[theme=secondary][color=bittersweet]{color:#eb6845}:host[theme=secondary][color=bittersweet] i{color:#eb6845}:host[theme=secondary][color=grapefruit]{color:#da4453}:host[theme=secondary][color=grapefruit] i{color:#da4453}:host[theme=secondary][color=carnation]{color:#d770ad}:host[theme=secondary][color=carnation] i{color:#d770ad}:host[theme=secondary][color=lavender]{color:#967adc}:host[theme=secondary][color=lavender] i{color:#967adc}:host[theme=secondary][color=mountain]{color:#9678b6}:host[theme=secondary][color=mountain] i{color:#9678b6}:host[theme=secondary][color=info]{color:#4a89dc}:host[theme=secondary][color=info] i{color:#4a89dc}:host[theme=secondary][color=positive]{color:#4a89dc}:host[theme=secondary][color=positive] i{color:#4a89dc}:host[theme=secondary][color=success]{color:#8cc152}:host[theme=secondary][color=success] i{color:#8cc152}:host[theme=secondary][color=negative]{color:#da4453}:host[theme=secondary][color=negative] i{color:#da4453}:host[theme=secondary][color=danger]{color:#da4453}:host[theme=secondary][color=danger] i{color:#da4453}:host[theme=secondary][color=error]{color:#da4453}:host[theme=secondary][color=error] i{color:#da4453}:host[theme=secondary][color=warning]{color:#f6b042}:host[theme=secondary][color=warning] i{color:#f6b042}:host[theme=secondary][color=empty]{color:#cccdcc}:host[theme=secondary][color=empty] i{color:#cccdcc}:host[theme=secondary][color=disabled]{color:#bebebe}:host[theme=secondary][color=disabled] i{color:#bebebe}:host[theme=secondary][color=background]{color:#f7f7f7}:host[theme=secondary][color=background] i{color:#f7f7f7}:host[theme=secondary][color=backgroundDark]{color:#e2e2e2}:host[theme=secondary][color=backgroundDark] i{color:#e2e2e2}:host[theme=secondary][color=presentation]{color:#5b6770}:host[theme=secondary][color=presentation] i{color:#5b6770}:host[theme=secondary][color=bullhorn]{color:#ff6900}:host[theme=secondary][color=bullhorn] i{color:#ff6900}:host[theme=secondary][color=pulse]{color:#3bafda}:host[theme=secondary][color=pulse] i{color:#3bafda}:host[theme=secondary][color=company]{color:#39d}:host[theme=secondary][color=company] i{color:#39d}:host[theme=secondary][color=candidate]{color:#4b7}:host[theme=secondary][color=candidate] i{color:#4b7}:host[theme=secondary][color=lead]{color:#a69}:host[theme=secondary][color=lead] i{color:#a69}:host[theme=secondary][color=contact]{color:#fa4}:host[theme=secondary][color=contact] i{color:#fa4}:host[theme=secondary][color=clientcontact]{color:#fa4}:host[theme=secondary][color=clientcontact] i{color:#fa4}:host[theme=secondary][color=opportunity]{color:#625}:host[theme=secondary][color=opportunity] i{color:#625}:host[theme=secondary][color=job]{color:#b56}:host[theme=secondary][color=job] i{color:#b56}:host[theme=secondary][color=joborder]{color:#b56}:host[theme=secondary][color=joborder] i{color:#b56}:host[theme=secondary][color=submission]{color:#a9adbb}:host[theme=secondary][color=submission] i{color:#a9adbb}:host[theme=secondary][color=sendout]{color:#747884}:host[theme=secondary][color=sendout] i{color:#747884}:host[theme=secondary][color=placement]{color:#0b344f}:host[theme=secondary][color=placement] i{color:#0b344f}:host[theme=secondary][color=note]{color:#747884}:host[theme=secondary][color=note] i{color:#747884}:host[theme=secondary][color=contract]{color:#454ea0}:host[theme=secondary][color=contract] i{color:#454ea0}:host[theme=secondary][color=jobCode]{color:#696d79}:host[theme=secondary][color=jobCode] i{color:#696d79}:host[theme=secondary][color=earnCode]{color:#696d79}:host[theme=secondary][color=earnCode] i{color:#696d79}:host[theme=secondary][color=invoiceStatement]{color:#696d79}:host[theme=secondary][color=invoiceStatement] i{color:#696d79}:host[theme=secondary][color=billableCharge]{color:#696d79}:host[theme=secondary][color=billableCharge] i{color:#696d79}:host[theme=secondary][color=payableCharge]{color:#696d79}:host[theme=secondary][color=payableCharge] i{color:#696d79}:host[theme=secondary][color=user]{color:#696d79}:host[theme=secondary][color=user] i{color:#696d79}:host[theme=secondary][color=corporateUser]{color:#696d79}:host[theme=secondary][color=corporateUser] i{color:#696d79}:host[theme=secondary][color=distributionList]{color:#696d79}:host[theme=secondary][color=distributionList] i{color:#696d79}:host[theme=secondary][color=credential]{color:#696d79}:host[theme=secondary][color=credential] i{color:#696d79}:host[theme=secondary][color=person]{color:#696d79}:host[theme=secondary][color=person] i{color:#696d79}:host[theme=secondary][color=black]{border:1px solid #000000}:host[theme=secondary][color=white]{border:1px solid #ffffff}:host[theme=secondary][color=gray]{border:1px solid #9e9e9e}:host[theme=secondary][color=grey]{border:1px solid #9e9e9e}:host[theme=secondary][color=offWhite]{border:1px solid #f7f7f7}:host[theme=secondary][color=bright]{border:1px solid #f7f7f7}:host[theme=secondary][color=light]{border:1px solid #dbdbdb}:host[theme=secondary][color=neutral]{border:1px solid #4f5361}:host[theme=secondary][color=dark]{border:1px solid #3d464d}:host[theme=secondary][color=orange]{border:1px solid #ff6900}:host[theme=secondary][color=navigation]{border:1px solid #202945}:host[theme=secondary][color=skyBlue]{border:1px solid #009bdf}:host[theme=secondary][color=steel]{border:1px solid #5b6770}:host[theme=secondary][color=metal]{border:1px solid #637893}:host[theme=secondary][color=sand]{border:1px solid #f4f4f4}:host[theme=secondary][color=silver]{border:1px solid #e2e2e2}:host[theme=secondary][color=stone]{border:1px solid #bebebe}:host[theme=secondary][color=ash]{border:1px solid #a0a0a0}:host[theme=secondary][color=slate]{border:1px solid #707070}:host[theme=secondary][color=onyx]{border:1px solid #526980}:host[theme=secondary][color=charcoal]{border:1px solid #282828}:host[theme=secondary][color=moonlight]{border:1px solid #1a242f}:host[theme=secondary][color=midnight]{border:1px solid #202945}:host[theme=secondary][color=darkness]{border:1px solid #161f27}:host[theme=secondary][color=navy]{border:1px solid #0d2d42}:host[theme=secondary][color=aqua]{border:1px solid #3bafda}:host[theme=secondary][color=ocean]{border:1px solid #4a89dc}:host[theme=secondary][color=mint]{border:1px solid #37bc9b}:host[theme=secondary][color=grass]{border:1px solid #8cc152}:host[theme=secondary][color=sunflower]{border:1px solid #f6b042}:host[theme=secondary][color=bittersweet]{border:1px solid #eb6845}:host[theme=secondary][color=grapefruit]{border:1px solid #da4453}:host[theme=secondary][color=carnation]{border:1px solid #d770ad}:host[theme=secondary][color=lavender]{border:1px solid #967adc}:host[theme=secondary][color=mountain]{border:1px solid #9678b6}:host[theme=secondary][color=info]{border:1px solid #4a89dc}:host[theme=secondary][color=positive]{border:1px solid #4a89dc}:host[theme=secondary][color=success]{border:1px solid #8cc152}:host[theme=secondary][color=negative]{border:1px solid #da4453}:host[theme=secondary][color=danger]{border:1px solid #da4453}:host[theme=secondary][color=error]{border:1px solid #da4453}:host[theme=secondary][color=warning]{border:1px solid #f6b042}:host[theme=secondary][color=empty]{border:1px solid #cccdcc}:host[theme=secondary][color=disabled]{border:1px solid #bebebe}:host[theme=secondary][color=background]{border:1px solid #f7f7f7}:host[theme=secondary][color=backgroundDark]{border:1px solid #e2e2e2}:host[theme=secondary][color=presentation]{border:1px solid #5b6770}:host[theme=secondary][color=bullhorn]{border:1px solid #ff6900}:host[theme=secondary][color=pulse]{border:1px solid #3bafda}:host[theme=secondary][color=company]{border:1px solid #3399dd}:host[theme=secondary][color=candidate]{border:1px solid #44bb77}:host[theme=secondary][color=lead]{border:1px solid #aa6699}:host[theme=secondary][color=contact]{border:1px solid #ffaa44}:host[theme=secondary][color=clientcontact]{border:1px solid #ffaa44}:host[theme=secondary][color=opportunity]{border:1px solid #662255}:host[theme=secondary][color=job]{border:1px solid #bb5566}:host[theme=secondary][color=joborder]{border:1px solid #bb5566}:host[theme=secondary][color=submission]{border:1px solid #a9adbb}:host[theme=secondary][color=sendout]{border:1px solid #747884}:host[theme=secondary][color=placement]{border:1px solid #0b344f}:host[theme=secondary][color=note]{border:1px solid #747884}:host[theme=secondary][color=contract]{border:1px solid #454ea0}:host[theme=secondary][color=jobCode]{border:1px solid #696d79}:host[theme=secondary][color=earnCode]{border:1px solid #696d79}:host[theme=secondary][color=invoiceStatement]{border:1px solid #696d79}:host[theme=secondary][color=billableCharge]{border:1px solid #696d79}:host[theme=secondary][color=payableCharge]{border:1px solid #696d79}:host[theme=secondary][color=user]{border:1px solid #696d79}:host[theme=secondary][color=corporateUser]{border:1px solid #696d79}:host[theme=secondary][color=distributionList]{border:1px solid #696d79}:host[theme=secondary][color=credential]{border:1px solid #696d79}:host[theme=secondary][color=person]{border:1px solid #696d79}:host[theme=secondary] i.loading{margin-left:.8rem}:host[theme=secondary] i.loading svg .spinner{fill:#4a89dc}:host[theme=secondary]:hover,:host[theme=secondary]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026;background:#ffffff}:host[theme=secondary]:active{box-shadow:0 1px 2px #00000026}:host[theme=secondary][inverse]{background:rgba(0,0,0,.25);color:#fff;border:1px solid #fff}:host[theme=secondary][inverse]:hover,:host[theme=secondary][inverse]:focus{background:rgba(0,0,0,.35)}:host[theme=secondary][inverse]:active{background:rgba(0,0,0,.45)}:host[theme=secondary][inverse] i.loading svg .spinner{fill:#fff}\n", ":host[theme=fab]{border-radius:50%!important;padding:0;font-size:1.2rem;width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center}:host[theme=fab][color=black]{color:#fff;background:#000000}:host[theme=fab][color=white]{color:#3d464d;background:#ffffff}:host[theme=fab][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=fab][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=fab][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=fab][color=neutral]{color:#fff;background:#4f5361}:host[theme=fab][color=dark]{color:#fff;background:#3d464d}:host[theme=fab][color=orange]{color:#3d464d;background:#ff6900}:host[theme=fab][color=navigation]{color:#fff;background:#202945}:host[theme=fab][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=fab][color=steel]{color:#fff;background:#5b6770}:host[theme=fab][color=metal]{color:#fff;background:#637893}:host[theme=fab][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=fab][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=fab][color=stone]{color:#3d464d;background:#bebebe}:host[theme=fab][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=fab][color=slate]{color:#fff;background:#707070}:host[theme=fab][color=onyx]{color:#fff;background:#526980}:host[theme=fab][color=charcoal]{color:#fff;background:#282828}:host[theme=fab][color=moonlight]{color:#fff;background:#1a242f}:host[theme=fab][color=midnight]{color:#fff;background:#202945}:host[theme=fab][color=darkness]{color:#fff;background:#161f27}:host[theme=fab][color=navy]{color:#fff;background:#0d2d42}:host[theme=fab][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=fab][color=ocean]{color:#fff;background:#4a89dc}:host[theme=fab][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=fab][color=grass]{color:#fff;background:#8cc152}:host[theme=fab][color=sunflower]{color:#fff;background:#f6b042}:host[theme=fab][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=fab][color=grapefruit]{color:#fff;background:#da4453}:host[theme=fab][color=carnation]{color:#fff;background:#d770ad}:host[theme=fab][color=lavender]{color:#fff;background:#967adc}:host[theme=fab][color=mountain]{color:#fff;background:#9678b6}:host[theme=fab][color=info]{color:#fff;background:#4a89dc}:host[theme=fab][color=positive]{color:#fff;background:#4a89dc}:host[theme=fab][color=success]{color:#fff;background:#8cc152}:host[theme=fab][color=negative]{color:#fff;background:#da4453}:host[theme=fab][color=danger]{color:#fff;background:#da4453}:host[theme=fab][color=error]{color:#fff;background:#da4453}:host[theme=fab][color=warning]{color:#fff;background:#f6b042}:host[theme=fab][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=fab][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=fab][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=fab][color=presentation]{color:#fff;background:#5b6770}:host[theme=fab][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=fab][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=fab][color=company]{color:#fff;background:#3399dd}:host[theme=fab][color=candidate]{color:#fff;background:#44bb77}:host[theme=fab][color=lead]{color:#fff;background:#aa6699}:host[theme=fab][color=contact]{color:#fff;background:#ffaa44}:host[theme=fab][color=clientcontact]{color:#fff;background:#ffaa44}:host[theme=fab][color=opportunity]{color:#fff;background:#662255}:host[theme=fab][color=job]{color:#fff;background:#bb5566}:host[theme=fab][color=joborder]{color:#fff;background:#bb5566}:host[theme=fab][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=fab][color=sendout]{color:#fff;background:#747884}:host[theme=fab][color=placement]{color:#fff;background:#0b344f}:host[theme=fab][color=note]{color:#fff;background:#747884}:host[theme=fab][color=contract]{color:#fff;background:#454ea0}:host[theme=fab][color=jobCode]{color:#fff;background:#696d79}:host[theme=fab][color=earnCode]{color:#fff;background:#696d79}:host[theme=fab][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=fab][color=billableCharge]{color:#fff;background:#696d79}:host[theme=fab][color=payableCharge]{color:#fff;background:#696d79}:host[theme=fab][color=user]{color:#fff;background:#696d79}:host[theme=fab][color=corporateUser]{color:#fff;background:#696d79}:host[theme=fab][color=distributionList]{color:#fff;background:#696d79}:host[theme=fab][color=credential]{color:#fff;background:#696d79}:host[theme=fab][color=person]{color:#fff;background:#696d79}:host[theme=fab][inverse]{color:#fff}:host[theme=fab]:focus,:host[theme=fab]:hover{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab]:active{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab] .button-contents{display:contents}:host[theme=fab] i{margin:0;padding:0}:host[theme=fab] i:before{display:block}\n", ":host[theme=icon]{padding:.5rem;font-size:1.4rem;height:2.4rem}:host[theme=icon][color=black]{color:#000}:host[theme=icon][color=black] i{color:#000}:host[theme=icon][color=white]{color:#fff}:host[theme=icon][color=white] i{color:#fff}:host[theme=icon][color=gray]{color:#9e9e9e}:host[theme=icon][color=gray] i{color:#9e9e9e}:host[theme=icon][color=grey]{color:#9e9e9e}:host[theme=icon][color=grey] i{color:#9e9e9e}:host[theme=icon][color=offWhite]{color:#f7f7f7}:host[theme=icon][color=offWhite] i{color:#f7f7f7}:host[theme=icon][color=bright]{color:#f7f7f7}:host[theme=icon][color=bright] i{color:#f7f7f7}:host[theme=icon][color=light]{color:#dbdbdb}:host[theme=icon][color=light] i{color:#dbdbdb}:host[theme=icon][color=neutral]{color:#4f5361}:host[theme=icon][color=neutral] i{color:#4f5361}:host[theme=icon][color=dark]{color:#3d464d}:host[theme=icon][color=dark] i{color:#3d464d}:host[theme=icon][color=orange]{color:#ff6900}:host[theme=icon][color=orange] i{color:#ff6900}:host[theme=icon][color=navigation]{color:#202945}:host[theme=icon][color=navigation] i{color:#202945}:host[theme=icon][color=skyBlue]{color:#009bdf}:host[theme=icon][color=skyBlue] i{color:#009bdf}:host[theme=icon][color=steel]{color:#5b6770}:host[theme=icon][color=steel] i{color:#5b6770}:host[theme=icon][color=metal]{color:#637893}:host[theme=icon][color=metal] i{color:#637893}:host[theme=icon][color=sand]{color:#f4f4f4}:host[theme=icon][color=sand] i{color:#f4f4f4}:host[theme=icon][color=silver]{color:#e2e2e2}:host[theme=icon][color=silver] i{color:#e2e2e2}:host[theme=icon][color=stone]{color:#bebebe}:host[theme=icon][color=stone] i{color:#bebebe}:host[theme=icon][color=ash]{color:#a0a0a0}:host[theme=icon][color=ash] i{color:#a0a0a0}:host[theme=icon][color=slate]{color:#707070}:host[theme=icon][color=slate] i{color:#707070}:host[theme=icon][color=onyx]{color:#526980}:host[theme=icon][color=onyx] i{color:#526980}:host[theme=icon][color=charcoal]{color:#282828}:host[theme=icon][color=charcoal] i{color:#282828}:host[theme=icon][color=moonlight]{color:#1a242f}:host[theme=icon][color=moonlight] i{color:#1a242f}:host[theme=icon][color=midnight]{color:#202945}:host[theme=icon][color=midnight] i{color:#202945}:host[theme=icon][color=darkness]{color:#161f27}:host[theme=icon][color=darkness] i{color:#161f27}:host[theme=icon][color=navy]{color:#0d2d42}:host[theme=icon][color=navy] i{color:#0d2d42}:host[theme=icon][color=aqua]{color:#3bafda}:host[theme=icon][color=aqua] i{color:#3bafda}:host[theme=icon][color=ocean]{color:#4a89dc}:host[theme=icon][color=ocean] i{color:#4a89dc}:host[theme=icon][color=mint]{color:#37bc9b}:host[theme=icon][color=mint] i{color:#37bc9b}:host[theme=icon][color=grass]{color:#8cc152}:host[theme=icon][color=grass] i{color:#8cc152}:host[theme=icon][color=sunflower]{color:#f6b042}:host[theme=icon][color=sunflower] i{color:#f6b042}:host[theme=icon][color=bittersweet]{color:#eb6845}:host[theme=icon][color=bittersweet] i{color:#eb6845}:host[theme=icon][color=grapefruit]{color:#da4453}:host[theme=icon][color=grapefruit] i{color:#da4453}:host[theme=icon][color=carnation]{color:#d770ad}:host[theme=icon][color=carnation] i{color:#d770ad}:host[theme=icon][color=lavender]{color:#967adc}:host[theme=icon][color=lavender] i{color:#967adc}:host[theme=icon][color=mountain]{color:#9678b6}:host[theme=icon][color=mountain] i{color:#9678b6}:host[theme=icon][color=info]{color:#4a89dc}:host[theme=icon][color=info] i{color:#4a89dc}:host[theme=icon][color=positive]{color:#4a89dc}:host[theme=icon][color=positive] i{color:#4a89dc}:host[theme=icon][color=success]{color:#8cc152}:host[theme=icon][color=success] i{color:#8cc152}:host[theme=icon][color=negative]{color:#da4453}:host[theme=icon][color=negative] i{color:#da4453}:host[theme=icon][color=danger]{color:#da4453}:host[theme=icon][color=danger] i{color:#da4453}:host[theme=icon][color=error]{color:#da4453}:host[theme=icon][color=error] i{color:#da4453}:host[theme=icon][color=warning]{color:#f6b042}:host[theme=icon][color=warning] i{color:#f6b042}:host[theme=icon][color=empty]{color:#cccdcc}:host[theme=icon][color=empty] i{color:#cccdcc}:host[theme=icon][color=disabled]{color:#bebebe}:host[theme=icon][color=disabled] i{color:#bebebe}:host[theme=icon][color=background]{color:#f7f7f7}:host[theme=icon][color=background] i{color:#f7f7f7}:host[theme=icon][color=backgroundDark]{color:#e2e2e2}:host[theme=icon][color=backgroundDark] i{color:#e2e2e2}:host[theme=icon][color=presentation]{color:#5b6770}:host[theme=icon][color=presentation] i{color:#5b6770}:host[theme=icon][color=bullhorn]{color:#ff6900}:host[theme=icon][color=bullhorn] i{color:#ff6900}:host[theme=icon][color=pulse]{color:#3bafda}:host[theme=icon][color=pulse] i{color:#3bafda}:host[theme=icon][color=company]{color:#39d}:host[theme=icon][color=company] i{color:#39d}:host[theme=icon][color=candidate]{color:#4b7}:host[theme=icon][color=candidate] i{color:#4b7}:host[theme=icon][color=lead]{color:#a69}:host[theme=icon][color=lead] i{color:#a69}:host[theme=icon][color=contact]{color:#fa4}:host[theme=icon][color=contact] i{color:#fa4}:host[theme=icon][color=clientcontact]{color:#fa4}:host[theme=icon][color=clientcontact] i{color:#fa4}:host[theme=icon][color=opportunity]{color:#625}:host[theme=icon][color=opportunity] i{color:#625}:host[theme=icon][color=job]{color:#b56}:host[theme=icon][color=job] i{color:#b56}:host[theme=icon][color=joborder]{color:#b56}:host[theme=icon][color=joborder] i{color:#b56}:host[theme=icon][color=submission]{color:#a9adbb}:host[theme=icon][color=submission] i{color:#a9adbb}:host[theme=icon][color=sendout]{color:#747884}:host[theme=icon][color=sendout] i{color:#747884}:host[theme=icon][color=placement]{color:#0b344f}:host[theme=icon][color=placement] i{color:#0b344f}:host[theme=icon][color=note]{color:#747884}:host[theme=icon][color=note] i{color:#747884}:host[theme=icon][color=contract]{color:#454ea0}:host[theme=icon][color=contract] i{color:#454ea0}:host[theme=icon][color=jobCode]{color:#696d79}:host[theme=icon][color=jobCode] i{color:#696d79}:host[theme=icon][color=earnCode]{color:#696d79}:host[theme=icon][color=earnCode] i{color:#696d79}:host[theme=icon][color=invoiceStatement]{color:#696d79}:host[theme=icon][color=invoiceStatement] i{color:#696d79}:host[theme=icon][color=billableCharge]{color:#696d79}:host[theme=icon][color=billableCharge] i{color:#696d79}:host[theme=icon][color=payableCharge]{color:#696d79}:host[theme=icon][color=payableCharge] i{color:#696d79}:host[theme=icon][color=user]{color:#696d79}:host[theme=icon][color=user] i{color:#696d79}:host[theme=icon][color=corporateUser]{color:#696d79}:host[theme=icon][color=corporateUser] i{color:#696d79}:host[theme=icon][color=distributionList]{color:#696d79}:host[theme=icon][color=distributionList] i{color:#696d79}:host[theme=icon][color=credential]{color:#696d79}:host[theme=icon][color=credential] i{color:#696d79}:host[theme=icon][color=person]{color:#696d79}:host[theme=icon][color=person] i{color:#696d79}:host[theme=icon][inverse]{color:#fff}:host[theme=icon] i{display:contents;margin:0!important}:host[theme=icon]:focus,:host[theme=icon]:hover{background:rgba(0,0,0,.1)}:host[theme=icon]:active{background:rgba(0,0,0,.25)}:host[theme=icon] .button-contents{display:contents}:host[theme=icon][size=small]{padding:.5rem;font-size:1.2rem;height:2rem}:host[theme=icon][size=large]{font-size:2rem;height:2.8rem;padding:1rem}\n", ":host[theme=dialogue]{background:transparent;color:#4a89dc}:host[theme=dialogue][color=black]{color:#000}:host[theme=dialogue][color=black] i{color:#000}:host[theme=dialogue][color=white]{color:#fff}:host[theme=dialogue][color=white] i{color:#fff}:host[theme=dialogue][color=gray]{color:#9e9e9e}:host[theme=dialogue][color=gray] i{color:#9e9e9e}:host[theme=dialogue][color=grey]{color:#9e9e9e}:host[theme=dialogue][color=grey] i{color:#9e9e9e}:host[theme=dialogue][color=offWhite]{color:#f7f7f7}:host[theme=dialogue][color=offWhite] i{color:#f7f7f7}:host[theme=dialogue][color=bright]{color:#f7f7f7}:host[theme=dialogue][color=bright] i{color:#f7f7f7}:host[theme=dialogue][color=light]{color:#dbdbdb}:host[theme=dialogue][color=light] i{color:#dbdbdb}:host[theme=dialogue][color=neutral]{color:#4f5361}:host[theme=dialogue][color=neutral] i{color:#4f5361}:host[theme=dialogue][color=dark]{color:#3d464d}:host[theme=dialogue][color=dark] i{color:#3d464d}:host[theme=dialogue][color=orange]{color:#ff6900}:host[theme=dialogue][color=orange] i{color:#ff6900}:host[theme=dialogue][color=navigation]{color:#202945}:host[theme=dialogue][color=navigation] i{color:#202945}:host[theme=dialogue][color=skyBlue]{color:#009bdf}:host[theme=dialogue][color=skyBlue] i{color:#009bdf}:host[theme=dialogue][color=steel]{color:#5b6770}:host[theme=dialogue][color=steel] i{color:#5b6770}:host[theme=dialogue][color=metal]{color:#637893}:host[theme=dialogue][color=metal] i{color:#637893}:host[theme=dialogue][color=sand]{color:#f4f4f4}:host[theme=dialogue][color=sand] i{color:#f4f4f4}:host[theme=dialogue][color=silver]{color:#e2e2e2}:host[theme=dialogue][color=silver] i{color:#e2e2e2}:host[theme=dialogue][color=stone]{color:#bebebe}:host[theme=dialogue][color=stone] i{color:#bebebe}:host[theme=dialogue][color=ash]{color:#a0a0a0}:host[theme=dialogue][color=ash] i{color:#a0a0a0}:host[theme=dialogue][color=slate]{color:#707070}:host[theme=dialogue][color=slate] i{color:#707070}:host[theme=dialogue][color=onyx]{color:#526980}:host[theme=dialogue][color=onyx] i{color:#526980}:host[theme=dialogue][color=charcoal]{color:#282828}:host[theme=dialogue][color=charcoal] i{color:#282828}:host[theme=dialogue][color=moonlight]{color:#1a242f}:host[theme=dialogue][color=moonlight] i{color:#1a242f}:host[theme=dialogue][color=midnight]{color:#202945}:host[theme=dialogue][color=midnight] i{color:#202945}:host[theme=dialogue][color=darkness]{color:#161f27}:host[theme=dialogue][color=darkness] i{color:#161f27}:host[theme=dialogue][color=navy]{color:#0d2d42}:host[theme=dialogue][color=navy] i{color:#0d2d42}:host[theme=dialogue][color=aqua]{color:#3bafda}:host[theme=dialogue][color=aqua] i{color:#3bafda}:host[theme=dialogue][color=ocean]{color:#4a89dc}:host[theme=dialogue][color=ocean] i{color:#4a89dc}:host[theme=dialogue][color=mint]{color:#37bc9b}:host[theme=dialogue][color=mint] i{color:#37bc9b}:host[theme=dialogue][color=grass]{color:#8cc152}:host[theme=dialogue][color=grass] i{color:#8cc152}:host[theme=dialogue][color=sunflower]{color:#f6b042}:host[theme=dialogue][color=sunflower] i{color:#f6b042}:host[theme=dialogue][color=bittersweet]{color:#eb6845}:host[theme=dialogue][color=bittersweet] i{color:#eb6845}:host[theme=dialogue][color=grapefruit]{color:#da4453}:host[theme=dialogue][color=grapefruit] i{color:#da4453}:host[theme=dialogue][color=carnation]{color:#d770ad}:host[theme=dialogue][color=carnation] i{color:#d770ad}:host[theme=dialogue][color=lavender]{color:#967adc}:host[theme=dialogue][color=lavender] i{color:#967adc}:host[theme=dialogue][color=mountain]{color:#9678b6}:host[theme=dialogue][color=mountain] i{color:#9678b6}:host[theme=dialogue][color=info]{color:#4a89dc}:host[theme=dialogue][color=info] i{color:#4a89dc}:host[theme=dialogue][color=positive]{color:#4a89dc}:host[theme=dialogue][color=positive] i{color:#4a89dc}:host[theme=dialogue][color=success]{color:#8cc152}:host[theme=dialogue][color=success] i{color:#8cc152}:host[theme=dialogue][color=negative]{color:#da4453}:host[theme=dialogue][color=negative] i{color:#da4453}:host[theme=dialogue][color=danger]{color:#da4453}:host[theme=dialogue][color=danger] i{color:#da4453}:host[theme=dialogue][color=error]{color:#da4453}:host[theme=dialogue][color=error] i{color:#da4453}:host[theme=dialogue][color=warning]{color:#f6b042}:host[theme=dialogue][color=warning] i{color:#f6b042}:host[theme=dialogue][color=empty]{color:#cccdcc}:host[theme=dialogue][color=empty] i{color:#cccdcc}:host[theme=dialogue][color=disabled]{color:#bebebe}:host[theme=dialogue][color=disabled] i{color:#bebebe}:host[theme=dialogue][color=background]{color:#f7f7f7}:host[theme=dialogue][color=background] i{color:#f7f7f7}:host[theme=dialogue][color=backgroundDark]{color:#e2e2e2}:host[theme=dialogue][color=backgroundDark] i{color:#e2e2e2}:host[theme=dialogue][color=presentation]{color:#5b6770}:host[theme=dialogue][color=presentation] i{color:#5b6770}:host[theme=dialogue][color=bullhorn]{color:#ff6900}:host[theme=dialogue][color=bullhorn] i{color:#ff6900}:host[theme=dialogue][color=pulse]{color:#3bafda}:host[theme=dialogue][color=pulse] i{color:#3bafda}:host[theme=dialogue][color=company]{color:#39d}:host[theme=dialogue][color=company] i{color:#39d}:host[theme=dialogue][color=candidate]{color:#4b7}:host[theme=dialogue][color=candidate] i{color:#4b7}:host[theme=dialogue][color=lead]{color:#a69}:host[theme=dialogue][color=lead] i{color:#a69}:host[theme=dialogue][color=contact]{color:#fa4}:host[theme=dialogue][color=contact] i{color:#fa4}:host[theme=dialogue][color=clientcontact]{color:#fa4}:host[theme=dialogue][color=clientcontact] i{color:#fa4}:host[theme=dialogue][color=opportunity]{color:#625}:host[theme=dialogue][color=opportunity] i{color:#625}:host[theme=dialogue][color=job]{color:#b56}:host[theme=dialogue][color=job] i{color:#b56}:host[theme=dialogue][color=joborder]{color:#b56}:host[theme=dialogue][color=joborder] i{color:#b56}:host[theme=dialogue][color=submission]{color:#a9adbb}:host[theme=dialogue][color=submission] i{color:#a9adbb}:host[theme=dialogue][color=sendout]{color:#747884}:host[theme=dialogue][color=sendout] i{color:#747884}:host[theme=dialogue][color=placement]{color:#0b344f}:host[theme=dialogue][color=placement] i{color:#0b344f}:host[theme=dialogue][color=note]{color:#747884}:host[theme=dialogue][color=note] i{color:#747884}:host[theme=dialogue][color=contract]{color:#454ea0}:host[theme=dialogue][color=contract] i{color:#454ea0}:host[theme=dialogue][color=jobCode]{color:#696d79}:host[theme=dialogue][color=jobCode] i{color:#696d79}:host[theme=dialogue][color=earnCode]{color:#696d79}:host[theme=dialogue][color=earnCode] i{color:#696d79}:host[theme=dialogue][color=invoiceStatement]{color:#696d79}:host[theme=dialogue][color=invoiceStatement] i{color:#696d79}:host[theme=dialogue][color=billableCharge]{color:#696d79}:host[theme=dialogue][color=billableCharge] i{color:#696d79}:host[theme=dialogue][color=payableCharge]{color:#696d79}:host[theme=dialogue][color=payableCharge] i{color:#696d79}:host[theme=dialogue][color=user]{color:#696d79}:host[theme=dialogue][color=user] i{color:#696d79}:host[theme=dialogue][color=corporateUser]{color:#696d79}:host[theme=dialogue][color=corporateUser] i{color:#696d79}:host[theme=dialogue][color=distributionList]{color:#696d79}:host[theme=dialogue][color=distributionList] i{color:#696d79}:host[theme=dialogue][color=credential]{color:#696d79}:host[theme=dialogue][color=credential] i{color:#696d79}:host[theme=dialogue][color=person]{color:#696d79}:host[theme=dialogue][color=person] i{color:#696d79}:host[theme=dialogue]:hover,:host[theme=dialogue]:focus{background:#ededed}:host[theme=dialogue]:active{background:#e0e0e0}:host[theme=dialogue][inverse]:hover,:host[theme=dialogue][inverse]:focus{background:rgba(0,0,0,.2)}:host[theme=dialogue][inverse]:active{background:rgba(0,0,0,.35)}\n", ":host[theme=field]{background:transparent;color:#3d464d;border:none;border-radius:0;border-bottom:1px solid var(--border);margin-bottom:4px;padding:.25rem .5rem;font-size:1.2rem;height:1.8rem;text-align:left}:host[theme=field]:hover,:host[theme=field]:focus,:host[theme=field]:active{border-bottom:1px solid var(--selection)}:host[theme=select]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text-main);padding:0;height:2rem;min-height:2rem;position:relative;text-align:left;text-shadow:none;width:100%;z-index:1;text-transform:none;font-size:1.2rem;height:1.8rem}:host[theme=select].empty{color:var(--text-muted)}:host[theme=select]:focus,:host[theme=select]:hover{outline:none}:host[theme=select]:hover{border-bottom:1px solid #5f6d78}:host[theme=select]:hover i{opacity:.75}:host[theme=select]:focus{border-bottom:1px solid var(--selection)}:host[theme=select]:focus i{color:#000000ba}:host[theme=select] i{font-size:.8rem;color:var(--text-main);opacity:.45}\n"] }]
128
+ `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;padding:0 1rem;font-size:var(--font-size-button);height:3rem;border:none;color:#3d464d;color:var(--text-main, #3d464d);background:transparent;border-radius:3px;text-transform:uppercase;transition:all .2s ease-in-out;gap:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-overflow:clip;white-space:nowrap;overflow:hidden;flex:0 0 auto}:host .button-contents{height:var(--font-size-button);display:inline-flex;align-items:center;line-height:1;font-size:inherit;color:inherit;text-transform:uppercase}:host i{height:var(--font-size-button);font-size:inherit;line-height:1}:host[size=small]{font-size:1rem;padding:0 1rem;height:2.4rem;gap:.5rem}:host[size=small] .button-contents,:host[size=small] i{height:1rem}:host[size=large]{font-size:1.6rem;padding:0 1.25rem;height:3.6rem;gap:1.25rem}:host[size=large] .button-contents,:host[size=large] i{height:1.6rem}:host:focus{outline:none}:host[disabled],:host.novo-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}:host[disabled=false]{opacity:1;cursor:pointer;pointer-events:auto}:host[loading=true]{opacity:.5;cursor:not-allowed;pointer-events:none}:host[loading=true] i.loading{display:flex;align-items:center;justify-content:center;-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite}:host[loading=true] i.loading svg{width:100%;height:100%;max-width:15px;max-height:15px}:host[loading=true] i.loading svg .spinner{fill:currentColor}@-webkit-keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n", ":host[theme=standard]{color:var(--button-text);background:var(--button-background)}:host[theme=standard][color=black]{color:#fff;background:#000000}:host[theme=standard][color=white]{color:#3d464d;background:#ffffff}:host[theme=standard][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=standard][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=standard][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=standard][color=neutral]{color:#fff;background:#4f5361}:host[theme=standard][color=dark]{color:#fff;background:#3d464d}:host[theme=standard][color=orange]{color:#3d464d;background:#ff6900}:host[theme=standard][color=navigation]{color:#fff;background:#202945}:host[theme=standard][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=standard][color=steel]{color:#fff;background:#5b6770}:host[theme=standard][color=metal]{color:#fff;background:#637893}:host[theme=standard][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=standard][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=standard][color=stone]{color:#3d464d;background:#bebebe}:host[theme=standard][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=standard][color=slate]{color:#fff;background:#707070}:host[theme=standard][color=onyx]{color:#fff;background:#526980}:host[theme=standard][color=charcoal]{color:#fff;background:#282828}:host[theme=standard][color=moonlight]{color:#fff;background:#1a242f}:host[theme=standard][color=midnight]{color:#fff;background:#202945}:host[theme=standard][color=darkness]{color:#fff;background:#161f27}:host[theme=standard][color=navy]{color:#fff;background:#0d2d42}:host[theme=standard][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=standard][color=ocean]{color:#fff;background:#4a89dc}:host[theme=standard][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=standard][color=grass]{color:#fff;background:#8cc152}:host[theme=standard][color=sunflower]{color:#fff;background:#f6b042}:host[theme=standard][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=standard][color=grapefruit]{color:#fff;background:#da4453}:host[theme=standard][color=carnation]{color:#fff;background:#d770ad}:host[theme=standard][color=lavender]{color:#fff;background:#967adc}:host[theme=standard][color=mountain]{color:#fff;background:#9678b6}:host[theme=standard][color=info]{color:#fff;background:#4a89dc}:host[theme=standard][color=positive]{color:#fff;background:#4a89dc}:host[theme=standard][color=success]{color:#fff;background:#8cc152}:host[theme=standard][color=negative]{color:#fff;background:#da4453}:host[theme=standard][color=danger]{color:#fff;background:#da4453}:host[theme=standard][color=error]{color:#fff;background:#da4453}:host[theme=standard][color=warning]{color:#fff;background:#f6b042}:host[theme=standard][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=standard][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=standard][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=standard][color=presentation]{color:#fff;background:#5b6770}:host[theme=standard][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=standard][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=standard][color=company]{color:#fff;background:#3399dd}:host[theme=standard][color=candidate]{color:#fff;background:#44bb77}:host[theme=standard][color=lead]{color:#fff;background:#aa6699}:host[theme=standard][color=contact]{color:#fff;background:#ffaa44}:host[theme=standard][color=clientcontact]{color:#fff;background:#ffaa44}:host[theme=standard][color=opportunity]{color:#fff;background:#662255}:host[theme=standard][color=job]{color:#fff;background:#bb5566}:host[theme=standard][color=joborder]{color:#fff;background:#bb5566}:host[theme=standard][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=standard][color=sendout]{color:#fff;background:#747884}:host[theme=standard][color=placement]{color:#fff;background:#0b344f}:host[theme=standard][color=note]{color:#fff;background:#747884}:host[theme=standard][color=contract]{color:#fff;background:#454ea0}:host[theme=standard][color=jobCode]{color:#fff;background:#696d79}:host[theme=standard][color=earnCode]{color:#fff;background:#696d79}:host[theme=standard][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=standard][color=billableCharge]{color:#fff;background:#696d79}:host[theme=standard][color=payableCharge]{color:#fff;background:#696d79}:host[theme=standard][color=user]{color:#fff;background:#696d79}:host[theme=standard][color=corporateUser]{color:#fff;background:#696d79}:host[theme=standard][color=distributionList]{color:#fff;background:#696d79}:host[theme=standard][color=credential]{color:#fff;background:#696d79}:host[theme=standard][color=person]{color:#fff;background:#696d79}:host[theme=standard]:hover,:host[theme=standard]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026}:host[theme=standard]:active{box-shadow:0 1px 2px #00000026}\n", ":host[theme=primary]{background:#4a89dc;color:#fff;text-align:left}:host[theme=primary][color=black]{color:#fff;background:#000000}:host[theme=primary][color=white]{color:#3d464d;background:#ffffff}:host[theme=primary][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=primary][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=primary][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=primary][color=neutral]{color:#fff;background:#4f5361}:host[theme=primary][color=dark]{color:#fff;background:#3d464d}:host[theme=primary][color=orange]{color:#3d464d;background:#ff6900}:host[theme=primary][color=navigation]{color:#fff;background:#202945}:host[theme=primary][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=primary][color=steel]{color:#fff;background:#5b6770}:host[theme=primary][color=metal]{color:#fff;background:#637893}:host[theme=primary][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=primary][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=primary][color=stone]{color:#3d464d;background:#bebebe}:host[theme=primary][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=primary][color=slate]{color:#fff;background:#707070}:host[theme=primary][color=onyx]{color:#fff;background:#526980}:host[theme=primary][color=charcoal]{color:#fff;background:#282828}:host[theme=primary][color=moonlight]{color:#fff;background:#1a242f}:host[theme=primary][color=midnight]{color:#fff;background:#202945}:host[theme=primary][color=darkness]{color:#fff;background:#161f27}:host[theme=primary][color=navy]{color:#fff;background:#0d2d42}:host[theme=primary][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=primary][color=ocean]{color:#fff;background:#4a89dc}:host[theme=primary][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=primary][color=grass]{color:#fff;background:#8cc152}:host[theme=primary][color=sunflower]{color:#fff;background:#f6b042}:host[theme=primary][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=primary][color=grapefruit]{color:#fff;background:#da4453}:host[theme=primary][color=carnation]{color:#fff;background:#d770ad}:host[theme=primary][color=lavender]{color:#fff;background:#967adc}:host[theme=primary][color=mountain]{color:#fff;background:#9678b6}:host[theme=primary][color=info]{color:#fff;background:#4a89dc}:host[theme=primary][color=positive]{color:#fff;background:#4a89dc}:host[theme=primary][color=success]{color:#fff;background:#8cc152}:host[theme=primary][color=negative]{color:#fff;background:#da4453}:host[theme=primary][color=danger]{color:#fff;background:#da4453}:host[theme=primary][color=error]{color:#fff;background:#da4453}:host[theme=primary][color=warning]{color:#fff;background:#f6b042}:host[theme=primary][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=primary][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=primary][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=primary][color=presentation]{color:#fff;background:#5b6770}:host[theme=primary][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=primary][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=primary][color=company]{color:#fff;background:#3399dd}:host[theme=primary][color=candidate]{color:#fff;background:#44bb77}:host[theme=primary][color=lead]{color:#fff;background:#aa6699}:host[theme=primary][color=contact]{color:#fff;background:#ffaa44}:host[theme=primary][color=clientcontact]{color:#fff;background:#ffaa44}:host[theme=primary][color=opportunity]{color:#fff;background:#662255}:host[theme=primary][color=job]{color:#fff;background:#bb5566}:host[theme=primary][color=joborder]{color:#fff;background:#bb5566}:host[theme=primary][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=primary][color=sendout]{color:#fff;background:#747884}:host[theme=primary][color=placement]{color:#fff;background:#0b344f}:host[theme=primary][color=note]{color:#fff;background:#747884}:host[theme=primary][color=contract]{color:#fff;background:#454ea0}:host[theme=primary][color=jobCode]{color:#fff;background:#696d79}:host[theme=primary][color=earnCode]{color:#fff;background:#696d79}:host[theme=primary][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=primary][color=billableCharge]{color:#fff;background:#696d79}:host[theme=primary][color=payableCharge]{color:#fff;background:#696d79}:host[theme=primary][color=user]{color:#fff;background:#696d79}:host[theme=primary][color=corporateUser]{color:#fff;background:#696d79}:host[theme=primary][color=distributionList]{color:#fff;background:#696d79}:host[theme=primary][color=credential]{color:#fff;background:#696d79}:host[theme=primary][color=person]{color:#fff;background:#696d79}:host[theme=primary]:hover,:host[theme=primary]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026;filter:brightness(1.15)}:host[theme=primary]:active{filter:brightness(.85);box-shadow:0 1px 2px #00000026}:host[theme=primary][color=white]{background:#ffffff;color:#4a89dc}:host[theme=primary][color=white]:hover,:host[theme=primary][color=white]:focus{background:#f7f7f7}:host[theme=primary][color=white]:active{background:#eaeaea}:host[theme=primary][color=white] i{background:rgba(0,0,0,.05)}:host[theme=primary][size=large] i{margin-left:3px}\n", ":host[theme=secondary]{text-align:left;align-items:center;background:#ffffff;color:#4a89dc;border:1px solid #4a89dc;padding:0 calc(1rem - 1px)}:host[theme=secondary][color=black]{color:#000}:host[theme=secondary][color=black] i{color:#000}:host[theme=secondary][color=white]{color:#fff}:host[theme=secondary][color=white] i{color:#fff}:host[theme=secondary][color=gray]{color:#9e9e9e}:host[theme=secondary][color=gray] i{color:#9e9e9e}:host[theme=secondary][color=grey]{color:#9e9e9e}:host[theme=secondary][color=grey] i{color:#9e9e9e}:host[theme=secondary][color=offWhite]{color:#f7f7f7}:host[theme=secondary][color=offWhite] i{color:#f7f7f7}:host[theme=secondary][color=bright]{color:#f7f7f7}:host[theme=secondary][color=bright] i{color:#f7f7f7}:host[theme=secondary][color=light]{color:#dbdbdb}:host[theme=secondary][color=light] i{color:#dbdbdb}:host[theme=secondary][color=neutral]{color:#4f5361}:host[theme=secondary][color=neutral] i{color:#4f5361}:host[theme=secondary][color=dark]{color:#3d464d}:host[theme=secondary][color=dark] i{color:#3d464d}:host[theme=secondary][color=orange]{color:#ff6900}:host[theme=secondary][color=orange] i{color:#ff6900}:host[theme=secondary][color=navigation]{color:#202945}:host[theme=secondary][color=navigation] i{color:#202945}:host[theme=secondary][color=skyBlue]{color:#009bdf}:host[theme=secondary][color=skyBlue] i{color:#009bdf}:host[theme=secondary][color=steel]{color:#5b6770}:host[theme=secondary][color=steel] i{color:#5b6770}:host[theme=secondary][color=metal]{color:#637893}:host[theme=secondary][color=metal] i{color:#637893}:host[theme=secondary][color=sand]{color:#f4f4f4}:host[theme=secondary][color=sand] i{color:#f4f4f4}:host[theme=secondary][color=silver]{color:#e2e2e2}:host[theme=secondary][color=silver] i{color:#e2e2e2}:host[theme=secondary][color=stone]{color:#bebebe}:host[theme=secondary][color=stone] i{color:#bebebe}:host[theme=secondary][color=ash]{color:#a0a0a0}:host[theme=secondary][color=ash] i{color:#a0a0a0}:host[theme=secondary][color=slate]{color:#707070}:host[theme=secondary][color=slate] i{color:#707070}:host[theme=secondary][color=onyx]{color:#526980}:host[theme=secondary][color=onyx] i{color:#526980}:host[theme=secondary][color=charcoal]{color:#282828}:host[theme=secondary][color=charcoal] i{color:#282828}:host[theme=secondary][color=moonlight]{color:#1a242f}:host[theme=secondary][color=moonlight] i{color:#1a242f}:host[theme=secondary][color=midnight]{color:#202945}:host[theme=secondary][color=midnight] i{color:#202945}:host[theme=secondary][color=darkness]{color:#161f27}:host[theme=secondary][color=darkness] i{color:#161f27}:host[theme=secondary][color=navy]{color:#0d2d42}:host[theme=secondary][color=navy] i{color:#0d2d42}:host[theme=secondary][color=aqua]{color:#3bafda}:host[theme=secondary][color=aqua] i{color:#3bafda}:host[theme=secondary][color=ocean]{color:#4a89dc}:host[theme=secondary][color=ocean] i{color:#4a89dc}:host[theme=secondary][color=mint]{color:#37bc9b}:host[theme=secondary][color=mint] i{color:#37bc9b}:host[theme=secondary][color=grass]{color:#8cc152}:host[theme=secondary][color=grass] i{color:#8cc152}:host[theme=secondary][color=sunflower]{color:#f6b042}:host[theme=secondary][color=sunflower] i{color:#f6b042}:host[theme=secondary][color=bittersweet]{color:#eb6845}:host[theme=secondary][color=bittersweet] i{color:#eb6845}:host[theme=secondary][color=grapefruit]{color:#da4453}:host[theme=secondary][color=grapefruit] i{color:#da4453}:host[theme=secondary][color=carnation]{color:#d770ad}:host[theme=secondary][color=carnation] i{color:#d770ad}:host[theme=secondary][color=lavender]{color:#967adc}:host[theme=secondary][color=lavender] i{color:#967adc}:host[theme=secondary][color=mountain]{color:#9678b6}:host[theme=secondary][color=mountain] i{color:#9678b6}:host[theme=secondary][color=info]{color:#4a89dc}:host[theme=secondary][color=info] i{color:#4a89dc}:host[theme=secondary][color=positive]{color:#4a89dc}:host[theme=secondary][color=positive] i{color:#4a89dc}:host[theme=secondary][color=success]{color:#8cc152}:host[theme=secondary][color=success] i{color:#8cc152}:host[theme=secondary][color=negative]{color:#da4453}:host[theme=secondary][color=negative] i{color:#da4453}:host[theme=secondary][color=danger]{color:#da4453}:host[theme=secondary][color=danger] i{color:#da4453}:host[theme=secondary][color=error]{color:#da4453}:host[theme=secondary][color=error] i{color:#da4453}:host[theme=secondary][color=warning]{color:#f6b042}:host[theme=secondary][color=warning] i{color:#f6b042}:host[theme=secondary][color=empty]{color:#cccdcc}:host[theme=secondary][color=empty] i{color:#cccdcc}:host[theme=secondary][color=disabled]{color:#bebebe}:host[theme=secondary][color=disabled] i{color:#bebebe}:host[theme=secondary][color=background]{color:#f7f7f7}:host[theme=secondary][color=background] i{color:#f7f7f7}:host[theme=secondary][color=backgroundDark]{color:#e2e2e2}:host[theme=secondary][color=backgroundDark] i{color:#e2e2e2}:host[theme=secondary][color=presentation]{color:#5b6770}:host[theme=secondary][color=presentation] i{color:#5b6770}:host[theme=secondary][color=bullhorn]{color:#ff6900}:host[theme=secondary][color=bullhorn] i{color:#ff6900}:host[theme=secondary][color=pulse]{color:#3bafda}:host[theme=secondary][color=pulse] i{color:#3bafda}:host[theme=secondary][color=company]{color:#39d}:host[theme=secondary][color=company] i{color:#39d}:host[theme=secondary][color=candidate]{color:#4b7}:host[theme=secondary][color=candidate] i{color:#4b7}:host[theme=secondary][color=lead]{color:#a69}:host[theme=secondary][color=lead] i{color:#a69}:host[theme=secondary][color=contact]{color:#fa4}:host[theme=secondary][color=contact] i{color:#fa4}:host[theme=secondary][color=clientcontact]{color:#fa4}:host[theme=secondary][color=clientcontact] i{color:#fa4}:host[theme=secondary][color=opportunity]{color:#625}:host[theme=secondary][color=opportunity] i{color:#625}:host[theme=secondary][color=job]{color:#b56}:host[theme=secondary][color=job] i{color:#b56}:host[theme=secondary][color=joborder]{color:#b56}:host[theme=secondary][color=joborder] i{color:#b56}:host[theme=secondary][color=submission]{color:#a9adbb}:host[theme=secondary][color=submission] i{color:#a9adbb}:host[theme=secondary][color=sendout]{color:#747884}:host[theme=secondary][color=sendout] i{color:#747884}:host[theme=secondary][color=placement]{color:#0b344f}:host[theme=secondary][color=placement] i{color:#0b344f}:host[theme=secondary][color=note]{color:#747884}:host[theme=secondary][color=note] i{color:#747884}:host[theme=secondary][color=contract]{color:#454ea0}:host[theme=secondary][color=contract] i{color:#454ea0}:host[theme=secondary][color=jobCode]{color:#696d79}:host[theme=secondary][color=jobCode] i{color:#696d79}:host[theme=secondary][color=earnCode]{color:#696d79}:host[theme=secondary][color=earnCode] i{color:#696d79}:host[theme=secondary][color=invoiceStatement]{color:#696d79}:host[theme=secondary][color=invoiceStatement] i{color:#696d79}:host[theme=secondary][color=billableCharge]{color:#696d79}:host[theme=secondary][color=billableCharge] i{color:#696d79}:host[theme=secondary][color=payableCharge]{color:#696d79}:host[theme=secondary][color=payableCharge] i{color:#696d79}:host[theme=secondary][color=user]{color:#696d79}:host[theme=secondary][color=user] i{color:#696d79}:host[theme=secondary][color=corporateUser]{color:#696d79}:host[theme=secondary][color=corporateUser] i{color:#696d79}:host[theme=secondary][color=distributionList]{color:#696d79}:host[theme=secondary][color=distributionList] i{color:#696d79}:host[theme=secondary][color=credential]{color:#696d79}:host[theme=secondary][color=credential] i{color:#696d79}:host[theme=secondary][color=person]{color:#696d79}:host[theme=secondary][color=person] i{color:#696d79}:host[theme=secondary][color=black]{border:1px solid #000000}:host[theme=secondary][color=white]{border:1px solid #ffffff}:host[theme=secondary][color=gray]{border:1px solid #9e9e9e}:host[theme=secondary][color=grey]{border:1px solid #9e9e9e}:host[theme=secondary][color=offWhite]{border:1px solid #f7f7f7}:host[theme=secondary][color=bright]{border:1px solid #f7f7f7}:host[theme=secondary][color=light]{border:1px solid #dbdbdb}:host[theme=secondary][color=neutral]{border:1px solid #4f5361}:host[theme=secondary][color=dark]{border:1px solid #3d464d}:host[theme=secondary][color=orange]{border:1px solid #ff6900}:host[theme=secondary][color=navigation]{border:1px solid #202945}:host[theme=secondary][color=skyBlue]{border:1px solid #009bdf}:host[theme=secondary][color=steel]{border:1px solid #5b6770}:host[theme=secondary][color=metal]{border:1px solid #637893}:host[theme=secondary][color=sand]{border:1px solid #f4f4f4}:host[theme=secondary][color=silver]{border:1px solid #e2e2e2}:host[theme=secondary][color=stone]{border:1px solid #bebebe}:host[theme=secondary][color=ash]{border:1px solid #a0a0a0}:host[theme=secondary][color=slate]{border:1px solid #707070}:host[theme=secondary][color=onyx]{border:1px solid #526980}:host[theme=secondary][color=charcoal]{border:1px solid #282828}:host[theme=secondary][color=moonlight]{border:1px solid #1a242f}:host[theme=secondary][color=midnight]{border:1px solid #202945}:host[theme=secondary][color=darkness]{border:1px solid #161f27}:host[theme=secondary][color=navy]{border:1px solid #0d2d42}:host[theme=secondary][color=aqua]{border:1px solid #3bafda}:host[theme=secondary][color=ocean]{border:1px solid #4a89dc}:host[theme=secondary][color=mint]{border:1px solid #37bc9b}:host[theme=secondary][color=grass]{border:1px solid #8cc152}:host[theme=secondary][color=sunflower]{border:1px solid #f6b042}:host[theme=secondary][color=bittersweet]{border:1px solid #eb6845}:host[theme=secondary][color=grapefruit]{border:1px solid #da4453}:host[theme=secondary][color=carnation]{border:1px solid #d770ad}:host[theme=secondary][color=lavender]{border:1px solid #967adc}:host[theme=secondary][color=mountain]{border:1px solid #9678b6}:host[theme=secondary][color=info]{border:1px solid #4a89dc}:host[theme=secondary][color=positive]{border:1px solid #4a89dc}:host[theme=secondary][color=success]{border:1px solid #8cc152}:host[theme=secondary][color=negative]{border:1px solid #da4453}:host[theme=secondary][color=danger]{border:1px solid #da4453}:host[theme=secondary][color=error]{border:1px solid #da4453}:host[theme=secondary][color=warning]{border:1px solid #f6b042}:host[theme=secondary][color=empty]{border:1px solid #cccdcc}:host[theme=secondary][color=disabled]{border:1px solid #bebebe}:host[theme=secondary][color=background]{border:1px solid #f7f7f7}:host[theme=secondary][color=backgroundDark]{border:1px solid #e2e2e2}:host[theme=secondary][color=presentation]{border:1px solid #5b6770}:host[theme=secondary][color=bullhorn]{border:1px solid #ff6900}:host[theme=secondary][color=pulse]{border:1px solid #3bafda}:host[theme=secondary][color=company]{border:1px solid #3399dd}:host[theme=secondary][color=candidate]{border:1px solid #44bb77}:host[theme=secondary][color=lead]{border:1px solid #aa6699}:host[theme=secondary][color=contact]{border:1px solid #ffaa44}:host[theme=secondary][color=clientcontact]{border:1px solid #ffaa44}:host[theme=secondary][color=opportunity]{border:1px solid #662255}:host[theme=secondary][color=job]{border:1px solid #bb5566}:host[theme=secondary][color=joborder]{border:1px solid #bb5566}:host[theme=secondary][color=submission]{border:1px solid #a9adbb}:host[theme=secondary][color=sendout]{border:1px solid #747884}:host[theme=secondary][color=placement]{border:1px solid #0b344f}:host[theme=secondary][color=note]{border:1px solid #747884}:host[theme=secondary][color=contract]{border:1px solid #454ea0}:host[theme=secondary][color=jobCode]{border:1px solid #696d79}:host[theme=secondary][color=earnCode]{border:1px solid #696d79}:host[theme=secondary][color=invoiceStatement]{border:1px solid #696d79}:host[theme=secondary][color=billableCharge]{border:1px solid #696d79}:host[theme=secondary][color=payableCharge]{border:1px solid #696d79}:host[theme=secondary][color=user]{border:1px solid #696d79}:host[theme=secondary][color=corporateUser]{border:1px solid #696d79}:host[theme=secondary][color=distributionList]{border:1px solid #696d79}:host[theme=secondary][color=credential]{border:1px solid #696d79}:host[theme=secondary][color=person]{border:1px solid #696d79}:host[theme=secondary] i.loading{margin-left:.8rem}:host[theme=secondary] i.loading svg .spinner{fill:#4a89dc}:host[theme=secondary]:hover,:host[theme=secondary]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026;background:#ffffff}:host[theme=secondary]:active{box-shadow:0 1px 2px #00000026}:host[theme=secondary][inverse]{background:rgba(0,0,0,.25);color:#fff;border:1px solid #fff}:host[theme=secondary][inverse]:hover,:host[theme=secondary][inverse]:focus{background:rgba(0,0,0,.35)}:host[theme=secondary][inverse]:active{background:rgba(0,0,0,.45)}:host[theme=secondary][inverse] i.loading svg .spinner{fill:#fff}\n", ":host[theme=fab]{border-radius:50%!important;padding:0;font-size:1.2rem;width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center}:host[theme=fab][color=black]{color:#fff;background:#000000}:host[theme=fab][color=white]{color:#3d464d;background:#ffffff}:host[theme=fab][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=fab][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=fab][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=fab][color=neutral]{color:#fff;background:#4f5361}:host[theme=fab][color=dark]{color:#fff;background:#3d464d}:host[theme=fab][color=orange]{color:#3d464d;background:#ff6900}:host[theme=fab][color=navigation]{color:#fff;background:#202945}:host[theme=fab][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=fab][color=steel]{color:#fff;background:#5b6770}:host[theme=fab][color=metal]{color:#fff;background:#637893}:host[theme=fab][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=fab][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=fab][color=stone]{color:#3d464d;background:#bebebe}:host[theme=fab][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=fab][color=slate]{color:#fff;background:#707070}:host[theme=fab][color=onyx]{color:#fff;background:#526980}:host[theme=fab][color=charcoal]{color:#fff;background:#282828}:host[theme=fab][color=moonlight]{color:#fff;background:#1a242f}:host[theme=fab][color=midnight]{color:#fff;background:#202945}:host[theme=fab][color=darkness]{color:#fff;background:#161f27}:host[theme=fab][color=navy]{color:#fff;background:#0d2d42}:host[theme=fab][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=fab][color=ocean]{color:#fff;background:#4a89dc}:host[theme=fab][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=fab][color=grass]{color:#fff;background:#8cc152}:host[theme=fab][color=sunflower]{color:#fff;background:#f6b042}:host[theme=fab][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=fab][color=grapefruit]{color:#fff;background:#da4453}:host[theme=fab][color=carnation]{color:#fff;background:#d770ad}:host[theme=fab][color=lavender]{color:#fff;background:#967adc}:host[theme=fab][color=mountain]{color:#fff;background:#9678b6}:host[theme=fab][color=info]{color:#fff;background:#4a89dc}:host[theme=fab][color=positive]{color:#fff;background:#4a89dc}:host[theme=fab][color=success]{color:#fff;background:#8cc152}:host[theme=fab][color=negative]{color:#fff;background:#da4453}:host[theme=fab][color=danger]{color:#fff;background:#da4453}:host[theme=fab][color=error]{color:#fff;background:#da4453}:host[theme=fab][color=warning]{color:#fff;background:#f6b042}:host[theme=fab][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=fab][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=fab][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=fab][color=presentation]{color:#fff;background:#5b6770}:host[theme=fab][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=fab][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=fab][color=company]{color:#fff;background:#3399dd}:host[theme=fab][color=candidate]{color:#fff;background:#44bb77}:host[theme=fab][color=lead]{color:#fff;background:#aa6699}:host[theme=fab][color=contact]{color:#fff;background:#ffaa44}:host[theme=fab][color=clientcontact]{color:#fff;background:#ffaa44}:host[theme=fab][color=opportunity]{color:#fff;background:#662255}:host[theme=fab][color=job]{color:#fff;background:#bb5566}:host[theme=fab][color=joborder]{color:#fff;background:#bb5566}:host[theme=fab][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=fab][color=sendout]{color:#fff;background:#747884}:host[theme=fab][color=placement]{color:#fff;background:#0b344f}:host[theme=fab][color=note]{color:#fff;background:#747884}:host[theme=fab][color=contract]{color:#fff;background:#454ea0}:host[theme=fab][color=jobCode]{color:#fff;background:#696d79}:host[theme=fab][color=earnCode]{color:#fff;background:#696d79}:host[theme=fab][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=fab][color=billableCharge]{color:#fff;background:#696d79}:host[theme=fab][color=payableCharge]{color:#fff;background:#696d79}:host[theme=fab][color=user]{color:#fff;background:#696d79}:host[theme=fab][color=corporateUser]{color:#fff;background:#696d79}:host[theme=fab][color=distributionList]{color:#fff;background:#696d79}:host[theme=fab][color=credential]{color:#fff;background:#696d79}:host[theme=fab][color=person]{color:#fff;background:#696d79}:host[theme=fab][inverse]{color:#fff}:host[theme=fab]:focus,:host[theme=fab]:hover{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab]:active{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab] .button-contents{display:contents}:host[theme=fab] i{margin:0;padding:0}:host[theme=fab] i:before{display:block}\n", ":host[theme=icon]{padding:.5rem;font-size:1.4rem;height:2.4rem}:host[theme=icon][color=black]{color:#000}:host[theme=icon][color=black] i{color:#000}:host[theme=icon][color=white]{color:#fff}:host[theme=icon][color=white] i{color:#fff}:host[theme=icon][color=gray]{color:#9e9e9e}:host[theme=icon][color=gray] i{color:#9e9e9e}:host[theme=icon][color=grey]{color:#9e9e9e}:host[theme=icon][color=grey] i{color:#9e9e9e}:host[theme=icon][color=offWhite]{color:#f7f7f7}:host[theme=icon][color=offWhite] i{color:#f7f7f7}:host[theme=icon][color=bright]{color:#f7f7f7}:host[theme=icon][color=bright] i{color:#f7f7f7}:host[theme=icon][color=light]{color:#dbdbdb}:host[theme=icon][color=light] i{color:#dbdbdb}:host[theme=icon][color=neutral]{color:#4f5361}:host[theme=icon][color=neutral] i{color:#4f5361}:host[theme=icon][color=dark]{color:#3d464d}:host[theme=icon][color=dark] i{color:#3d464d}:host[theme=icon][color=orange]{color:#ff6900}:host[theme=icon][color=orange] i{color:#ff6900}:host[theme=icon][color=navigation]{color:#202945}:host[theme=icon][color=navigation] i{color:#202945}:host[theme=icon][color=skyBlue]{color:#009bdf}:host[theme=icon][color=skyBlue] i{color:#009bdf}:host[theme=icon][color=steel]{color:#5b6770}:host[theme=icon][color=steel] i{color:#5b6770}:host[theme=icon][color=metal]{color:#637893}:host[theme=icon][color=metal] i{color:#637893}:host[theme=icon][color=sand]{color:#f4f4f4}:host[theme=icon][color=sand] i{color:#f4f4f4}:host[theme=icon][color=silver]{color:#e2e2e2}:host[theme=icon][color=silver] i{color:#e2e2e2}:host[theme=icon][color=stone]{color:#bebebe}:host[theme=icon][color=stone] i{color:#bebebe}:host[theme=icon][color=ash]{color:#a0a0a0}:host[theme=icon][color=ash] i{color:#a0a0a0}:host[theme=icon][color=slate]{color:#707070}:host[theme=icon][color=slate] i{color:#707070}:host[theme=icon][color=onyx]{color:#526980}:host[theme=icon][color=onyx] i{color:#526980}:host[theme=icon][color=charcoal]{color:#282828}:host[theme=icon][color=charcoal] i{color:#282828}:host[theme=icon][color=moonlight]{color:#1a242f}:host[theme=icon][color=moonlight] i{color:#1a242f}:host[theme=icon][color=midnight]{color:#202945}:host[theme=icon][color=midnight] i{color:#202945}:host[theme=icon][color=darkness]{color:#161f27}:host[theme=icon][color=darkness] i{color:#161f27}:host[theme=icon][color=navy]{color:#0d2d42}:host[theme=icon][color=navy] i{color:#0d2d42}:host[theme=icon][color=aqua]{color:#3bafda}:host[theme=icon][color=aqua] i{color:#3bafda}:host[theme=icon][color=ocean]{color:#4a89dc}:host[theme=icon][color=ocean] i{color:#4a89dc}:host[theme=icon][color=mint]{color:#37bc9b}:host[theme=icon][color=mint] i{color:#37bc9b}:host[theme=icon][color=grass]{color:#8cc152}:host[theme=icon][color=grass] i{color:#8cc152}:host[theme=icon][color=sunflower]{color:#f6b042}:host[theme=icon][color=sunflower] i{color:#f6b042}:host[theme=icon][color=bittersweet]{color:#eb6845}:host[theme=icon][color=bittersweet] i{color:#eb6845}:host[theme=icon][color=grapefruit]{color:#da4453}:host[theme=icon][color=grapefruit] i{color:#da4453}:host[theme=icon][color=carnation]{color:#d770ad}:host[theme=icon][color=carnation] i{color:#d770ad}:host[theme=icon][color=lavender]{color:#967adc}:host[theme=icon][color=lavender] i{color:#967adc}:host[theme=icon][color=mountain]{color:#9678b6}:host[theme=icon][color=mountain] i{color:#9678b6}:host[theme=icon][color=info]{color:#4a89dc}:host[theme=icon][color=info] i{color:#4a89dc}:host[theme=icon][color=positive]{color:#4a89dc}:host[theme=icon][color=positive] i{color:#4a89dc}:host[theme=icon][color=success]{color:#8cc152}:host[theme=icon][color=success] i{color:#8cc152}:host[theme=icon][color=negative]{color:#da4453}:host[theme=icon][color=negative] i{color:#da4453}:host[theme=icon][color=danger]{color:#da4453}:host[theme=icon][color=danger] i{color:#da4453}:host[theme=icon][color=error]{color:#da4453}:host[theme=icon][color=error] i{color:#da4453}:host[theme=icon][color=warning]{color:#f6b042}:host[theme=icon][color=warning] i{color:#f6b042}:host[theme=icon][color=empty]{color:#cccdcc}:host[theme=icon][color=empty] i{color:#cccdcc}:host[theme=icon][color=disabled]{color:#bebebe}:host[theme=icon][color=disabled] i{color:#bebebe}:host[theme=icon][color=background]{color:#f7f7f7}:host[theme=icon][color=background] i{color:#f7f7f7}:host[theme=icon][color=backgroundDark]{color:#e2e2e2}:host[theme=icon][color=backgroundDark] i{color:#e2e2e2}:host[theme=icon][color=presentation]{color:#5b6770}:host[theme=icon][color=presentation] i{color:#5b6770}:host[theme=icon][color=bullhorn]{color:#ff6900}:host[theme=icon][color=bullhorn] i{color:#ff6900}:host[theme=icon][color=pulse]{color:#3bafda}:host[theme=icon][color=pulse] i{color:#3bafda}:host[theme=icon][color=company]{color:#39d}:host[theme=icon][color=company] i{color:#39d}:host[theme=icon][color=candidate]{color:#4b7}:host[theme=icon][color=candidate] i{color:#4b7}:host[theme=icon][color=lead]{color:#a69}:host[theme=icon][color=lead] i{color:#a69}:host[theme=icon][color=contact]{color:#fa4}:host[theme=icon][color=contact] i{color:#fa4}:host[theme=icon][color=clientcontact]{color:#fa4}:host[theme=icon][color=clientcontact] i{color:#fa4}:host[theme=icon][color=opportunity]{color:#625}:host[theme=icon][color=opportunity] i{color:#625}:host[theme=icon][color=job]{color:#b56}:host[theme=icon][color=job] i{color:#b56}:host[theme=icon][color=joborder]{color:#b56}:host[theme=icon][color=joborder] i{color:#b56}:host[theme=icon][color=submission]{color:#a9adbb}:host[theme=icon][color=submission] i{color:#a9adbb}:host[theme=icon][color=sendout]{color:#747884}:host[theme=icon][color=sendout] i{color:#747884}:host[theme=icon][color=placement]{color:#0b344f}:host[theme=icon][color=placement] i{color:#0b344f}:host[theme=icon][color=note]{color:#747884}:host[theme=icon][color=note] i{color:#747884}:host[theme=icon][color=contract]{color:#454ea0}:host[theme=icon][color=contract] i{color:#454ea0}:host[theme=icon][color=jobCode]{color:#696d79}:host[theme=icon][color=jobCode] i{color:#696d79}:host[theme=icon][color=earnCode]{color:#696d79}:host[theme=icon][color=earnCode] i{color:#696d79}:host[theme=icon][color=invoiceStatement]{color:#696d79}:host[theme=icon][color=invoiceStatement] i{color:#696d79}:host[theme=icon][color=billableCharge]{color:#696d79}:host[theme=icon][color=billableCharge] i{color:#696d79}:host[theme=icon][color=payableCharge]{color:#696d79}:host[theme=icon][color=payableCharge] i{color:#696d79}:host[theme=icon][color=user]{color:#696d79}:host[theme=icon][color=user] i{color:#696d79}:host[theme=icon][color=corporateUser]{color:#696d79}:host[theme=icon][color=corporateUser] i{color:#696d79}:host[theme=icon][color=distributionList]{color:#696d79}:host[theme=icon][color=distributionList] i{color:#696d79}:host[theme=icon][color=credential]{color:#696d79}:host[theme=icon][color=credential] i{color:#696d79}:host[theme=icon][color=person]{color:#696d79}:host[theme=icon][color=person] i{color:#696d79}:host[theme=icon][inverse]{color:#fff}:host[theme=icon] i{display:contents;margin:0!important}:host[theme=icon]:focus,:host[theme=icon]:hover{background:rgba(0,0,0,.1)}:host[theme=icon]:active{background:rgba(0,0,0,.25)}:host[theme=icon] .button-contents{display:contents}:host[theme=icon][size=small]{padding:.5rem;font-size:1.2rem;height:2rem}:host[theme=icon][size=large]{font-size:2rem;height:2.8rem;padding:1rem}\n", ":host[theme=dialogue]{background:transparent;color:#4a89dc}:host[theme=dialogue][color=black]{color:#000}:host[theme=dialogue][color=black] i{color:#000}:host[theme=dialogue][color=white]{color:#fff}:host[theme=dialogue][color=white] i{color:#fff}:host[theme=dialogue][color=gray]{color:#9e9e9e}:host[theme=dialogue][color=gray] i{color:#9e9e9e}:host[theme=dialogue][color=grey]{color:#9e9e9e}:host[theme=dialogue][color=grey] i{color:#9e9e9e}:host[theme=dialogue][color=offWhite]{color:#f7f7f7}:host[theme=dialogue][color=offWhite] i{color:#f7f7f7}:host[theme=dialogue][color=bright]{color:#f7f7f7}:host[theme=dialogue][color=bright] i{color:#f7f7f7}:host[theme=dialogue][color=light]{color:#dbdbdb}:host[theme=dialogue][color=light] i{color:#dbdbdb}:host[theme=dialogue][color=neutral]{color:#4f5361}:host[theme=dialogue][color=neutral] i{color:#4f5361}:host[theme=dialogue][color=dark]{color:#3d464d}:host[theme=dialogue][color=dark] i{color:#3d464d}:host[theme=dialogue][color=orange]{color:#ff6900}:host[theme=dialogue][color=orange] i{color:#ff6900}:host[theme=dialogue][color=navigation]{color:#202945}:host[theme=dialogue][color=navigation] i{color:#202945}:host[theme=dialogue][color=skyBlue]{color:#009bdf}:host[theme=dialogue][color=skyBlue] i{color:#009bdf}:host[theme=dialogue][color=steel]{color:#5b6770}:host[theme=dialogue][color=steel] i{color:#5b6770}:host[theme=dialogue][color=metal]{color:#637893}:host[theme=dialogue][color=metal] i{color:#637893}:host[theme=dialogue][color=sand]{color:#f4f4f4}:host[theme=dialogue][color=sand] i{color:#f4f4f4}:host[theme=dialogue][color=silver]{color:#e2e2e2}:host[theme=dialogue][color=silver] i{color:#e2e2e2}:host[theme=dialogue][color=stone]{color:#bebebe}:host[theme=dialogue][color=stone] i{color:#bebebe}:host[theme=dialogue][color=ash]{color:#a0a0a0}:host[theme=dialogue][color=ash] i{color:#a0a0a0}:host[theme=dialogue][color=slate]{color:#707070}:host[theme=dialogue][color=slate] i{color:#707070}:host[theme=dialogue][color=onyx]{color:#526980}:host[theme=dialogue][color=onyx] i{color:#526980}:host[theme=dialogue][color=charcoal]{color:#282828}:host[theme=dialogue][color=charcoal] i{color:#282828}:host[theme=dialogue][color=moonlight]{color:#1a242f}:host[theme=dialogue][color=moonlight] i{color:#1a242f}:host[theme=dialogue][color=midnight]{color:#202945}:host[theme=dialogue][color=midnight] i{color:#202945}:host[theme=dialogue][color=darkness]{color:#161f27}:host[theme=dialogue][color=darkness] i{color:#161f27}:host[theme=dialogue][color=navy]{color:#0d2d42}:host[theme=dialogue][color=navy] i{color:#0d2d42}:host[theme=dialogue][color=aqua]{color:#3bafda}:host[theme=dialogue][color=aqua] i{color:#3bafda}:host[theme=dialogue][color=ocean]{color:#4a89dc}:host[theme=dialogue][color=ocean] i{color:#4a89dc}:host[theme=dialogue][color=mint]{color:#37bc9b}:host[theme=dialogue][color=mint] i{color:#37bc9b}:host[theme=dialogue][color=grass]{color:#8cc152}:host[theme=dialogue][color=grass] i{color:#8cc152}:host[theme=dialogue][color=sunflower]{color:#f6b042}:host[theme=dialogue][color=sunflower] i{color:#f6b042}:host[theme=dialogue][color=bittersweet]{color:#eb6845}:host[theme=dialogue][color=bittersweet] i{color:#eb6845}:host[theme=dialogue][color=grapefruit]{color:#da4453}:host[theme=dialogue][color=grapefruit] i{color:#da4453}:host[theme=dialogue][color=carnation]{color:#d770ad}:host[theme=dialogue][color=carnation] i{color:#d770ad}:host[theme=dialogue][color=lavender]{color:#967adc}:host[theme=dialogue][color=lavender] i{color:#967adc}:host[theme=dialogue][color=mountain]{color:#9678b6}:host[theme=dialogue][color=mountain] i{color:#9678b6}:host[theme=dialogue][color=info]{color:#4a89dc}:host[theme=dialogue][color=info] i{color:#4a89dc}:host[theme=dialogue][color=positive]{color:#4a89dc}:host[theme=dialogue][color=positive] i{color:#4a89dc}:host[theme=dialogue][color=success]{color:#8cc152}:host[theme=dialogue][color=success] i{color:#8cc152}:host[theme=dialogue][color=negative]{color:#da4453}:host[theme=dialogue][color=negative] i{color:#da4453}:host[theme=dialogue][color=danger]{color:#da4453}:host[theme=dialogue][color=danger] i{color:#da4453}:host[theme=dialogue][color=error]{color:#da4453}:host[theme=dialogue][color=error] i{color:#da4453}:host[theme=dialogue][color=warning]{color:#f6b042}:host[theme=dialogue][color=warning] i{color:#f6b042}:host[theme=dialogue][color=empty]{color:#cccdcc}:host[theme=dialogue][color=empty] i{color:#cccdcc}:host[theme=dialogue][color=disabled]{color:#bebebe}:host[theme=dialogue][color=disabled] i{color:#bebebe}:host[theme=dialogue][color=background]{color:#f7f7f7}:host[theme=dialogue][color=background] i{color:#f7f7f7}:host[theme=dialogue][color=backgroundDark]{color:#e2e2e2}:host[theme=dialogue][color=backgroundDark] i{color:#e2e2e2}:host[theme=dialogue][color=presentation]{color:#5b6770}:host[theme=dialogue][color=presentation] i{color:#5b6770}:host[theme=dialogue][color=bullhorn]{color:#ff6900}:host[theme=dialogue][color=bullhorn] i{color:#ff6900}:host[theme=dialogue][color=pulse]{color:#3bafda}:host[theme=dialogue][color=pulse] i{color:#3bafda}:host[theme=dialogue][color=company]{color:#39d}:host[theme=dialogue][color=company] i{color:#39d}:host[theme=dialogue][color=candidate]{color:#4b7}:host[theme=dialogue][color=candidate] i{color:#4b7}:host[theme=dialogue][color=lead]{color:#a69}:host[theme=dialogue][color=lead] i{color:#a69}:host[theme=dialogue][color=contact]{color:#fa4}:host[theme=dialogue][color=contact] i{color:#fa4}:host[theme=dialogue][color=clientcontact]{color:#fa4}:host[theme=dialogue][color=clientcontact] i{color:#fa4}:host[theme=dialogue][color=opportunity]{color:#625}:host[theme=dialogue][color=opportunity] i{color:#625}:host[theme=dialogue][color=job]{color:#b56}:host[theme=dialogue][color=job] i{color:#b56}:host[theme=dialogue][color=joborder]{color:#b56}:host[theme=dialogue][color=joborder] i{color:#b56}:host[theme=dialogue][color=submission]{color:#a9adbb}:host[theme=dialogue][color=submission] i{color:#a9adbb}:host[theme=dialogue][color=sendout]{color:#747884}:host[theme=dialogue][color=sendout] i{color:#747884}:host[theme=dialogue][color=placement]{color:#0b344f}:host[theme=dialogue][color=placement] i{color:#0b344f}:host[theme=dialogue][color=note]{color:#747884}:host[theme=dialogue][color=note] i{color:#747884}:host[theme=dialogue][color=contract]{color:#454ea0}:host[theme=dialogue][color=contract] i{color:#454ea0}:host[theme=dialogue][color=jobCode]{color:#696d79}:host[theme=dialogue][color=jobCode] i{color:#696d79}:host[theme=dialogue][color=earnCode]{color:#696d79}:host[theme=dialogue][color=earnCode] i{color:#696d79}:host[theme=dialogue][color=invoiceStatement]{color:#696d79}:host[theme=dialogue][color=invoiceStatement] i{color:#696d79}:host[theme=dialogue][color=billableCharge]{color:#696d79}:host[theme=dialogue][color=billableCharge] i{color:#696d79}:host[theme=dialogue][color=payableCharge]{color:#696d79}:host[theme=dialogue][color=payableCharge] i{color:#696d79}:host[theme=dialogue][color=user]{color:#696d79}:host[theme=dialogue][color=user] i{color:#696d79}:host[theme=dialogue][color=corporateUser]{color:#696d79}:host[theme=dialogue][color=corporateUser] i{color:#696d79}:host[theme=dialogue][color=distributionList]{color:#696d79}:host[theme=dialogue][color=distributionList] i{color:#696d79}:host[theme=dialogue][color=credential]{color:#696d79}:host[theme=dialogue][color=credential] i{color:#696d79}:host[theme=dialogue][color=person]{color:#696d79}:host[theme=dialogue][color=person] i{color:#696d79}:host[theme=dialogue]:hover,:host[theme=dialogue]:focus{background:#ededed}:host[theme=dialogue]:active{background:#e0e0e0}:host[theme=dialogue][inverse]:hover,:host[theme=dialogue][inverse]:focus{background:rgba(0,0,0,.2)}:host[theme=dialogue][inverse]:active{background:rgba(0,0,0,.35)}\n", ":host[theme=field]{background:transparent;color:#3d464d;border:none;border-radius:0;border-bottom:1px solid var(--border);margin-bottom:4px;padding:.25rem .5rem;font-size:1.2rem;height:1.8rem;text-align:left}:host[theme=field]:hover,:host[theme=field]:focus,:host[theme=field]:active{border-bottom:1px solid var(--selection)}:host[theme=select]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text-main);padding:0 2px 0 0;height:2rem;min-height:2rem;position:relative;text-align:left;text-shadow:none;width:100%;z-index:1;text-transform:none;font-size:1.2rem;height:1.8rem}:host[theme=select].empty{color:var(--text-muted)}:host[theme=select]:focus,:host[theme=select]:hover{outline:none}:host[theme=select]:hover{border-bottom:1px solid #5f6d78}:host[theme=select]:hover i{opacity:.75}:host[theme=select]:focus{border-bottom:1px solid var(--selection)}:host[theme=select]:focus i{color:#000000ba}:host[theme=select] i{font-size:.8rem;color:var(--text-main);opacity:.45}\n"] }]
129
129
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { color: [{
130
130
  type: Input
131
131
  }], side: [{
package/esm2020/src/elements/calendar/calendar.component.mjs CHANGED
@@ -184,10 +184,10 @@ export class NovoCalendarElement {
184
184
  }
185
185
  }
186
186
  NovoCalendarElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NovoCalendarElement, deps: [{ token: i1.NovoLabelService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
187
- NovoCalendarElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: NovoCalendarElement, selector: "novo-calendar", inputs: { minYear: "minYear", maxYear: "maxYear", minDate: "minDate", maxDate: "maxDate", activeView: "activeView", layout: "layout", selected: "selected", preview: "preview", overlays: "overlays", disabledDateMessage: "disabledDateMessage", activeDate: "activeDate", weekStartsOn: "weekStartsOn", numberOfMonths: "numberOfMonths", mode: "mode" }, outputs: { selectedChange: "selectedChange", previewChange: "previewChange", activeDateChange: "activeDateChange" }, host: { properties: { "style.width": "this.hb_width", "class.layout-horizontal": "this.hb_horiztonal", "class.layout-vertical": "this.hb_vertical" } }, ngImport: i0, template: "<div class=\"calendar-header\">\n <novo-button theme=\"icon\" icon=\"previous\" size=\"small\" (click)=\"prevMonth($event)\"\n data-automation-id=\"calendar-previous\"></novo-button>\n <ng-container *ngFor=\"let month of months; let i = index;\">\n <span class=\"heading\" [class.secondary]=\"i > 0\">\n <span class=\"month\" (click)=\"openView($event, 'months')\"\n data-automation-id=\"header-month\">{{ month.label }}</span>\n <span class=\"year\" (click)=\"openView($event, 'years')\"\n data-automation-id=\"header-year\">{{ month.date?.getFullYear() }}</span>\n </span>\n </ng-container>\n <novo-button theme=\"icon\" icon=\"next\" size=\"small\" (click)=\"nextMonth($event)\" data-automation-id=\"calendar-next\">\n </novo-button>\n</div>\n<section class=\"calendar-content\" [ngSwitch]=\"activeView\">\n <ng-container *ngSwitchCase=\"'days'\">\n <ng-container *ngFor=\"let month of months; let i = index\">\n <div class=\"calendar-header\" *ngIf=\"layout==='vertical' && i > 0\">\n <span class=\"previous\" (click)=\"prevMonth($event)\" data-automation-id=\"calendar-previous\"></span>\n <span class=\"heading\">\n <span class=\"month\" (click)=\"openView($event, 'months')\"\n data-automation-id=\"header-month\">{{ month.label }}</span>\n <span class=\"year\" (click)=\"openView($event, 'years')\"\n data-automation-id=\"header-year\">{{ month.date?.getFullYear() }}</span>\n </span>\n <span class=\"next\" (click)=\"nextMonth($event)\" data-automation-id=\"calendar-next\"></span>\n </div>\n <novo-month-view\n class=\"month-view\"\n [activeDate]=\"month.date\"\n [selected]=\"selected\"\n [preview]=\"preview\"\n [overlays]=\"overlays\"\n [isRange]=\"_isRange()\"\n [hideOverflowDays]=\"months.length > 1\"\n [weekStartsOn]=\"weekStartsOn\"\n [disabledDateMessage]=\"disabledDateMessage\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (select)=\"dateSelected($event)\"\n (hover)=\"updatePreview($event)\"></novo-month-view>\n </ng-container>\n </ng-container>\n <novo-month-select\n *ngSwitchCase=\"'months'\"\n [activeDate]=\"activeDate\"\n [selected]=\"selected\"\n (select)=\"monthSelected($event)\">\n </novo-month-select>\n <novo-year-select\n *ngSwitchCase=\"'years'\"\n [activeDate]=\"activeDate\"\n [selected]=\"selected\"\n (select)=\"yearSelected($event)\">\n </novo-year-select>\n</section>", styles: [":host(.layout-horizontal){font-size:1.2rem}:host(.layout-horizontal) .calendar-content{flex-flow:row nowrap}:host(.layout-horizontal) .month-view+.month-view{border-collapse:unset;border-left:1px solid #dbdbdb;margin-left:.5rem;padding-left:.5rem}:host(.layout-vertical) .calendar-content{flex-flow:column nowrap}:host(.layout-vertical) .calendar-header .heading.secondary{display:none}:host{display:block;width:100%;text-align:center;background:var(--background-bright);color:var(--text-bright);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host .calendar-content{display:flex;width:100%;height:-webkit-min-content;height:-moz-min-content;height:min-content;position:static;top:0;left:0;overflow:hidden}:host .calendar-header{width:100%;display:flex;flex-flow:row nowrap;border-collapse:collapse;padding:1rem .8rem;-webkit-user-select:none;justify-content:space-between;align-items:center;cursor:default;border-bottom:1px solid var(--border)}:host .calendar-header .previous{width:30px;height:15px;display:inline-block;cursor:pointer}:host .calendar-header .previous:after{content:\"\";border-bottom:4px solid transparent;border-top:4px solid transparent;border-right:4px solid #aaa;display:inline-block;height:0;vertical-align:middle;width:0}:host .calendar-header .previous:hover:after{border-right:4px solid #4a89dc;cursor:pointer}:host .calendar-header .heading{flex:1;display:inline-block;vertical-align:middle;color:#4a89dc;font-weight:600}:host .calendar-header .heading .month{border-radius:2px;padding:3px 8px}:host .calendar-header .heading .month:hover{background:#4a89dc;color:#fff;cursor:pointer}:host .calendar-header .heading .year{border-radius:2px;padding:3px 8px}:host .calendar-header .heading .year:hover{background:#4a89dc;color:#fff;cursor:pointer}:host .calendar-header .next{width:30px;height:15px;display:inline-block;cursor:pointer}:host .calendar-header .next:before{content:\"\";border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid #aaa;display:inline-block;height:0;vertical-align:middle;width:0}:host .calendar-header .next:hover:before{opacity:1;border-left:4px solid #4a89dc;cursor:pointer}\n"], components: [{ type: i3.NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "disabled"] }, { type: i4.NovoMonthViewElement, selector: "novo-month-view", inputs: ["minDate", "maxDate", "activeDate", "selected", "preview", "overlays", "disabledDateMessage", "isRange", "hideOverflowDays", "weekStartsOn"], outputs: ["select", "hover"] }, { type: i5.NovoMonthSelectElement, selector: "novo-month-select", inputs: ["activeDate", "selected"], outputs: ["select"] }, { type: i6.NovoYearSelectElement, selector: "novo-year-select", inputs: ["minYear", "maxYear", "activeDate", "selected"], outputs: ["select"] }], directives: [{ type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
187
+ NovoCalendarElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: NovoCalendarElement, selector: "novo-calendar", inputs: { minYear: "minYear", maxYear: "maxYear", minDate: "minDate", maxDate: "maxDate", activeView: "activeView", layout: "layout", selected: "selected", preview: "preview", overlays: "overlays", disabledDateMessage: "disabledDateMessage", activeDate: "activeDate", weekStartsOn: "weekStartsOn", numberOfMonths: "numberOfMonths", mode: "mode" }, outputs: { selectedChange: "selectedChange", previewChange: "previewChange", activeDateChange: "activeDateChange" }, host: { properties: { "style.width": "this.hb_width", "class.layout-horizontal": "this.hb_horiztonal", "class.layout-vertical": "this.hb_vertical" } }, ngImport: i0, template: "<div class=\"calendar-header\">\n <novo-button theme=\"icon\" icon=\"previous\" size=\"small\" (click)=\"prevMonth($event)\"\n data-automation-id=\"calendar-previous\"></novo-button>\n <ng-container *ngFor=\"let month of months; let i = index;\">\n <span class=\"heading\" [class.secondary]=\"i > 0\">\n <span class=\"month\" (click)=\"openView($event, 'months')\"\n data-automation-id=\"header-month\">{{ month.label }}</span>\n <span class=\"year\" (click)=\"openView($event, 'years')\"\n data-automation-id=\"header-year\">{{ month.date?.getFullYear() }}</span>\n </span>\n </ng-container>\n <novo-button theme=\"icon\" icon=\"next\" size=\"small\" (click)=\"nextMonth($event)\" data-automation-id=\"calendar-next\">\n </novo-button>\n</div>\n<section class=\"calendar-content\" [ngSwitch]=\"activeView\">\n <ng-container *ngSwitchCase=\"'days'\">\n <ng-container *ngFor=\"let month of months; let i = index\">\n <div class=\"calendar-header\" *ngIf=\"layout==='vertical' && i > 0\">\n <span class=\"previous\" (click)=\"prevMonth($event)\" data-automation-id=\"calendar-previous\"></span>\n <span class=\"heading\">\n <span class=\"month\" (click)=\"openView($event, 'months')\"\n data-automation-id=\"header-month\">{{ month.label }}</span>\n <span class=\"year\" (click)=\"openView($event, 'years')\"\n data-automation-id=\"header-year\">{{ month.date?.getFullYear() }}</span>\n </span>\n <span class=\"next\" (click)=\"nextMonth($event)\" data-automation-id=\"calendar-next\"></span>\n </div>\n <novo-month-view\n class=\"month-view\"\n [activeDate]=\"month.date\"\n [selected]=\"selected\"\n [preview]=\"preview\"\n [overlays]=\"overlays\"\n [isRange]=\"_isRange()\"\n [hideOverflowDays]=\"months.length > 1\"\n [weekStartsOn]=\"weekStartsOn\"\n [disabledDateMessage]=\"disabledDateMessage\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (select)=\"dateSelected($event)\"\n (hover)=\"updatePreview($event)\"></novo-month-view>\n </ng-container>\n </ng-container>\n <novo-month-select\n *ngSwitchCase=\"'months'\"\n [activeDate]=\"activeDate\"\n [selected]=\"selected\"\n (select)=\"monthSelected($event)\">\n </novo-month-select>\n <novo-year-select\n *ngSwitchCase=\"'years'\"\n [activeDate]=\"activeDate\"\n [selected]=\"selected\"\n (select)=\"yearSelected($event)\">\n </novo-year-select>\n</section>", styles: [":host(.layout-horizontal){font-size:1.2rem}:host(.layout-horizontal) .calendar-content{flex-flow:row nowrap}:host(.layout-horizontal) .month-view+.month-view{border-collapse:unset;border-left:1px solid #dbdbdb;margin-left:.5rem;padding-left:.5rem}:host(.layout-vertical) .calendar-content{flex-flow:column nowrap}:host(.layout-vertical) .calendar-header .heading.secondary{display:none}:host{display:block;width:100%;text-align:center;background:var(--background-bright);color:var(--text-main);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host .calendar-content{display:flex;width:100%;height:-webkit-min-content;height:-moz-min-content;height:min-content;position:static;top:0;left:0;overflow:hidden}:host .calendar-header{width:100%;display:flex;flex-flow:row nowrap;border-collapse:collapse;padding:1rem .8rem;-webkit-user-select:none;justify-content:space-between;align-items:center;cursor:default;border-bottom:1px solid var(--border)}:host .calendar-header .previous{width:30px;height:15px;display:inline-block;cursor:pointer}:host .calendar-header .previous:after{content:\"\";border-bottom:4px solid transparent;border-top:4px solid transparent;border-right:4px solid #aaa;display:inline-block;height:0;vertical-align:middle;width:0}:host .calendar-header .previous:hover:after{border-right:4px solid #4a89dc;cursor:pointer}:host .calendar-header .heading{flex:1;display:inline-block;vertical-align:middle;color:#4a89dc;font-weight:600}:host .calendar-header .heading .month{border-radius:2px;padding:3px 8px}:host .calendar-header .heading .month:hover{background:#4a89dc;color:#fff;cursor:pointer}:host .calendar-header .heading .year{border-radius:2px;padding:3px 8px}:host .calendar-header .heading .year:hover{background:#4a89dc;color:#fff;cursor:pointer}:host .calendar-header .next{width:30px;height:15px;display:inline-block;cursor:pointer}:host .calendar-header .next:before{content:\"\";border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid #aaa;display:inline-block;height:0;vertical-align:middle;width:0}:host .calendar-header .next:hover:before{opacity:1;border-left:4px solid #4a89dc;cursor:pointer}\n"], components: [{ type: i3.NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "disabled"] }, { type: i4.NovoMonthViewElement, selector: "novo-month-view", inputs: ["minDate", "maxDate", "activeDate", "selected", "preview", "overlays", "disabledDateMessage", "isRange", "hideOverflowDays", "weekStartsOn"], outputs: ["select", "hover"] }, { type: i5.NovoMonthSelectElement, selector: "novo-month-select", inputs: ["activeDate", "selected"], outputs: ["select"] }, { type: i6.NovoYearSelectElement, selector: "novo-year-select", inputs: ["minYear", "maxYear", "activeDate", "selected"], outputs: ["select"] }], directives: [{ type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
188
188
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NovoCalendarElement, decorators: [{
189
189
  type: Component,
190
- args: [{ selector: 'novo-calendar', template: "<div class=\"calendar-header\">\n <novo-button theme=\"icon\" icon=\"previous\" size=\"small\" (click)=\"prevMonth($event)\"\n data-automation-id=\"calendar-previous\"></novo-button>\n <ng-container *ngFor=\"let month of months; let i = index;\">\n <span class=\"heading\" [class.secondary]=\"i > 0\">\n <span class=\"month\" (click)=\"openView($event, 'months')\"\n data-automation-id=\"header-month\">{{ month.label }}</span>\n <span class=\"year\" (click)=\"openView($event, 'years')\"\n data-automation-id=\"header-year\">{{ month.date?.getFullYear() }}</span>\n </span>\n </ng-container>\n <novo-button theme=\"icon\" icon=\"next\" size=\"small\" (click)=\"nextMonth($event)\" data-automation-id=\"calendar-next\">\n </novo-button>\n</div>\n<section class=\"calendar-content\" [ngSwitch]=\"activeView\">\n <ng-container *ngSwitchCase=\"'days'\">\n <ng-container *ngFor=\"let month of months; let i = index\">\n <div class=\"calendar-header\" *ngIf=\"layout==='vertical' && i > 0\">\n <span class=\"previous\" (click)=\"prevMonth($event)\" data-automation-id=\"calendar-previous\"></span>\n <span class=\"heading\">\n <span class=\"month\" (click)=\"openView($event, 'months')\"\n data-automation-id=\"header-month\">{{ month.label }}</span>\n <span class=\"year\" (click)=\"openView($event, 'years')\"\n data-automation-id=\"header-year\">{{ month.date?.getFullYear() }}</span>\n </span>\n <span class=\"next\" (click)=\"nextMonth($event)\" data-automation-id=\"calendar-next\"></span>\n </div>\n <novo-month-view\n class=\"month-view\"\n [activeDate]=\"month.date\"\n [selected]=\"selected\"\n [preview]=\"preview\"\n [overlays]=\"overlays\"\n [isRange]=\"_isRange()\"\n [hideOverflowDays]=\"months.length > 1\"\n [weekStartsOn]=\"weekStartsOn\"\n [disabledDateMessage]=\"disabledDateMessage\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (select)=\"dateSelected($event)\"\n (hover)=\"updatePreview($event)\"></novo-month-view>\n </ng-container>\n </ng-container>\n <novo-month-select\n *ngSwitchCase=\"'months'\"\n [activeDate]=\"activeDate\"\n [selected]=\"selected\"\n (select)=\"monthSelected($event)\">\n </novo-month-select>\n <novo-year-select\n *ngSwitchCase=\"'years'\"\n [activeDate]=\"activeDate\"\n [selected]=\"selected\"\n (select)=\"yearSelected($event)\">\n </novo-year-select>\n</section>", styles: [":host(.layout-horizontal){font-size:1.2rem}:host(.layout-horizontal) .calendar-content{flex-flow:row nowrap}:host(.layout-horizontal) .month-view+.month-view{border-collapse:unset;border-left:1px solid #dbdbdb;margin-left:.5rem;padding-left:.5rem}:host(.layout-vertical) .calendar-content{flex-flow:column nowrap}:host(.layout-vertical) .calendar-header .heading.secondary{display:none}:host{display:block;width:100%;text-align:center;background:var(--background-bright);color:var(--text-bright);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host .calendar-content{display:flex;width:100%;height:-webkit-min-content;height:-moz-min-content;height:min-content;position:static;top:0;left:0;overflow:hidden}:host .calendar-header{width:100%;display:flex;flex-flow:row nowrap;border-collapse:collapse;padding:1rem .8rem;-webkit-user-select:none;justify-content:space-between;align-items:center;cursor:default;border-bottom:1px solid var(--border)}:host .calendar-header .previous{width:30px;height:15px;display:inline-block;cursor:pointer}:host .calendar-header .previous:after{content:\"\";border-bottom:4px solid transparent;border-top:4px solid transparent;border-right:4px solid #aaa;display:inline-block;height:0;vertical-align:middle;width:0}:host .calendar-header .previous:hover:after{border-right:4px solid #4a89dc;cursor:pointer}:host .calendar-header .heading{flex:1;display:inline-block;vertical-align:middle;color:#4a89dc;font-weight:600}:host .calendar-header .heading .month{border-radius:2px;padding:3px 8px}:host .calendar-header .heading .month:hover{background:#4a89dc;color:#fff;cursor:pointer}:host .calendar-header .heading .year{border-radius:2px;padding:3px 8px}:host .calendar-header .heading .year:hover{background:#4a89dc;color:#fff;cursor:pointer}:host .calendar-header .next{width:30px;height:15px;display:inline-block;cursor:pointer}:host .calendar-header .next:before{content:\"\";border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid #aaa;display:inline-block;height:0;vertical-align:middle;width:0}:host .calendar-header .next:hover:before{opacity:1;border-left:4px solid #4a89dc;cursor:pointer}\n"] }]
190
+ args: [{ selector: 'novo-calendar', template: "<div class=\"calendar-header\">\n <novo-button theme=\"icon\" icon=\"previous\" size=\"small\" (click)=\"prevMonth($event)\"\n data-automation-id=\"calendar-previous\"></novo-button>\n <ng-container *ngFor=\"let month of months; let i = index;\">\n <span class=\"heading\" [class.secondary]=\"i > 0\">\n <span class=\"month\" (click)=\"openView($event, 'months')\"\n data-automation-id=\"header-month\">{{ month.label }}</span>\n <span class=\"year\" (click)=\"openView($event, 'years')\"\n data-automation-id=\"header-year\">{{ month.date?.getFullYear() }}</span>\n </span>\n </ng-container>\n <novo-button theme=\"icon\" icon=\"next\" size=\"small\" (click)=\"nextMonth($event)\" data-automation-id=\"calendar-next\">\n </novo-button>\n</div>\n<section class=\"calendar-content\" [ngSwitch]=\"activeView\">\n <ng-container *ngSwitchCase=\"'days'\">\n <ng-container *ngFor=\"let month of months; let i = index\">\n <div class=\"calendar-header\" *ngIf=\"layout==='vertical' && i > 0\">\n <span class=\"previous\" (click)=\"prevMonth($event)\" data-automation-id=\"calendar-previous\"></span>\n <span class=\"heading\">\n <span class=\"month\" (click)=\"openView($event, 'months')\"\n data-automation-id=\"header-month\">{{ month.label }}</span>\n <span class=\"year\" (click)=\"openView($event, 'years')\"\n data-automation-id=\"header-year\">{{ month.date?.getFullYear() }}</span>\n </span>\n <span class=\"next\" (click)=\"nextMonth($event)\" data-automation-id=\"calendar-next\"></span>\n </div>\n <novo-month-view\n class=\"month-view\"\n [activeDate]=\"month.date\"\n [selected]=\"selected\"\n [preview]=\"preview\"\n [overlays]=\"overlays\"\n [isRange]=\"_isRange()\"\n [hideOverflowDays]=\"months.length > 1\"\n [weekStartsOn]=\"weekStartsOn\"\n [disabledDateMessage]=\"disabledDateMessage\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (select)=\"dateSelected($event)\"\n (hover)=\"updatePreview($event)\"></novo-month-view>\n </ng-container>\n </ng-container>\n <novo-month-select\n *ngSwitchCase=\"'months'\"\n [activeDate]=\"activeDate\"\n [selected]=\"selected\"\n (select)=\"monthSelected($event)\">\n </novo-month-select>\n <novo-year-select\n *ngSwitchCase=\"'years'\"\n [activeDate]=\"activeDate\"\n [selected]=\"selected\"\n (select)=\"yearSelected($event)\">\n </novo-year-select>\n</section>", styles: [":host(.layout-horizontal){font-size:1.2rem}:host(.layout-horizontal) .calendar-content{flex-flow:row nowrap}:host(.layout-horizontal) .month-view+.month-view{border-collapse:unset;border-left:1px solid #dbdbdb;margin-left:.5rem;padding-left:.5rem}:host(.layout-vertical) .calendar-content{flex-flow:column nowrap}:host(.layout-vertical) .calendar-header .heading.secondary{display:none}:host{display:block;width:100%;text-align:center;background:var(--background-bright);color:var(--text-main);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host .calendar-content{display:flex;width:100%;height:-webkit-min-content;height:-moz-min-content;height:min-content;position:static;top:0;left:0;overflow:hidden}:host .calendar-header{width:100%;display:flex;flex-flow:row nowrap;border-collapse:collapse;padding:1rem .8rem;-webkit-user-select:none;justify-content:space-between;align-items:center;cursor:default;border-bottom:1px solid var(--border)}:host .calendar-header .previous{width:30px;height:15px;display:inline-block;cursor:pointer}:host .calendar-header .previous:after{content:\"\";border-bottom:4px solid transparent;border-top:4px solid transparent;border-right:4px solid #aaa;display:inline-block;height:0;vertical-align:middle;width:0}:host .calendar-header .previous:hover:after{border-right:4px solid #4a89dc;cursor:pointer}:host .calendar-header .heading{flex:1;display:inline-block;vertical-align:middle;color:#4a89dc;font-weight:600}:host .calendar-header .heading .month{border-radius:2px;padding:3px 8px}:host .calendar-header .heading .month:hover{background:#4a89dc;color:#fff;cursor:pointer}:host .calendar-header .heading .year{border-radius:2px;padding:3px 8px}:host .calendar-header .heading .year:hover{background:#4a89dc;color:#fff;cursor:pointer}:host .calendar-header .next{width:30px;height:15px;display:inline-block;cursor:pointer}:host .calendar-header .next:before{content:\"\";border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid #aaa;display:inline-block;height:0;vertical-align:middle;width:0}:host .calendar-header .next:hover:before{opacity:1;border-left:4px solid #4a89dc;cursor:pointer}\n"] }]
191
191
  }], ctorParameters: function () { return [{ type: i1.NovoLabelService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i2.DomSanitizer }]; }, propDecorators: { minYear: [{
192
192
  type: Input
193
193
  }], maxYear: [{