novo-elements 8.3.0-next.2 → 8.3.0-next.3
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.
- package/elements/header/Header.scss +10 -1
- package/esm2020/elements/header/Header.mjs +2 -2
- package/fesm2015/novo-elements-elements-header.mjs +2 -2
- package/fesm2015/novo-elements-elements-header.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-header.mjs +2 -2
- package/fesm2020/novo-elements-elements-header.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -125,7 +125,7 @@ NovoHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
125
125
|
<ng-content select="[suffix]"></ng-content>
|
|
126
126
|
</section>
|
|
127
127
|
<ng-content></ng-content>
|
|
128
|
-
`, isInline: true, styles: [":host{display:block;background-color:#fff;background-color:var(--background-bright, #ffffff)}:host .spacer{flex:1 1 0%}:host[size=small]>section{height:3.6rem}:host.header-size-small>section{height:3.2rem}:host.header-size-default>section{height:5rem}:host.header-size-large>section{height:6.4rem}:host>section{display:flex;flex-direction:row;align-items:center;padding:0 1.25rem;gap:.5rem;box-sizing:border-box}:host>section .header-icon{font-size:var(--font-size-2xl)}:host>section div.header-title{display:flex;align-items:center;max-width:calc(100% - 40px);gap:.5rem}:host>section div.header-title ::ng-deep novo-icon{margin-right:1rem}:host>section .header-titles{display:flex;flex-direction:column;max-width:100%}:host>section .header-titles .novo-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host>section .header-titles h1{font-weight:500;line-height:1.5;color:#3d464d;color:var(--text-main, #3d464d);font-size:var(--font-size-title);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;margin:0;padding:0 20px 0 0;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host>section .header-titles h1.text-capitalize{text-transform:capitalize}:host>section .header-titles h1.text-uppercase{text-transform:uppercase}:host>section .header-titles h1.text-nowrap{white-space:nowrap}:host>section .header-titles h1.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>section .header-titles h1.text-size-default{font-size:inherit}:host>section .header-titles h1.text-size-body{font-size:1.3rem}:host>section .header-titles h1.text-size-xs{font-size:1rem}:host>section .header-titles h1.text-size-sm{font-size:1.2rem}:host>section .header-titles h1.text-size-md{font-size:1.3rem}:host>section .header-titles h1.text-size-lg{font-size:1.6rem}:host>section .header-titles h1.text-size-xl{font-size:2rem}:host>section .header-titles h1.text-size-2xl{font-size:2.6rem}:host>section .header-titles h1.text-size-3xl{font-size:3.2rem}:host>section .header-titles h1.text-size-smaller{font-size:.8em}:host>section .header-titles h1.text-size-larger{font-size:1.2em}:host>section .header-titles h1.text-color-black{color:#000}:host>section .header-titles h1.text-color-white{color:#fff}:host>section .header-titles h1.text-color-gray{color:#9e9e9e}:host>section .header-titles h1.text-color-grey{color:#9e9e9e}:host>section .header-titles h1.text-color-offWhite{color:#f7f7f7}:host>section .header-titles h1.text-color-bright{color:#f7f7f7}:host>section .header-titles h1.text-color-light{color:#dbdbdb}:host>section .header-titles h1.text-color-neutral{color:#4f5361}:host>section .header-titles h1.text-color-dark{color:#3d464d}:host>section .header-titles h1.text-color-orange{color:#ff6900}:host>section .header-titles h1.text-color-navigation{color:#202945}:host>section .header-titles h1.text-color-skyBlue{color:#009bdf}:host>section .header-titles h1.text-color-steel{color:#5b6770}:host>section .header-titles h1.text-color-metal{color:#637893}:host>section .header-titles h1.text-color-sand{color:#f4f4f4}:host>section .header-titles h1.text-color-silver{color:#e2e2e2}:host>section .header-titles h1.text-color-stone{color:#bebebe}:host>section .header-titles h1.text-color-ash{color:#a0a0a0}:host>section .header-titles h1.text-color-slate{color:#707070}:host>section .header-titles h1.text-color-onyx{color:#526980}:host>section .header-titles h1.text-color-charcoal{color:#282828}:host>section .header-titles h1.text-color-moonlight{color:#1a242f}:host>section .header-titles h1.text-color-midnight{color:#202945}:host>section .header-titles h1.text-color-darkness{color:#161f27}:host>section .header-titles h1.text-color-navy{color:#0d2d42}:host>section .header-titles h1.text-color-aqua{color:#3bafda}:host>section .header-titles h1.text-color-ocean{color:#4a89dc}:host>section .header-titles h1.text-color-mint{color:#37bc9b}:host>section .header-titles h1.text-color-grass{color:#8cc152}:host>section .header-titles h1.text-color-sunflower{color:#f6b042}:host>section .header-titles h1.text-color-bittersweet{color:#eb6845}:host>section .header-titles h1.text-color-grapefruit{color:#da4453}:host>section .header-titles h1.text-color-carnation{color:#d770ad}:host>section .header-titles h1.text-color-lavender{color:#967adc}:host>section .header-titles h1.text-color-mountain{color:#9678b6}:host>section .header-titles h1.text-color-info{color:#4a89dc}:host>section .header-titles h1.text-color-positive{color:#4a89dc}:host>section .header-titles h1.text-color-success{color:#8cc152}:host>section .header-titles h1.text-color-negative{color:#da4453}:host>section .header-titles h1.text-color-danger{color:#da4453}:host>section .header-titles h1.text-color-error{color:#da4453}:host>section .header-titles h1.text-color-warning{color:#f6b042}:host>section .header-titles h1.text-color-empty{color:#cccdcc}:host>section .header-titles h1.text-color-disabled{color:#bebebe}:host>section .header-titles h1.text-color-background{color:#f7f7f7}:host>section .header-titles h1.text-color-backgroundDark{color:#e2e2e2}:host>section .header-titles h1.text-color-presentation{color:#5b6770}:host>section .header-titles h1.text-color-bullhorn{color:#ff6900}:host>section .header-titles h1.text-color-pulse{color:#3bafda}:host>section .header-titles h1.text-color-company{color:#39d}:host>section .header-titles h1.text-color-candidate{color:#4b7}:host>section .header-titles h1.text-color-lead{color:#a69}:host>section .header-titles h1.text-color-contact{color:#fa4}:host>section .header-titles h1.text-color-clientcontact{color:#fa4}:host>section .header-titles h1.text-color-opportunity{color:#625}:host>section .header-titles h1.text-color-job{color:#b56}:host>section .header-titles h1.text-color-joborder{color:#b56}:host>section .header-titles h1.text-color-submission{color:#a9adbb}:host>section .header-titles h1.text-color-sendout{color:#747884}:host>section .header-titles h1.text-color-placement{color:#0b344f}:host>section .header-titles h1.text-color-note{color:#747884}:host>section .header-titles h1.text-color-contract{color:#454ea0}:host>section .header-titles h1.text-color-jobCode{color:#696d79}:host>section .header-titles h1.text-color-earnCode{color:#696d79}:host>section .header-titles h1.text-color-invoiceStatement{color:#696d79}:host>section .header-titles h1.text-color-billableCharge{color:#696d79}:host>section .header-titles h1.text-color-payableCharge{color:#696d79}:host>section .header-titles h1.text-color-user{color:#696d79}:host>section .header-titles h1.text-color-corporateUser{color:#696d79}:host>section .header-titles h1.text-color-distributionList{color:#696d79}:host>section .header-titles h1.text-color-credential{color:#696d79}:host>section .header-titles h1.text-color-person{color:#696d79}:host>section .header-titles h1.margin-before{margin-top:.4rem}:host>section .header-titles h1.margin-after{margin-bottom:.8rem}:host>section .header-titles h1.text-length-small{max-width:40ch}:host>section .header-titles h1.text-length-medium{max-width:55ch}:host>section .header-titles h1.text-length-large{max-width:70ch}:host>section .header-titles h1.text-weight-hairline{font-weight:100}:host>section .header-titles h1.text-weight-thin{font-weight:200}:host>section .header-titles h1.text-weight-light{font-weight:300}:host>section .header-titles h1.text-weight-normal{font-weight:400}:host>section .header-titles h1.text-weight-medium{font-weight:500}:host>section .header-titles h1.text-weight-semibold{font-weight:600}:host>section .header-titles h1.text-weight-bold{font-weight:700}:host>section .header-titles h1.text-weight-extrabold{font-weight:800}:host>section .header-titles h1.text-weight-heavy{font-weight:900}:host>section .header-titles h1.text-weight-lighter{font-weight:lighter}:host>section .header-titles h1.text-weight-bolder{font-weight:bolder}:host>section>::ng-deep section{flex:2 2 250px;min-width:100px}:host>section ::ng-deep utils,:host>section ::ng-deep novo-utils{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}:host>section ::ng-deep .novo-action{display:flex}:host.novo-accent-black .header-titles ::ng-deep .novo-icon,:host.novo-accent-black .header-title ::ng-deep .novo-icon{color:#000}:host.novo-accent-black>section:first-of-type{border-bottom:2px solid #000000}:host.novo-theme-black>section:first-of-type{background:#000000;color:#fff;border-bottom:none}:host.novo-theme-black ::ng-deep .novo-title{color:inherit}:host.novo-theme-black ::ng-deep .novo-action button,:host.novo-theme-black ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-white .header-titles ::ng-deep .novo-icon,:host.novo-accent-white .header-title ::ng-deep .novo-icon{color:#fff}:host.novo-accent-white>section:first-of-type{border-bottom:2px solid #ffffff}:host.novo-theme-white>section:first-of-type{background:#ffffff;color:#3d464d;border-bottom:none}:host.novo-theme-white ::ng-deep .novo-title{color:inherit}:host.novo-theme-white ::ng-deep .novo-action button,:host.novo-theme-white ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-gray .header-titles ::ng-deep .novo-icon,:host.novo-accent-gray .header-title ::ng-deep .novo-icon{color:#9e9e9e}:host.novo-accent-gray>section:first-of-type{border-bottom:2px solid #9e9e9e}:host.novo-theme-gray>section:first-of-type{background:#9e9e9e;color:#3d464d;border-bottom:none}:host.novo-theme-gray ::ng-deep .novo-title{color:inherit}:host.novo-theme-gray ::ng-deep .novo-action button,:host.novo-theme-gray ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-grey .header-titles ::ng-deep .novo-icon,:host.novo-accent-grey .header-title ::ng-deep .novo-icon{color:#9e9e9e}:host.novo-accent-grey>section:first-of-type{border-bottom:2px solid #9e9e9e}:host.novo-theme-grey>section:first-of-type{background:#9e9e9e;color:#3d464d;border-bottom:none}:host.novo-theme-grey ::ng-deep .novo-title{color:inherit}:host.novo-theme-grey ::ng-deep .novo-action button,:host.novo-theme-grey ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-offWhite .header-titles ::ng-deep .novo-icon,:host.novo-accent-offWhite .header-title ::ng-deep .novo-icon{color:#f7f7f7}:host.novo-accent-offWhite>section:first-of-type{border-bottom:2px solid #f7f7f7}:host.novo-theme-offWhite>section:first-of-type{background:#f7f7f7;color:#3d464d;border-bottom:none}:host.novo-theme-offWhite ::ng-deep .novo-title{color:inherit}:host.novo-theme-offWhite ::ng-deep .novo-action button,:host.novo-theme-offWhite ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-bright .header-titles ::ng-deep .novo-icon,:host.novo-accent-bright .header-title ::ng-deep .novo-icon{color:#f7f7f7}:host.novo-accent-bright>section:first-of-type{border-bottom:2px solid #f7f7f7}:host.novo-theme-bright>section:first-of-type{background:#f7f7f7;color:#3d464d;border-bottom:none}:host.novo-theme-bright ::ng-deep .novo-title{color:inherit}:host.novo-theme-bright ::ng-deep .novo-action button,:host.novo-theme-bright ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-light .header-titles ::ng-deep .novo-icon,:host.novo-accent-light .header-title ::ng-deep .novo-icon{color:#dbdbdb}:host.novo-accent-light>section:first-of-type{border-bottom:2px solid #dbdbdb}:host.novo-theme-light>section:first-of-type{background:#dbdbdb;color:#3d464d;border-bottom:none}:host.novo-theme-light ::ng-deep .novo-title{color:inherit}:host.novo-theme-light ::ng-deep .novo-action button,:host.novo-theme-light ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-neutral .header-titles ::ng-deep .novo-icon,:host.novo-accent-neutral .header-title ::ng-deep .novo-icon{color:#4f5361}:host.novo-accent-neutral>section:first-of-type{border-bottom:2px solid #4f5361}:host.novo-theme-neutral>section:first-of-type{background:#4f5361;color:#fff;border-bottom:none}:host.novo-theme-neutral ::ng-deep .novo-title{color:inherit}:host.novo-theme-neutral ::ng-deep .novo-action button,:host.novo-theme-neutral ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-dark .header-titles ::ng-deep .novo-icon,:host.novo-accent-dark .header-title ::ng-deep .novo-icon{color:#3d464d}:host.novo-accent-dark>section:first-of-type{border-bottom:2px solid #3d464d}:host.novo-theme-dark>section:first-of-type{background:#3d464d;color:#fff;border-bottom:none}:host.novo-theme-dark ::ng-deep .novo-title{color:inherit}:host.novo-theme-dark ::ng-deep .novo-action button,:host.novo-theme-dark ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-orange .header-titles ::ng-deep .novo-icon,:host.novo-accent-orange .header-title ::ng-deep .novo-icon{color:#ff6900}:host.novo-accent-orange>section:first-of-type{border-bottom:2px solid #ff6900}:host.novo-theme-orange>section:first-of-type{background:#ff6900;color:#3d464d;border-bottom:none}:host.novo-theme-orange ::ng-deep .novo-title{color:inherit}:host.novo-theme-orange ::ng-deep .novo-action button,:host.novo-theme-orange ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-navigation .header-titles ::ng-deep .novo-icon,:host.novo-accent-navigation .header-title ::ng-deep .novo-icon{color:#202945}:host.novo-accent-navigation>section:first-of-type{border-bottom:2px solid #202945}:host.novo-theme-navigation>section:first-of-type{background:#202945;color:#fff;border-bottom:none}:host.novo-theme-navigation ::ng-deep .novo-title{color:inherit}:host.novo-theme-navigation ::ng-deep .novo-action button,:host.novo-theme-navigation ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-skyBlue .header-titles ::ng-deep .novo-icon,:host.novo-accent-skyBlue .header-title ::ng-deep .novo-icon{color:#009bdf}:host.novo-accent-skyBlue>section:first-of-type{border-bottom:2px solid #009bdf}:host.novo-theme-skyBlue>section:first-of-type{background:#009bdf;color:#fff;border-bottom:none}:host.novo-theme-skyBlue ::ng-deep .novo-title{color:inherit}:host.novo-theme-skyBlue ::ng-deep .novo-action button,:host.novo-theme-skyBlue ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-steel .header-titles ::ng-deep .novo-icon,:host.novo-accent-steel .header-title ::ng-deep .novo-icon{color:#5b6770}:host.novo-accent-steel>section:first-of-type{border-bottom:2px solid #5b6770}:host.novo-theme-steel>section:first-of-type{background:#5b6770;color:#fff;border-bottom:none}:host.novo-theme-steel ::ng-deep .novo-title{color:inherit}:host.novo-theme-steel ::ng-deep .novo-action button,:host.novo-theme-steel ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-metal .header-titles ::ng-deep .novo-icon,:host.novo-accent-metal .header-title ::ng-deep .novo-icon{color:#637893}:host.novo-accent-metal>section:first-of-type{border-bottom:2px solid #637893}:host.novo-theme-metal>section:first-of-type{background:#637893;color:#fff;border-bottom:none}:host.novo-theme-metal ::ng-deep .novo-title{color:inherit}:host.novo-theme-metal ::ng-deep .novo-action button,:host.novo-theme-metal ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-sand .header-titles ::ng-deep .novo-icon,:host.novo-accent-sand .header-title ::ng-deep .novo-icon{color:#f4f4f4}:host.novo-accent-sand>section:first-of-type{border-bottom:2px solid #f4f4f4}:host.novo-theme-sand>section:first-of-type{background:#f4f4f4;color:#3d464d;border-bottom:none}:host.novo-theme-sand ::ng-deep .novo-title{color:inherit}:host.novo-theme-sand ::ng-deep .novo-action button,:host.novo-theme-sand ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-silver .header-titles ::ng-deep .novo-icon,:host.novo-accent-silver .header-title ::ng-deep .novo-icon{color:#e2e2e2}:host.novo-accent-silver>section:first-of-type{border-bottom:2px solid #e2e2e2}:host.novo-theme-silver>section:first-of-type{background:#e2e2e2;color:#3d464d;border-bottom:none}:host.novo-theme-silver ::ng-deep .novo-title{color:inherit}:host.novo-theme-silver ::ng-deep .novo-action button,:host.novo-theme-silver ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-stone .header-titles ::ng-deep .novo-icon,:host.novo-accent-stone .header-title ::ng-deep .novo-icon{color:#bebebe}:host.novo-accent-stone>section:first-of-type{border-bottom:2px solid #bebebe}:host.novo-theme-stone>section:first-of-type{background:#bebebe;color:#3d464d;border-bottom:none}:host.novo-theme-stone ::ng-deep .novo-title{color:inherit}:host.novo-theme-stone ::ng-deep .novo-action button,:host.novo-theme-stone ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-ash .header-titles ::ng-deep .novo-icon,:host.novo-accent-ash .header-title ::ng-deep .novo-icon{color:#a0a0a0}:host.novo-accent-ash>section:first-of-type{border-bottom:2px solid #a0a0a0}:host.novo-theme-ash>section:first-of-type{background:#a0a0a0;color:#3d464d;border-bottom:none}:host.novo-theme-ash ::ng-deep .novo-title{color:inherit}:host.novo-theme-ash ::ng-deep .novo-action button,:host.novo-theme-ash ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-slate .header-titles ::ng-deep .novo-icon,:host.novo-accent-slate .header-title ::ng-deep .novo-icon{color:#707070}:host.novo-accent-slate>section:first-of-type{border-bottom:2px solid #707070}:host.novo-theme-slate>section:first-of-type{background:#707070;color:#fff;border-bottom:none}:host.novo-theme-slate ::ng-deep .novo-title{color:inherit}:host.novo-theme-slate ::ng-deep .novo-action button,:host.novo-theme-slate ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-onyx .header-titles ::ng-deep .novo-icon,:host.novo-accent-onyx .header-title ::ng-deep .novo-icon{color:#526980}:host.novo-accent-onyx>section:first-of-type{border-bottom:2px solid #526980}:host.novo-theme-onyx>section:first-of-type{background:#526980;color:#fff;border-bottom:none}:host.novo-theme-onyx ::ng-deep .novo-title{color:inherit}:host.novo-theme-onyx ::ng-deep .novo-action button,:host.novo-theme-onyx ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-charcoal .header-titles ::ng-deep .novo-icon,:host.novo-accent-charcoal .header-title ::ng-deep .novo-icon{color:#282828}:host.novo-accent-charcoal>section:first-of-type{border-bottom:2px solid #282828}:host.novo-theme-charcoal>section:first-of-type{background:#282828;color:#fff;border-bottom:none}:host.novo-theme-charcoal ::ng-deep .novo-title{color:inherit}:host.novo-theme-charcoal ::ng-deep .novo-action button,:host.novo-theme-charcoal ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-moonlight .header-titles ::ng-deep .novo-icon,:host.novo-accent-moonlight .header-title ::ng-deep .novo-icon{color:#1a242f}:host.novo-accent-moonlight>section:first-of-type{border-bottom:2px solid #1a242f}:host.novo-theme-moonlight>section:first-of-type{background:#1a242f;color:#fff;border-bottom:none}:host.novo-theme-moonlight ::ng-deep .novo-title{color:inherit}:host.novo-theme-moonlight ::ng-deep .novo-action button,:host.novo-theme-moonlight ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-midnight .header-titles ::ng-deep .novo-icon,:host.novo-accent-midnight .header-title ::ng-deep .novo-icon{color:#202945}:host.novo-accent-midnight>section:first-of-type{border-bottom:2px solid #202945}:host.novo-theme-midnight>section:first-of-type{background:#202945;color:#fff;border-bottom:none}:host.novo-theme-midnight ::ng-deep .novo-title{color:inherit}:host.novo-theme-midnight ::ng-deep .novo-action button,:host.novo-theme-midnight ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-darkness .header-titles ::ng-deep .novo-icon,:host.novo-accent-darkness .header-title ::ng-deep .novo-icon{color:#161f27}:host.novo-accent-darkness>section:first-of-type{border-bottom:2px solid #161f27}:host.novo-theme-darkness>section:first-of-type{background:#161f27;color:#fff;border-bottom:none}:host.novo-theme-darkness ::ng-deep .novo-title{color:inherit}:host.novo-theme-darkness ::ng-deep .novo-action button,:host.novo-theme-darkness ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-navy .header-titles ::ng-deep .novo-icon,:host.novo-accent-navy .header-title ::ng-deep .novo-icon{color:#0d2d42}:host.novo-accent-navy>section:first-of-type{border-bottom:2px solid #0d2d42}:host.novo-theme-navy>section:first-of-type{background:#0d2d42;color:#fff;border-bottom:none}:host.novo-theme-navy ::ng-deep .novo-title{color:inherit}:host.novo-theme-navy ::ng-deep .novo-action button,:host.novo-theme-navy ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-aqua .header-titles ::ng-deep .novo-icon,:host.novo-accent-aqua .header-title ::ng-deep .novo-icon{color:#3bafda}:host.novo-accent-aqua>section:first-of-type{border-bottom:2px solid #3bafda}:host.novo-theme-aqua>section:first-of-type{background:#3bafda;color:#3d464d;border-bottom:none}:host.novo-theme-aqua ::ng-deep .novo-title{color:inherit}:host.novo-theme-aqua ::ng-deep .novo-action button,:host.novo-theme-aqua ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-ocean .header-titles ::ng-deep .novo-icon,:host.novo-accent-ocean .header-title ::ng-deep .novo-icon{color:#4a89dc}:host.novo-accent-ocean>section:first-of-type{border-bottom:2px solid #4a89dc}:host.novo-theme-ocean>section:first-of-type{background:#4a89dc;color:#fff;border-bottom:none}:host.novo-theme-ocean ::ng-deep .novo-title{color:inherit}:host.novo-theme-ocean ::ng-deep .novo-action button,:host.novo-theme-ocean ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-mint .header-titles ::ng-deep .novo-icon,:host.novo-accent-mint .header-title ::ng-deep .novo-icon{color:#37bc9b}:host.novo-accent-mint>section:first-of-type{border-bottom:2px solid #37bc9b}:host.novo-theme-mint>section:first-of-type{background:#37bc9b;color:#3d464d;border-bottom:none}:host.novo-theme-mint ::ng-deep .novo-title{color:inherit}:host.novo-theme-mint ::ng-deep .novo-action button,:host.novo-theme-mint ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-grass .header-titles ::ng-deep .novo-icon,:host.novo-accent-grass .header-title ::ng-deep .novo-icon{color:#8cc152}:host.novo-accent-grass>section:first-of-type{border-bottom:2px solid #8cc152}:host.novo-theme-grass>section:first-of-type{background:#8cc152;color:#fff;border-bottom:none}:host.novo-theme-grass ::ng-deep .novo-title{color:inherit}:host.novo-theme-grass ::ng-deep .novo-action button,:host.novo-theme-grass ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-sunflower .header-titles ::ng-deep .novo-icon,:host.novo-accent-sunflower .header-title ::ng-deep .novo-icon{color:#f6b042}:host.novo-accent-sunflower>section:first-of-type{border-bottom:2px solid #f6b042}:host.novo-theme-sunflower>section:first-of-type{background:#f6b042;color:#fff;border-bottom:none}:host.novo-theme-sunflower ::ng-deep .novo-title{color:inherit}:host.novo-theme-sunflower ::ng-deep .novo-action button,:host.novo-theme-sunflower ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-bittersweet .header-titles ::ng-deep .novo-icon,:host.novo-accent-bittersweet .header-title ::ng-deep .novo-icon{color:#eb6845}:host.novo-accent-bittersweet>section:first-of-type{border-bottom:2px solid #eb6845}:host.novo-theme-bittersweet>section:first-of-type{background:#eb6845;color:#fff;border-bottom:none}:host.novo-theme-bittersweet ::ng-deep .novo-title{color:inherit}:host.novo-theme-bittersweet ::ng-deep .novo-action button,:host.novo-theme-bittersweet ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-grapefruit .header-titles ::ng-deep .novo-icon,:host.novo-accent-grapefruit .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-grapefruit>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-grapefruit>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-grapefruit ::ng-deep .novo-title{color:inherit}:host.novo-theme-grapefruit ::ng-deep .novo-action button,:host.novo-theme-grapefruit ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-carnation .header-titles ::ng-deep .novo-icon,:host.novo-accent-carnation .header-title ::ng-deep .novo-icon{color:#d770ad}:host.novo-accent-carnation>section:first-of-type{border-bottom:2px solid #d770ad}:host.novo-theme-carnation>section:first-of-type{background:#d770ad;color:#fff;border-bottom:none}:host.novo-theme-carnation ::ng-deep .novo-title{color:inherit}:host.novo-theme-carnation ::ng-deep .novo-action button,:host.novo-theme-carnation ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-lavender .header-titles ::ng-deep .novo-icon,:host.novo-accent-lavender .header-title ::ng-deep .novo-icon{color:#967adc}:host.novo-accent-lavender>section:first-of-type{border-bottom:2px solid #967adc}:host.novo-theme-lavender>section:first-of-type{background:#967adc;color:#fff;border-bottom:none}:host.novo-theme-lavender ::ng-deep .novo-title{color:inherit}:host.novo-theme-lavender ::ng-deep .novo-action button,:host.novo-theme-lavender ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-mountain .header-titles ::ng-deep .novo-icon,:host.novo-accent-mountain .header-title ::ng-deep .novo-icon{color:#9678b6}:host.novo-accent-mountain>section:first-of-type{border-bottom:2px solid #9678b6}:host.novo-theme-mountain>section:first-of-type{background:#9678b6;color:#fff;border-bottom:none}:host.novo-theme-mountain ::ng-deep .novo-title{color:inherit}:host.novo-theme-mountain ::ng-deep .novo-action button,:host.novo-theme-mountain ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-info .header-titles ::ng-deep .novo-icon,:host.novo-accent-info .header-title ::ng-deep .novo-icon{color:#4a89dc}:host.novo-accent-info>section:first-of-type{border-bottom:2px solid #4a89dc}:host.novo-theme-info>section:first-of-type{background:#4a89dc;color:#fff;border-bottom:none}:host.novo-theme-info ::ng-deep .novo-title{color:inherit}:host.novo-theme-info ::ng-deep .novo-action button,:host.novo-theme-info ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-positive .header-titles ::ng-deep .novo-icon,:host.novo-accent-positive .header-title ::ng-deep .novo-icon{color:#4a89dc}:host.novo-accent-positive>section:first-of-type{border-bottom:2px solid #4a89dc}:host.novo-theme-positive>section:first-of-type{background:#4a89dc;color:#fff;border-bottom:none}:host.novo-theme-positive ::ng-deep .novo-title{color:inherit}:host.novo-theme-positive ::ng-deep .novo-action button,:host.novo-theme-positive ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-success .header-titles ::ng-deep .novo-icon,:host.novo-accent-success .header-title ::ng-deep .novo-icon{color:#8cc152}:host.novo-accent-success>section:first-of-type{border-bottom:2px solid #8cc152}:host.novo-theme-success>section:first-of-type{background:#8cc152;color:#fff;border-bottom:none}:host.novo-theme-success ::ng-deep .novo-title{color:inherit}:host.novo-theme-success ::ng-deep .novo-action button,:host.novo-theme-success ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-negative .header-titles ::ng-deep .novo-icon,:host.novo-accent-negative .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-negative>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-negative>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-negative ::ng-deep .novo-title{color:inherit}:host.novo-theme-negative ::ng-deep .novo-action button,:host.novo-theme-negative ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-danger .header-titles ::ng-deep .novo-icon,:host.novo-accent-danger .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-danger>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-danger>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-danger ::ng-deep .novo-title{color:inherit}:host.novo-theme-danger ::ng-deep .novo-action button,:host.novo-theme-danger ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-error .header-titles ::ng-deep .novo-icon,:host.novo-accent-error .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-error>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-error>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-error ::ng-deep .novo-title{color:inherit}:host.novo-theme-error ::ng-deep .novo-action button,:host.novo-theme-error ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-warning .header-titles ::ng-deep .novo-icon,:host.novo-accent-warning .header-title ::ng-deep .novo-icon{color:#f6b042}:host.novo-accent-warning>section:first-of-type{border-bottom:2px solid #f6b042}:host.novo-theme-warning>section:first-of-type{background:#f6b042;color:#fff;border-bottom:none}:host.novo-theme-warning ::ng-deep .novo-title{color:inherit}:host.novo-theme-warning ::ng-deep .novo-action button,:host.novo-theme-warning ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-empty .header-titles ::ng-deep .novo-icon,:host.novo-accent-empty .header-title ::ng-deep .novo-icon{color:#cccdcc}:host.novo-accent-empty>section:first-of-type{border-bottom:2px solid #cccdcc}:host.novo-theme-empty>section:first-of-type{background:#cccdcc;color:#3d464d;border-bottom:none}:host.novo-theme-empty ::ng-deep .novo-title{color:inherit}:host.novo-theme-empty ::ng-deep .novo-action button,:host.novo-theme-empty ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-disabled .header-titles ::ng-deep .novo-icon,:host.novo-accent-disabled .header-title ::ng-deep .novo-icon{color:#bebebe}:host.novo-accent-disabled>section:first-of-type{border-bottom:2px solid #bebebe}:host.novo-theme-disabled>section:first-of-type{background:#bebebe;color:#3d464d;border-bottom:none}:host.novo-theme-disabled ::ng-deep .novo-title{color:inherit}:host.novo-theme-disabled ::ng-deep .novo-action button,:host.novo-theme-disabled ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-background .header-titles ::ng-deep .novo-icon,:host.novo-accent-background .header-title ::ng-deep .novo-icon{color:#f7f7f7}:host.novo-accent-background>section:first-of-type{border-bottom:2px solid #f7f7f7}:host.novo-theme-background>section:first-of-type{background:#f7f7f7;color:#3d464d;border-bottom:none}:host.novo-theme-background ::ng-deep .novo-title{color:inherit}:host.novo-theme-background ::ng-deep .novo-action button,:host.novo-theme-background ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-backgroundDark .header-titles ::ng-deep .novo-icon,:host.novo-accent-backgroundDark .header-title ::ng-deep .novo-icon{color:#e2e2e2}:host.novo-accent-backgroundDark>section:first-of-type{border-bottom:2px solid #e2e2e2}:host.novo-theme-backgroundDark>section:first-of-type{background:#e2e2e2;color:#3d464d;border-bottom:none}:host.novo-theme-backgroundDark ::ng-deep .novo-title{color:inherit}:host.novo-theme-backgroundDark ::ng-deep .novo-action button,:host.novo-theme-backgroundDark ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-presentation .header-titles ::ng-deep .novo-icon,:host.novo-accent-presentation .header-title ::ng-deep .novo-icon{color:#5b6770}:host.novo-accent-presentation>section:first-of-type{border-bottom:2px solid #5b6770}:host.novo-theme-presentation>section:first-of-type{background:#5b6770;color:#fff;border-bottom:none}:host.novo-theme-presentation ::ng-deep .novo-title{color:inherit}:host.novo-theme-presentation ::ng-deep .novo-action button,:host.novo-theme-presentation ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-bullhorn .header-titles ::ng-deep .novo-icon,:host.novo-accent-bullhorn .header-title ::ng-deep .novo-icon{color:#ff6900}:host.novo-accent-bullhorn>section:first-of-type{border-bottom:2px solid #ff6900}:host.novo-theme-bullhorn>section:first-of-type{background:#ff6900;color:#3d464d;border-bottom:none}:host.novo-theme-bullhorn ::ng-deep .novo-title{color:inherit}:host.novo-theme-bullhorn ::ng-deep .novo-action button,:host.novo-theme-bullhorn ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-pulse .header-titles ::ng-deep .novo-icon,:host.novo-accent-pulse .header-title ::ng-deep .novo-icon{color:#3bafda}:host.novo-accent-pulse>section:first-of-type{border-bottom:2px solid #3bafda}:host.novo-theme-pulse>section:first-of-type{background:#3bafda;color:#3d464d;border-bottom:none}:host.novo-theme-pulse ::ng-deep .novo-title{color:inherit}:host.novo-theme-pulse ::ng-deep .novo-action button,:host.novo-theme-pulse ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-company .header-titles ::ng-deep .novo-icon,:host.novo-accent-company .header-title ::ng-deep .novo-icon{color:#39d}:host.novo-accent-company>section:first-of-type{border-bottom:2px solid #3399dd}:host.novo-theme-company>section:first-of-type{background:#3399dd;color:#fff;border-bottom:none}:host.novo-theme-company ::ng-deep .novo-title{color:inherit}:host.novo-theme-company ::ng-deep .novo-action button,:host.novo-theme-company ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-candidate .header-titles ::ng-deep .novo-icon,:host.novo-accent-candidate .header-title ::ng-deep .novo-icon{color:#4b7}:host.novo-accent-candidate>section:first-of-type{border-bottom:2px solid #44bb77}:host.novo-theme-candidate>section:first-of-type{background:#44bb77;color:#fff;border-bottom:none}:host.novo-theme-candidate ::ng-deep .novo-title{color:inherit}:host.novo-theme-candidate ::ng-deep .novo-action button,:host.novo-theme-candidate ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-lead .header-titles ::ng-deep .novo-icon,:host.novo-accent-lead .header-title ::ng-deep .novo-icon{color:#a69}:host.novo-accent-lead>section:first-of-type{border-bottom:2px solid #aa6699}:host.novo-theme-lead>section:first-of-type{background:#aa6699;color:#fff;border-bottom:none}:host.novo-theme-lead ::ng-deep .novo-title{color:inherit}:host.novo-theme-lead ::ng-deep .novo-action button,:host.novo-theme-lead ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-contact .header-titles ::ng-deep .novo-icon,:host.novo-accent-contact .header-title ::ng-deep .novo-icon{color:#fa4}:host.novo-accent-contact>section:first-of-type{border-bottom:2px solid #ffaa44}:host.novo-theme-contact>section:first-of-type{background:#ffaa44;color:#fff;border-bottom:none}:host.novo-theme-contact ::ng-deep .novo-title{color:inherit}:host.novo-theme-contact ::ng-deep .novo-action button,:host.novo-theme-contact ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-clientcontact .header-titles ::ng-deep .novo-icon,:host.novo-accent-clientcontact .header-title ::ng-deep .novo-icon{color:#fa4}:host.novo-accent-clientcontact>section:first-of-type{border-bottom:2px solid #ffaa44}:host.novo-theme-clientcontact>section:first-of-type{background:#ffaa44;color:#fff;border-bottom:none}:host.novo-theme-clientcontact ::ng-deep .novo-title{color:inherit}:host.novo-theme-clientcontact ::ng-deep .novo-action button,:host.novo-theme-clientcontact ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-opportunity .header-titles ::ng-deep .novo-icon,:host.novo-accent-opportunity .header-title ::ng-deep .novo-icon{color:#625}:host.novo-accent-opportunity>section:first-of-type{border-bottom:2px solid #662255}:host.novo-theme-opportunity>section:first-of-type{background:#662255;color:#fff;border-bottom:none}:host.novo-theme-opportunity ::ng-deep .novo-title{color:inherit}:host.novo-theme-opportunity ::ng-deep .novo-action button,:host.novo-theme-opportunity ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-job .header-titles ::ng-deep .novo-icon,:host.novo-accent-job .header-title ::ng-deep .novo-icon{color:#b56}:host.novo-accent-job>section:first-of-type{border-bottom:2px solid #bb5566}:host.novo-theme-job>section:first-of-type{background:#bb5566;color:#fff;border-bottom:none}:host.novo-theme-job ::ng-deep .novo-title{color:inherit}:host.novo-theme-job ::ng-deep .novo-action button,:host.novo-theme-job ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-joborder .header-titles ::ng-deep .novo-icon,:host.novo-accent-joborder .header-title ::ng-deep .novo-icon{color:#b56}:host.novo-accent-joborder>section:first-of-type{border-bottom:2px solid #bb5566}:host.novo-theme-joborder>section:first-of-type{background:#bb5566;color:#fff;border-bottom:none}:host.novo-theme-joborder ::ng-deep .novo-title{color:inherit}:host.novo-theme-joborder ::ng-deep .novo-action button,:host.novo-theme-joborder ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-submission .header-titles ::ng-deep .novo-icon,:host.novo-accent-submission .header-title ::ng-deep .novo-icon{color:#a9adbb}:host.novo-accent-submission>section:first-of-type{border-bottom:2px solid #a9adbb}:host.novo-theme-submission>section:first-of-type{background:#a9adbb;color:#3d464d;border-bottom:none}:host.novo-theme-submission ::ng-deep .novo-title{color:inherit}:host.novo-theme-submission ::ng-deep .novo-action button,:host.novo-theme-submission ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-sendout .header-titles ::ng-deep .novo-icon,:host.novo-accent-sendout .header-title ::ng-deep .novo-icon{color:#747884}:host.novo-accent-sendout>section:first-of-type{border-bottom:2px solid #747884}:host.novo-theme-sendout>section:first-of-type{background:#747884;color:#fff;border-bottom:none}:host.novo-theme-sendout ::ng-deep .novo-title{color:inherit}:host.novo-theme-sendout ::ng-deep .novo-action button,:host.novo-theme-sendout ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-placement .header-titles ::ng-deep .novo-icon,:host.novo-accent-placement .header-title ::ng-deep .novo-icon{color:#0b344f}:host.novo-accent-placement>section:first-of-type{border-bottom:2px solid #0b344f}:host.novo-theme-placement>section:first-of-type{background:#0b344f;color:#fff;border-bottom:none}:host.novo-theme-placement ::ng-deep .novo-title{color:inherit}:host.novo-theme-placement ::ng-deep .novo-action button,:host.novo-theme-placement ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-note .header-titles ::ng-deep .novo-icon,:host.novo-accent-note .header-title ::ng-deep .novo-icon{color:#747884}:host.novo-accent-note>section:first-of-type{border-bottom:2px solid #747884}:host.novo-theme-note>section:first-of-type{background:#747884;color:#fff;border-bottom:none}:host.novo-theme-note ::ng-deep .novo-title{color:inherit}:host.novo-theme-note ::ng-deep .novo-action button,:host.novo-theme-note ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-contract .header-titles ::ng-deep .novo-icon,:host.novo-accent-contract .header-title ::ng-deep .novo-icon{color:#454ea0}:host.novo-accent-contract>section:first-of-type{border-bottom:2px solid #454ea0}:host.novo-theme-contract>section:first-of-type{background:#454ea0;color:#fff;border-bottom:none}:host.novo-theme-contract ::ng-deep .novo-title{color:inherit}:host.novo-theme-contract ::ng-deep .novo-action button,:host.novo-theme-contract ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-jobCode .header-titles ::ng-deep .novo-icon,:host.novo-accent-jobCode .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-jobCode>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-jobCode>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-jobCode ::ng-deep .novo-title{color:inherit}:host.novo-theme-jobCode ::ng-deep .novo-action button,:host.novo-theme-jobCode ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-earnCode .header-titles ::ng-deep .novo-icon,:host.novo-accent-earnCode .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-earnCode>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-earnCode>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-earnCode ::ng-deep .novo-title{color:inherit}:host.novo-theme-earnCode ::ng-deep .novo-action button,:host.novo-theme-earnCode ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-invoiceStatement .header-titles ::ng-deep .novo-icon,:host.novo-accent-invoiceStatement .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-invoiceStatement>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-invoiceStatement>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-invoiceStatement ::ng-deep .novo-title{color:inherit}:host.novo-theme-invoiceStatement ::ng-deep .novo-action button,:host.novo-theme-invoiceStatement ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-billableCharge .header-titles ::ng-deep .novo-icon,:host.novo-accent-billableCharge .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-billableCharge>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-billableCharge>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-billableCharge ::ng-deep .novo-title{color:inherit}:host.novo-theme-billableCharge ::ng-deep .novo-action button,:host.novo-theme-billableCharge ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-payableCharge .header-titles ::ng-deep .novo-icon,:host.novo-accent-payableCharge .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-payableCharge>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-payableCharge>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-payableCharge ::ng-deep .novo-title{color:inherit}:host.novo-theme-payableCharge ::ng-deep .novo-action button,:host.novo-theme-payableCharge ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-user .header-titles ::ng-deep .novo-icon,:host.novo-accent-user .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-user>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-user>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-user ::ng-deep .novo-title{color:inherit}:host.novo-theme-user ::ng-deep .novo-action button,:host.novo-theme-user ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-corporateUser .header-titles ::ng-deep .novo-icon,:host.novo-accent-corporateUser .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-corporateUser>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-corporateUser>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-corporateUser ::ng-deep .novo-title{color:inherit}:host.novo-theme-corporateUser ::ng-deep .novo-action button,:host.novo-theme-corporateUser ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-distributionList .header-titles ::ng-deep .novo-icon,:host.novo-accent-distributionList .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-distributionList>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-distributionList>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-distributionList ::ng-deep .novo-title{color:inherit}:host.novo-theme-distributionList ::ng-deep .novo-action button,:host.novo-theme-distributionList ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-credential .header-titles ::ng-deep .novo-icon,:host.novo-accent-credential .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-credential>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-credential>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-credential ::ng-deep .novo-title{color:inherit}:host.novo-theme-credential ::ng-deep .novo-action button,:host.novo-theme-credential ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-person .header-titles ::ng-deep .novo-icon,:host.novo-accent-person .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-person>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-person>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-person ::ng-deep .novo-title{color:inherit}:host.novo-theme-person ::ng-deep .novo-action button,:host.novo-theme-person ::ng-deep .novo-action .novo-button{color:inherit}:host>main{padding:4px 16px 4px 32px}:host>::ng-deep novo-nav{padding-left:16px}:host>::ng-deep novo-nav.block{padding-left:0}:host.condensed .header-title,:host.condensed .header-titles{line-height:1.375}:host.condensed>section{height:3.6rem}:host.condensed ::ng-deep .novo-icon{margin-right:.5rem!important;font-size:1.8rem}:host .header-actions{display:flex;flex-flow:row nowrap}\n"], components: [{ type: i3.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { type: i2.NovoTitle, selector: "novo-title,[novo-title]" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
128
|
+
`, isInline: true, styles: [":host{display:block;background-color:#fff;background-color:var(--background-bright, #ffffff)}:host .spacer{flex:1 1 0%}:host[size=small]>section{height:3.6rem}:host.header-size-small>section{height:3.2rem}:host.header-size-default>section{height:5rem}:host.header-size-large>section{height:6.4rem}:host>section{display:flex;flex-direction:row;align-items:center;padding:0 1.25rem;gap:.5rem;box-sizing:border-box}:host>section .header-icon{font-size:var(--font-size-2xl)}:host>section div.header-title{display:flex;align-items:center;gap:.5rem;-webkit-padding-end:2em;padding-inline-end:2em;min-width:0;flex-shrink:1}:host>section div.header-title .novo-title{overflow:hidden}:host>section div.header-title ::ng-deep novo-icon{margin-right:1rem}:host>section .header-titles{display:flex;flex-direction:column;max-width:100%}:host>section .header-titles .novo-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host>section .header-titles h1{font-weight:500;line-height:1.5;color:#3d464d;color:var(--text-main, #3d464d);font-size:var(--font-size-title);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;margin:0;padding:0 20px 0 0;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host>section .header-titles h1.text-capitalize{text-transform:capitalize}:host>section .header-titles h1.text-uppercase{text-transform:uppercase}:host>section .header-titles h1.text-nowrap{white-space:nowrap}:host>section .header-titles h1.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>section .header-titles h1.text-size-default{font-size:inherit}:host>section .header-titles h1.text-size-body{font-size:1.3rem}:host>section .header-titles h1.text-size-xs{font-size:1rem}:host>section .header-titles h1.text-size-sm{font-size:1.2rem}:host>section .header-titles h1.text-size-md{font-size:1.3rem}:host>section .header-titles h1.text-size-lg{font-size:1.6rem}:host>section .header-titles h1.text-size-xl{font-size:2rem}:host>section .header-titles h1.text-size-2xl{font-size:2.6rem}:host>section .header-titles h1.text-size-3xl{font-size:3.2rem}:host>section .header-titles h1.text-size-smaller{font-size:.8em}:host>section .header-titles h1.text-size-larger{font-size:1.2em}:host>section .header-titles h1.text-color-black{color:#000}:host>section .header-titles h1.text-color-white{color:#fff}:host>section .header-titles h1.text-color-gray{color:#9e9e9e}:host>section .header-titles h1.text-color-grey{color:#9e9e9e}:host>section .header-titles h1.text-color-offWhite{color:#f7f7f7}:host>section .header-titles h1.text-color-bright{color:#f7f7f7}:host>section .header-titles h1.text-color-light{color:#dbdbdb}:host>section .header-titles h1.text-color-neutral{color:#4f5361}:host>section .header-titles h1.text-color-dark{color:#3d464d}:host>section .header-titles h1.text-color-orange{color:#ff6900}:host>section .header-titles h1.text-color-navigation{color:#202945}:host>section .header-titles h1.text-color-skyBlue{color:#009bdf}:host>section .header-titles h1.text-color-steel{color:#5b6770}:host>section .header-titles h1.text-color-metal{color:#637893}:host>section .header-titles h1.text-color-sand{color:#f4f4f4}:host>section .header-titles h1.text-color-silver{color:#e2e2e2}:host>section .header-titles h1.text-color-stone{color:#bebebe}:host>section .header-titles h1.text-color-ash{color:#a0a0a0}:host>section .header-titles h1.text-color-slate{color:#707070}:host>section .header-titles h1.text-color-onyx{color:#526980}:host>section .header-titles h1.text-color-charcoal{color:#282828}:host>section .header-titles h1.text-color-moonlight{color:#1a242f}:host>section .header-titles h1.text-color-midnight{color:#202945}:host>section .header-titles h1.text-color-darkness{color:#161f27}:host>section .header-titles h1.text-color-navy{color:#0d2d42}:host>section .header-titles h1.text-color-aqua{color:#3bafda}:host>section .header-titles h1.text-color-ocean{color:#4a89dc}:host>section .header-titles h1.text-color-mint{color:#37bc9b}:host>section .header-titles h1.text-color-grass{color:#8cc152}:host>section .header-titles h1.text-color-sunflower{color:#f6b042}:host>section .header-titles h1.text-color-bittersweet{color:#eb6845}:host>section .header-titles h1.text-color-grapefruit{color:#da4453}:host>section .header-titles h1.text-color-carnation{color:#d770ad}:host>section .header-titles h1.text-color-lavender{color:#967adc}:host>section .header-titles h1.text-color-mountain{color:#9678b6}:host>section .header-titles h1.text-color-info{color:#4a89dc}:host>section .header-titles h1.text-color-positive{color:#4a89dc}:host>section .header-titles h1.text-color-success{color:#8cc152}:host>section .header-titles h1.text-color-negative{color:#da4453}:host>section .header-titles h1.text-color-danger{color:#da4453}:host>section .header-titles h1.text-color-error{color:#da4453}:host>section .header-titles h1.text-color-warning{color:#f6b042}:host>section .header-titles h1.text-color-empty{color:#cccdcc}:host>section .header-titles h1.text-color-disabled{color:#bebebe}:host>section .header-titles h1.text-color-background{color:#f7f7f7}:host>section .header-titles h1.text-color-backgroundDark{color:#e2e2e2}:host>section .header-titles h1.text-color-presentation{color:#5b6770}:host>section .header-titles h1.text-color-bullhorn{color:#ff6900}:host>section .header-titles h1.text-color-pulse{color:#3bafda}:host>section .header-titles h1.text-color-company{color:#39d}:host>section .header-titles h1.text-color-candidate{color:#4b7}:host>section .header-titles h1.text-color-lead{color:#a69}:host>section .header-titles h1.text-color-contact{color:#fa4}:host>section .header-titles h1.text-color-clientcontact{color:#fa4}:host>section .header-titles h1.text-color-opportunity{color:#625}:host>section .header-titles h1.text-color-job{color:#b56}:host>section .header-titles h1.text-color-joborder{color:#b56}:host>section .header-titles h1.text-color-submission{color:#a9adbb}:host>section .header-titles h1.text-color-sendout{color:#747884}:host>section .header-titles h1.text-color-placement{color:#0b344f}:host>section .header-titles h1.text-color-note{color:#747884}:host>section .header-titles h1.text-color-contract{color:#454ea0}:host>section .header-titles h1.text-color-jobCode{color:#696d79}:host>section .header-titles h1.text-color-earnCode{color:#696d79}:host>section .header-titles h1.text-color-invoiceStatement{color:#696d79}:host>section .header-titles h1.text-color-billableCharge{color:#696d79}:host>section .header-titles h1.text-color-payableCharge{color:#696d79}:host>section .header-titles h1.text-color-user{color:#696d79}:host>section .header-titles h1.text-color-corporateUser{color:#696d79}:host>section .header-titles h1.text-color-distributionList{color:#696d79}:host>section .header-titles h1.text-color-credential{color:#696d79}:host>section .header-titles h1.text-color-person{color:#696d79}:host>section .header-titles h1.margin-before{margin-top:.4rem}:host>section .header-titles h1.margin-after{margin-bottom:.8rem}:host>section .header-titles h1.text-length-small{max-width:40ch}:host>section .header-titles h1.text-length-medium{max-width:55ch}:host>section .header-titles h1.text-length-large{max-width:70ch}:host>section .header-titles h1.text-weight-hairline{font-weight:100}:host>section .header-titles h1.text-weight-thin{font-weight:200}:host>section .header-titles h1.text-weight-light{font-weight:300}:host>section .header-titles h1.text-weight-normal{font-weight:400}:host>section .header-titles h1.text-weight-medium{font-weight:500}:host>section .header-titles h1.text-weight-semibold{font-weight:600}:host>section .header-titles h1.text-weight-bold{font-weight:700}:host>section .header-titles h1.text-weight-extrabold{font-weight:800}:host>section .header-titles h1.text-weight-heavy{font-weight:900}:host>section .header-titles h1.text-weight-lighter{font-weight:lighter}:host>section .header-titles h1.text-weight-bolder{font-weight:bolder}:host>section>::ng-deep section{flex:2 2 250px;min-width:100px}:host>section ::ng-deep utils,:host>section ::ng-deep novo-utils{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}:host>section ::ng-deep .novo-action{display:flex}:host.novo-accent-black .header-titles ::ng-deep .novo-icon,:host.novo-accent-black .header-title ::ng-deep .novo-icon{color:#000}:host.novo-accent-black>section:first-of-type{border-bottom:2px solid #000000}:host.novo-theme-black>section:first-of-type{background:#000000;color:#fff;border-bottom:none}:host.novo-theme-black ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-black ::ng-deep .novo-action button,:host.novo-theme-black ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-white .header-titles ::ng-deep .novo-icon,:host.novo-accent-white .header-title ::ng-deep .novo-icon{color:#fff}:host.novo-accent-white>section:first-of-type{border-bottom:2px solid #ffffff}:host.novo-theme-white>section:first-of-type{background:#ffffff;color:#3d464d;border-bottom:none}:host.novo-theme-white ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-white ::ng-deep .novo-action button,:host.novo-theme-white ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-gray .header-titles ::ng-deep .novo-icon,:host.novo-accent-gray .header-title ::ng-deep .novo-icon{color:#9e9e9e}:host.novo-accent-gray>section:first-of-type{border-bottom:2px solid #9e9e9e}:host.novo-theme-gray>section:first-of-type{background:#9e9e9e;color:#3d464d;border-bottom:none}:host.novo-theme-gray ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-gray ::ng-deep .novo-action button,:host.novo-theme-gray ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-grey .header-titles ::ng-deep .novo-icon,:host.novo-accent-grey .header-title ::ng-deep .novo-icon{color:#9e9e9e}:host.novo-accent-grey>section:first-of-type{border-bottom:2px solid #9e9e9e}:host.novo-theme-grey>section:first-of-type{background:#9e9e9e;color:#3d464d;border-bottom:none}:host.novo-theme-grey ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-grey ::ng-deep .novo-action button,:host.novo-theme-grey ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-offWhite .header-titles ::ng-deep .novo-icon,:host.novo-accent-offWhite .header-title ::ng-deep .novo-icon{color:#f7f7f7}:host.novo-accent-offWhite>section:first-of-type{border-bottom:2px solid #f7f7f7}:host.novo-theme-offWhite>section:first-of-type{background:#f7f7f7;color:#3d464d;border-bottom:none}:host.novo-theme-offWhite ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-offWhite ::ng-deep .novo-action button,:host.novo-theme-offWhite ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-bright .header-titles ::ng-deep .novo-icon,:host.novo-accent-bright .header-title ::ng-deep .novo-icon{color:#f7f7f7}:host.novo-accent-bright>section:first-of-type{border-bottom:2px solid #f7f7f7}:host.novo-theme-bright>section:first-of-type{background:#f7f7f7;color:#3d464d;border-bottom:none}:host.novo-theme-bright ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-bright ::ng-deep .novo-action button,:host.novo-theme-bright ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-light .header-titles ::ng-deep .novo-icon,:host.novo-accent-light .header-title ::ng-deep .novo-icon{color:#dbdbdb}:host.novo-accent-light>section:first-of-type{border-bottom:2px solid #dbdbdb}:host.novo-theme-light>section:first-of-type{background:#dbdbdb;color:#3d464d;border-bottom:none}:host.novo-theme-light ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-light ::ng-deep .novo-action button,:host.novo-theme-light ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-neutral .header-titles ::ng-deep .novo-icon,:host.novo-accent-neutral .header-title ::ng-deep .novo-icon{color:#4f5361}:host.novo-accent-neutral>section:first-of-type{border-bottom:2px solid #4f5361}:host.novo-theme-neutral>section:first-of-type{background:#4f5361;color:#fff;border-bottom:none}:host.novo-theme-neutral ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-neutral ::ng-deep .novo-action button,:host.novo-theme-neutral ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-dark .header-titles ::ng-deep .novo-icon,:host.novo-accent-dark .header-title ::ng-deep .novo-icon{color:#3d464d}:host.novo-accent-dark>section:first-of-type{border-bottom:2px solid #3d464d}:host.novo-theme-dark>section:first-of-type{background:#3d464d;color:#fff;border-bottom:none}:host.novo-theme-dark ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-dark ::ng-deep .novo-action button,:host.novo-theme-dark ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-orange .header-titles ::ng-deep .novo-icon,:host.novo-accent-orange .header-title ::ng-deep .novo-icon{color:#ff6900}:host.novo-accent-orange>section:first-of-type{border-bottom:2px solid #ff6900}:host.novo-theme-orange>section:first-of-type{background:#ff6900;color:#3d464d;border-bottom:none}:host.novo-theme-orange ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-orange ::ng-deep .novo-action button,:host.novo-theme-orange ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-navigation .header-titles ::ng-deep .novo-icon,:host.novo-accent-navigation .header-title ::ng-deep .novo-icon{color:#202945}:host.novo-accent-navigation>section:first-of-type{border-bottom:2px solid #202945}:host.novo-theme-navigation>section:first-of-type{background:#202945;color:#fff;border-bottom:none}:host.novo-theme-navigation ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-navigation ::ng-deep .novo-action button,:host.novo-theme-navigation ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-skyBlue .header-titles ::ng-deep .novo-icon,:host.novo-accent-skyBlue .header-title ::ng-deep .novo-icon{color:#009bdf}:host.novo-accent-skyBlue>section:first-of-type{border-bottom:2px solid #009bdf}:host.novo-theme-skyBlue>section:first-of-type{background:#009bdf;color:#fff;border-bottom:none}:host.novo-theme-skyBlue ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-skyBlue ::ng-deep .novo-action button,:host.novo-theme-skyBlue ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-steel .header-titles ::ng-deep .novo-icon,:host.novo-accent-steel .header-title ::ng-deep .novo-icon{color:#5b6770}:host.novo-accent-steel>section:first-of-type{border-bottom:2px solid #5b6770}:host.novo-theme-steel>section:first-of-type{background:#5b6770;color:#fff;border-bottom:none}:host.novo-theme-steel ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-steel ::ng-deep .novo-action button,:host.novo-theme-steel ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-metal .header-titles ::ng-deep .novo-icon,:host.novo-accent-metal .header-title ::ng-deep .novo-icon{color:#637893}:host.novo-accent-metal>section:first-of-type{border-bottom:2px solid #637893}:host.novo-theme-metal>section:first-of-type{background:#637893;color:#fff;border-bottom:none}:host.novo-theme-metal ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-metal ::ng-deep .novo-action button,:host.novo-theme-metal ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-sand .header-titles ::ng-deep .novo-icon,:host.novo-accent-sand .header-title ::ng-deep .novo-icon{color:#f4f4f4}:host.novo-accent-sand>section:first-of-type{border-bottom:2px solid #f4f4f4}:host.novo-theme-sand>section:first-of-type{background:#f4f4f4;color:#3d464d;border-bottom:none}:host.novo-theme-sand ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-sand ::ng-deep .novo-action button,:host.novo-theme-sand ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-silver .header-titles ::ng-deep .novo-icon,:host.novo-accent-silver .header-title ::ng-deep .novo-icon{color:#e2e2e2}:host.novo-accent-silver>section:first-of-type{border-bottom:2px solid #e2e2e2}:host.novo-theme-silver>section:first-of-type{background:#e2e2e2;color:#3d464d;border-bottom:none}:host.novo-theme-silver ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-silver ::ng-deep .novo-action button,:host.novo-theme-silver ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-stone .header-titles ::ng-deep .novo-icon,:host.novo-accent-stone .header-title ::ng-deep .novo-icon{color:#bebebe}:host.novo-accent-stone>section:first-of-type{border-bottom:2px solid #bebebe}:host.novo-theme-stone>section:first-of-type{background:#bebebe;color:#3d464d;border-bottom:none}:host.novo-theme-stone ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-stone ::ng-deep .novo-action button,:host.novo-theme-stone ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-ash .header-titles ::ng-deep .novo-icon,:host.novo-accent-ash .header-title ::ng-deep .novo-icon{color:#a0a0a0}:host.novo-accent-ash>section:first-of-type{border-bottom:2px solid #a0a0a0}:host.novo-theme-ash>section:first-of-type{background:#a0a0a0;color:#3d464d;border-bottom:none}:host.novo-theme-ash ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-ash ::ng-deep .novo-action button,:host.novo-theme-ash ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-slate .header-titles ::ng-deep .novo-icon,:host.novo-accent-slate .header-title ::ng-deep .novo-icon{color:#707070}:host.novo-accent-slate>section:first-of-type{border-bottom:2px solid #707070}:host.novo-theme-slate>section:first-of-type{background:#707070;color:#fff;border-bottom:none}:host.novo-theme-slate ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-slate ::ng-deep .novo-action button,:host.novo-theme-slate ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-onyx .header-titles ::ng-deep .novo-icon,:host.novo-accent-onyx .header-title ::ng-deep .novo-icon{color:#526980}:host.novo-accent-onyx>section:first-of-type{border-bottom:2px solid #526980}:host.novo-theme-onyx>section:first-of-type{background:#526980;color:#fff;border-bottom:none}:host.novo-theme-onyx ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-onyx ::ng-deep .novo-action button,:host.novo-theme-onyx ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-charcoal .header-titles ::ng-deep .novo-icon,:host.novo-accent-charcoal .header-title ::ng-deep .novo-icon{color:#282828}:host.novo-accent-charcoal>section:first-of-type{border-bottom:2px solid #282828}:host.novo-theme-charcoal>section:first-of-type{background:#282828;color:#fff;border-bottom:none}:host.novo-theme-charcoal ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-charcoal ::ng-deep .novo-action button,:host.novo-theme-charcoal ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-moonlight .header-titles ::ng-deep .novo-icon,:host.novo-accent-moonlight .header-title ::ng-deep .novo-icon{color:#1a242f}:host.novo-accent-moonlight>section:first-of-type{border-bottom:2px solid #1a242f}:host.novo-theme-moonlight>section:first-of-type{background:#1a242f;color:#fff;border-bottom:none}:host.novo-theme-moonlight ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-moonlight ::ng-deep .novo-action button,:host.novo-theme-moonlight ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-midnight .header-titles ::ng-deep .novo-icon,:host.novo-accent-midnight .header-title ::ng-deep .novo-icon{color:#202945}:host.novo-accent-midnight>section:first-of-type{border-bottom:2px solid #202945}:host.novo-theme-midnight>section:first-of-type{background:#202945;color:#fff;border-bottom:none}:host.novo-theme-midnight ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-midnight ::ng-deep .novo-action button,:host.novo-theme-midnight ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-darkness .header-titles ::ng-deep .novo-icon,:host.novo-accent-darkness .header-title ::ng-deep .novo-icon{color:#161f27}:host.novo-accent-darkness>section:first-of-type{border-bottom:2px solid #161f27}:host.novo-theme-darkness>section:first-of-type{background:#161f27;color:#fff;border-bottom:none}:host.novo-theme-darkness ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-darkness ::ng-deep .novo-action button,:host.novo-theme-darkness ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-navy .header-titles ::ng-deep .novo-icon,:host.novo-accent-navy .header-title ::ng-deep .novo-icon{color:#0d2d42}:host.novo-accent-navy>section:first-of-type{border-bottom:2px solid #0d2d42}:host.novo-theme-navy>section:first-of-type{background:#0d2d42;color:#fff;border-bottom:none}:host.novo-theme-navy ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-navy ::ng-deep .novo-action button,:host.novo-theme-navy ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-aqua .header-titles ::ng-deep .novo-icon,:host.novo-accent-aqua .header-title ::ng-deep .novo-icon{color:#3bafda}:host.novo-accent-aqua>section:first-of-type{border-bottom:2px solid #3bafda}:host.novo-theme-aqua>section:first-of-type{background:#3bafda;color:#3d464d;border-bottom:none}:host.novo-theme-aqua ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-aqua ::ng-deep .novo-action button,:host.novo-theme-aqua ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-ocean .header-titles ::ng-deep .novo-icon,:host.novo-accent-ocean .header-title ::ng-deep .novo-icon{color:#4a89dc}:host.novo-accent-ocean>section:first-of-type{border-bottom:2px solid #4a89dc}:host.novo-theme-ocean>section:first-of-type{background:#4a89dc;color:#fff;border-bottom:none}:host.novo-theme-ocean ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-ocean ::ng-deep .novo-action button,:host.novo-theme-ocean ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-mint .header-titles ::ng-deep .novo-icon,:host.novo-accent-mint .header-title ::ng-deep .novo-icon{color:#37bc9b}:host.novo-accent-mint>section:first-of-type{border-bottom:2px solid #37bc9b}:host.novo-theme-mint>section:first-of-type{background:#37bc9b;color:#3d464d;border-bottom:none}:host.novo-theme-mint ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-mint ::ng-deep .novo-action button,:host.novo-theme-mint ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-grass .header-titles ::ng-deep .novo-icon,:host.novo-accent-grass .header-title ::ng-deep .novo-icon{color:#8cc152}:host.novo-accent-grass>section:first-of-type{border-bottom:2px solid #8cc152}:host.novo-theme-grass>section:first-of-type{background:#8cc152;color:#fff;border-bottom:none}:host.novo-theme-grass ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-grass ::ng-deep .novo-action button,:host.novo-theme-grass ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-sunflower .header-titles ::ng-deep .novo-icon,:host.novo-accent-sunflower .header-title ::ng-deep .novo-icon{color:#f6b042}:host.novo-accent-sunflower>section:first-of-type{border-bottom:2px solid #f6b042}:host.novo-theme-sunflower>section:first-of-type{background:#f6b042;color:#fff;border-bottom:none}:host.novo-theme-sunflower ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-sunflower ::ng-deep .novo-action button,:host.novo-theme-sunflower ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-bittersweet .header-titles ::ng-deep .novo-icon,:host.novo-accent-bittersweet .header-title ::ng-deep .novo-icon{color:#eb6845}:host.novo-accent-bittersweet>section:first-of-type{border-bottom:2px solid #eb6845}:host.novo-theme-bittersweet>section:first-of-type{background:#eb6845;color:#fff;border-bottom:none}:host.novo-theme-bittersweet ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-bittersweet ::ng-deep .novo-action button,:host.novo-theme-bittersweet ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-grapefruit .header-titles ::ng-deep .novo-icon,:host.novo-accent-grapefruit .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-grapefruit>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-grapefruit>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-grapefruit ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-grapefruit ::ng-deep .novo-action button,:host.novo-theme-grapefruit ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-carnation .header-titles ::ng-deep .novo-icon,:host.novo-accent-carnation .header-title ::ng-deep .novo-icon{color:#d770ad}:host.novo-accent-carnation>section:first-of-type{border-bottom:2px solid #d770ad}:host.novo-theme-carnation>section:first-of-type{background:#d770ad;color:#fff;border-bottom:none}:host.novo-theme-carnation ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-carnation ::ng-deep .novo-action button,:host.novo-theme-carnation ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-lavender .header-titles ::ng-deep .novo-icon,:host.novo-accent-lavender .header-title ::ng-deep .novo-icon{color:#967adc}:host.novo-accent-lavender>section:first-of-type{border-bottom:2px solid #967adc}:host.novo-theme-lavender>section:first-of-type{background:#967adc;color:#fff;border-bottom:none}:host.novo-theme-lavender ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-lavender ::ng-deep .novo-action button,:host.novo-theme-lavender ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-mountain .header-titles ::ng-deep .novo-icon,:host.novo-accent-mountain .header-title ::ng-deep .novo-icon{color:#9678b6}:host.novo-accent-mountain>section:first-of-type{border-bottom:2px solid #9678b6}:host.novo-theme-mountain>section:first-of-type{background:#9678b6;color:#fff;border-bottom:none}:host.novo-theme-mountain ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-mountain ::ng-deep .novo-action button,:host.novo-theme-mountain ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-info .header-titles ::ng-deep .novo-icon,:host.novo-accent-info .header-title ::ng-deep .novo-icon{color:#4a89dc}:host.novo-accent-info>section:first-of-type{border-bottom:2px solid #4a89dc}:host.novo-theme-info>section:first-of-type{background:#4a89dc;color:#fff;border-bottom:none}:host.novo-theme-info ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-info ::ng-deep .novo-action button,:host.novo-theme-info ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-positive .header-titles ::ng-deep .novo-icon,:host.novo-accent-positive .header-title ::ng-deep .novo-icon{color:#4a89dc}:host.novo-accent-positive>section:first-of-type{border-bottom:2px solid #4a89dc}:host.novo-theme-positive>section:first-of-type{background:#4a89dc;color:#fff;border-bottom:none}:host.novo-theme-positive ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-positive ::ng-deep .novo-action button,:host.novo-theme-positive ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-success .header-titles ::ng-deep .novo-icon,:host.novo-accent-success .header-title ::ng-deep .novo-icon{color:#8cc152}:host.novo-accent-success>section:first-of-type{border-bottom:2px solid #8cc152}:host.novo-theme-success>section:first-of-type{background:#8cc152;color:#fff;border-bottom:none}:host.novo-theme-success ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-success ::ng-deep .novo-action button,:host.novo-theme-success ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-negative .header-titles ::ng-deep .novo-icon,:host.novo-accent-negative .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-negative>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-negative>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-negative ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-negative ::ng-deep .novo-action button,:host.novo-theme-negative ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-danger .header-titles ::ng-deep .novo-icon,:host.novo-accent-danger .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-danger>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-danger>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-danger ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-danger ::ng-deep .novo-action button,:host.novo-theme-danger ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-error .header-titles ::ng-deep .novo-icon,:host.novo-accent-error .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-error>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-error>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-error ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-error ::ng-deep .novo-action button,:host.novo-theme-error ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-warning .header-titles ::ng-deep .novo-icon,:host.novo-accent-warning .header-title ::ng-deep .novo-icon{color:#f6b042}:host.novo-accent-warning>section:first-of-type{border-bottom:2px solid #f6b042}:host.novo-theme-warning>section:first-of-type{background:#f6b042;color:#fff;border-bottom:none}:host.novo-theme-warning ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-warning ::ng-deep .novo-action button,:host.novo-theme-warning ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-empty .header-titles ::ng-deep .novo-icon,:host.novo-accent-empty .header-title ::ng-deep .novo-icon{color:#cccdcc}:host.novo-accent-empty>section:first-of-type{border-bottom:2px solid #cccdcc}:host.novo-theme-empty>section:first-of-type{background:#cccdcc;color:#3d464d;border-bottom:none}:host.novo-theme-empty ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-empty ::ng-deep .novo-action button,:host.novo-theme-empty ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-disabled .header-titles ::ng-deep .novo-icon,:host.novo-accent-disabled .header-title ::ng-deep .novo-icon{color:#bebebe}:host.novo-accent-disabled>section:first-of-type{border-bottom:2px solid #bebebe}:host.novo-theme-disabled>section:first-of-type{background:#bebebe;color:#3d464d;border-bottom:none}:host.novo-theme-disabled ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-disabled ::ng-deep .novo-action button,:host.novo-theme-disabled ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-background .header-titles ::ng-deep .novo-icon,:host.novo-accent-background .header-title ::ng-deep .novo-icon{color:#f7f7f7}:host.novo-accent-background>section:first-of-type{border-bottom:2px solid #f7f7f7}:host.novo-theme-background>section:first-of-type{background:#f7f7f7;color:#3d464d;border-bottom:none}:host.novo-theme-background ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-background ::ng-deep .novo-action button,:host.novo-theme-background ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-backgroundDark .header-titles ::ng-deep .novo-icon,:host.novo-accent-backgroundDark .header-title ::ng-deep .novo-icon{color:#e2e2e2}:host.novo-accent-backgroundDark>section:first-of-type{border-bottom:2px solid #e2e2e2}:host.novo-theme-backgroundDark>section:first-of-type{background:#e2e2e2;color:#3d464d;border-bottom:none}:host.novo-theme-backgroundDark ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-backgroundDark ::ng-deep .novo-action button,:host.novo-theme-backgroundDark ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-presentation .header-titles ::ng-deep .novo-icon,:host.novo-accent-presentation .header-title ::ng-deep .novo-icon{color:#5b6770}:host.novo-accent-presentation>section:first-of-type{border-bottom:2px solid #5b6770}:host.novo-theme-presentation>section:first-of-type{background:#5b6770;color:#fff;border-bottom:none}:host.novo-theme-presentation ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-presentation ::ng-deep .novo-action button,:host.novo-theme-presentation ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-bullhorn .header-titles ::ng-deep .novo-icon,:host.novo-accent-bullhorn .header-title ::ng-deep .novo-icon{color:#ff6900}:host.novo-accent-bullhorn>section:first-of-type{border-bottom:2px solid #ff6900}:host.novo-theme-bullhorn>section:first-of-type{background:#ff6900;color:#3d464d;border-bottom:none}:host.novo-theme-bullhorn ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-bullhorn ::ng-deep .novo-action button,:host.novo-theme-bullhorn ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-pulse .header-titles ::ng-deep .novo-icon,:host.novo-accent-pulse .header-title ::ng-deep .novo-icon{color:#3bafda}:host.novo-accent-pulse>section:first-of-type{border-bottom:2px solid #3bafda}:host.novo-theme-pulse>section:first-of-type{background:#3bafda;color:#3d464d;border-bottom:none}:host.novo-theme-pulse ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-pulse ::ng-deep .novo-action button,:host.novo-theme-pulse ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-company .header-titles ::ng-deep .novo-icon,:host.novo-accent-company .header-title ::ng-deep .novo-icon{color:#39d}:host.novo-accent-company>section:first-of-type{border-bottom:2px solid #3399dd}:host.novo-theme-company>section:first-of-type{background:#3399dd;color:#fff;border-bottom:none}:host.novo-theme-company ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-company ::ng-deep .novo-action button,:host.novo-theme-company ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-candidate .header-titles ::ng-deep .novo-icon,:host.novo-accent-candidate .header-title ::ng-deep .novo-icon{color:#4b7}:host.novo-accent-candidate>section:first-of-type{border-bottom:2px solid #44bb77}:host.novo-theme-candidate>section:first-of-type{background:#44bb77;color:#fff;border-bottom:none}:host.novo-theme-candidate ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-candidate ::ng-deep .novo-action button,:host.novo-theme-candidate ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-lead .header-titles ::ng-deep .novo-icon,:host.novo-accent-lead .header-title ::ng-deep .novo-icon{color:#a69}:host.novo-accent-lead>section:first-of-type{border-bottom:2px solid #aa6699}:host.novo-theme-lead>section:first-of-type{background:#aa6699;color:#fff;border-bottom:none}:host.novo-theme-lead ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-lead ::ng-deep .novo-action button,:host.novo-theme-lead ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-contact .header-titles ::ng-deep .novo-icon,:host.novo-accent-contact .header-title ::ng-deep .novo-icon{color:#fa4}:host.novo-accent-contact>section:first-of-type{border-bottom:2px solid #ffaa44}:host.novo-theme-contact>section:first-of-type{background:#ffaa44;color:#fff;border-bottom:none}:host.novo-theme-contact ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-contact ::ng-deep .novo-action button,:host.novo-theme-contact ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-clientcontact .header-titles ::ng-deep .novo-icon,:host.novo-accent-clientcontact .header-title ::ng-deep .novo-icon{color:#fa4}:host.novo-accent-clientcontact>section:first-of-type{border-bottom:2px solid #ffaa44}:host.novo-theme-clientcontact>section:first-of-type{background:#ffaa44;color:#fff;border-bottom:none}:host.novo-theme-clientcontact ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-clientcontact ::ng-deep .novo-action button,:host.novo-theme-clientcontact ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-opportunity .header-titles ::ng-deep .novo-icon,:host.novo-accent-opportunity .header-title ::ng-deep .novo-icon{color:#625}:host.novo-accent-opportunity>section:first-of-type{border-bottom:2px solid #662255}:host.novo-theme-opportunity>section:first-of-type{background:#662255;color:#fff;border-bottom:none}:host.novo-theme-opportunity ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-opportunity ::ng-deep .novo-action button,:host.novo-theme-opportunity ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-job .header-titles ::ng-deep .novo-icon,:host.novo-accent-job .header-title ::ng-deep .novo-icon{color:#b56}:host.novo-accent-job>section:first-of-type{border-bottom:2px solid #bb5566}:host.novo-theme-job>section:first-of-type{background:#bb5566;color:#fff;border-bottom:none}:host.novo-theme-job ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-job ::ng-deep .novo-action button,:host.novo-theme-job ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-joborder .header-titles ::ng-deep .novo-icon,:host.novo-accent-joborder .header-title ::ng-deep .novo-icon{color:#b56}:host.novo-accent-joborder>section:first-of-type{border-bottom:2px solid #bb5566}:host.novo-theme-joborder>section:first-of-type{background:#bb5566;color:#fff;border-bottom:none}:host.novo-theme-joborder ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-joborder ::ng-deep .novo-action button,:host.novo-theme-joborder ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-submission .header-titles ::ng-deep .novo-icon,:host.novo-accent-submission .header-title ::ng-deep .novo-icon{color:#a9adbb}:host.novo-accent-submission>section:first-of-type{border-bottom:2px solid #a9adbb}:host.novo-theme-submission>section:first-of-type{background:#a9adbb;color:#3d464d;border-bottom:none}:host.novo-theme-submission ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-submission ::ng-deep .novo-action button,:host.novo-theme-submission ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-sendout .header-titles ::ng-deep .novo-icon,:host.novo-accent-sendout .header-title ::ng-deep .novo-icon{color:#747884}:host.novo-accent-sendout>section:first-of-type{border-bottom:2px solid #747884}:host.novo-theme-sendout>section:first-of-type{background:#747884;color:#fff;border-bottom:none}:host.novo-theme-sendout ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-sendout ::ng-deep .novo-action button,:host.novo-theme-sendout ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-placement .header-titles ::ng-deep .novo-icon,:host.novo-accent-placement .header-title ::ng-deep .novo-icon{color:#0b344f}:host.novo-accent-placement>section:first-of-type{border-bottom:2px solid #0b344f}:host.novo-theme-placement>section:first-of-type{background:#0b344f;color:#fff;border-bottom:none}:host.novo-theme-placement ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-placement ::ng-deep .novo-action button,:host.novo-theme-placement ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-note .header-titles ::ng-deep .novo-icon,:host.novo-accent-note .header-title ::ng-deep .novo-icon{color:#747884}:host.novo-accent-note>section:first-of-type{border-bottom:2px solid #747884}:host.novo-theme-note>section:first-of-type{background:#747884;color:#fff;border-bottom:none}:host.novo-theme-note ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-note ::ng-deep .novo-action button,:host.novo-theme-note ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-contract .header-titles ::ng-deep .novo-icon,:host.novo-accent-contract .header-title ::ng-deep .novo-icon{color:#454ea0}:host.novo-accent-contract>section:first-of-type{border-bottom:2px solid #454ea0}:host.novo-theme-contract>section:first-of-type{background:#454ea0;color:#fff;border-bottom:none}:host.novo-theme-contract ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-contract ::ng-deep .novo-action button,:host.novo-theme-contract ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-jobCode .header-titles ::ng-deep .novo-icon,:host.novo-accent-jobCode .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-jobCode>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-jobCode>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-jobCode ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-jobCode ::ng-deep .novo-action button,:host.novo-theme-jobCode ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-earnCode .header-titles ::ng-deep .novo-icon,:host.novo-accent-earnCode .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-earnCode>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-earnCode>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-earnCode ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-earnCode ::ng-deep .novo-action button,:host.novo-theme-earnCode ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-invoiceStatement .header-titles ::ng-deep .novo-icon,:host.novo-accent-invoiceStatement .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-invoiceStatement>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-invoiceStatement>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-invoiceStatement ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-invoiceStatement ::ng-deep .novo-action button,:host.novo-theme-invoiceStatement ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-billableCharge .header-titles ::ng-deep .novo-icon,:host.novo-accent-billableCharge .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-billableCharge>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-billableCharge>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-billableCharge ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-billableCharge ::ng-deep .novo-action button,:host.novo-theme-billableCharge ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-payableCharge .header-titles ::ng-deep .novo-icon,:host.novo-accent-payableCharge .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-payableCharge>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-payableCharge>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-payableCharge ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-payableCharge ::ng-deep .novo-action button,:host.novo-theme-payableCharge ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-user .header-titles ::ng-deep .novo-icon,:host.novo-accent-user .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-user>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-user>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-user ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-user ::ng-deep .novo-action button,:host.novo-theme-user ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-corporateUser .header-titles ::ng-deep .novo-icon,:host.novo-accent-corporateUser .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-corporateUser>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-corporateUser>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-corporateUser ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-corporateUser ::ng-deep .novo-action button,:host.novo-theme-corporateUser ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-distributionList .header-titles ::ng-deep .novo-icon,:host.novo-accent-distributionList .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-distributionList>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-distributionList>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-distributionList ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-distributionList ::ng-deep .novo-action button,:host.novo-theme-distributionList ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-credential .header-titles ::ng-deep .novo-icon,:host.novo-accent-credential .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-credential>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-credential>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-credential ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-credential ::ng-deep .novo-action button,:host.novo-theme-credential ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-person .header-titles ::ng-deep .novo-icon,:host.novo-accent-person .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-person>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-person>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-person ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-person ::ng-deep .novo-action button,:host.novo-theme-person ::ng-deep .novo-action .novo-button{color:inherit}:host>main{padding:4px 16px 4px 32px}:host>::ng-deep novo-nav{padding-left:16px}:host>::ng-deep novo-nav.block{padding-left:0}:host.condensed .header-title,:host.condensed .header-titles{line-height:1.375}:host.condensed>section{height:3.6rem}:host.condensed ::ng-deep .novo-icon{margin-right:.5rem!important;font-size:1.8rem}:host .header-actions{display:flex;flex-flow:row nowrap}\n"], components: [{ type: i3.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { type: i2.NovoTitle, selector: "novo-title,[novo-title]" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
129
129
|
__decorate([
|
|
130
130
|
BooleanInput(),
|
|
131
131
|
__metadata("design:type", Boolean)
|
|
@@ -159,7 +159,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
159
159
|
<ng-content select="[suffix]"></ng-content>
|
|
160
160
|
</section>
|
|
161
161
|
<ng-content></ng-content>
|
|
162
|
-
`, styles: [":host{display:block;background-color:#fff;background-color:var(--background-bright, #ffffff)}:host .spacer{flex:1 1 0%}:host[size=small]>section{height:3.6rem}:host.header-size-small>section{height:3.2rem}:host.header-size-default>section{height:5rem}:host.header-size-large>section{height:6.4rem}:host>section{display:flex;flex-direction:row;align-items:center;padding:0 1.25rem;gap:.5rem;box-sizing:border-box}:host>section .header-icon{font-size:var(--font-size-2xl)}:host>section div.header-title{display:flex;align-items:center;max-width:calc(100% - 40px);gap:.5rem}:host>section div.header-title ::ng-deep novo-icon{margin-right:1rem}:host>section .header-titles{display:flex;flex-direction:column;max-width:100%}:host>section .header-titles .novo-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host>section .header-titles h1{font-weight:500;line-height:1.5;color:#3d464d;color:var(--text-main, #3d464d);font-size:var(--font-size-title);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;margin:0;padding:0 20px 0 0;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host>section .header-titles h1.text-capitalize{text-transform:capitalize}:host>section .header-titles h1.text-uppercase{text-transform:uppercase}:host>section .header-titles h1.text-nowrap{white-space:nowrap}:host>section .header-titles h1.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>section .header-titles h1.text-size-default{font-size:inherit}:host>section .header-titles h1.text-size-body{font-size:1.3rem}:host>section .header-titles h1.text-size-xs{font-size:1rem}:host>section .header-titles h1.text-size-sm{font-size:1.2rem}:host>section .header-titles h1.text-size-md{font-size:1.3rem}:host>section .header-titles h1.text-size-lg{font-size:1.6rem}:host>section .header-titles h1.text-size-xl{font-size:2rem}:host>section .header-titles h1.text-size-2xl{font-size:2.6rem}:host>section .header-titles h1.text-size-3xl{font-size:3.2rem}:host>section .header-titles h1.text-size-smaller{font-size:.8em}:host>section .header-titles h1.text-size-larger{font-size:1.2em}:host>section .header-titles h1.text-color-black{color:#000}:host>section .header-titles h1.text-color-white{color:#fff}:host>section .header-titles h1.text-color-gray{color:#9e9e9e}:host>section .header-titles h1.text-color-grey{color:#9e9e9e}:host>section .header-titles h1.text-color-offWhite{color:#f7f7f7}:host>section .header-titles h1.text-color-bright{color:#f7f7f7}:host>section .header-titles h1.text-color-light{color:#dbdbdb}:host>section .header-titles h1.text-color-neutral{color:#4f5361}:host>section .header-titles h1.text-color-dark{color:#3d464d}:host>section .header-titles h1.text-color-orange{color:#ff6900}:host>section .header-titles h1.text-color-navigation{color:#202945}:host>section .header-titles h1.text-color-skyBlue{color:#009bdf}:host>section .header-titles h1.text-color-steel{color:#5b6770}:host>section .header-titles h1.text-color-metal{color:#637893}:host>section .header-titles h1.text-color-sand{color:#f4f4f4}:host>section .header-titles h1.text-color-silver{color:#e2e2e2}:host>section .header-titles h1.text-color-stone{color:#bebebe}:host>section .header-titles h1.text-color-ash{color:#a0a0a0}:host>section .header-titles h1.text-color-slate{color:#707070}:host>section .header-titles h1.text-color-onyx{color:#526980}:host>section .header-titles h1.text-color-charcoal{color:#282828}:host>section .header-titles h1.text-color-moonlight{color:#1a242f}:host>section .header-titles h1.text-color-midnight{color:#202945}:host>section .header-titles h1.text-color-darkness{color:#161f27}:host>section .header-titles h1.text-color-navy{color:#0d2d42}:host>section .header-titles h1.text-color-aqua{color:#3bafda}:host>section .header-titles h1.text-color-ocean{color:#4a89dc}:host>section .header-titles h1.text-color-mint{color:#37bc9b}:host>section .header-titles h1.text-color-grass{color:#8cc152}:host>section .header-titles h1.text-color-sunflower{color:#f6b042}:host>section .header-titles h1.text-color-bittersweet{color:#eb6845}:host>section .header-titles h1.text-color-grapefruit{color:#da4453}:host>section .header-titles h1.text-color-carnation{color:#d770ad}:host>section .header-titles h1.text-color-lavender{color:#967adc}:host>section .header-titles h1.text-color-mountain{color:#9678b6}:host>section .header-titles h1.text-color-info{color:#4a89dc}:host>section .header-titles h1.text-color-positive{color:#4a89dc}:host>section .header-titles h1.text-color-success{color:#8cc152}:host>section .header-titles h1.text-color-negative{color:#da4453}:host>section .header-titles h1.text-color-danger{color:#da4453}:host>section .header-titles h1.text-color-error{color:#da4453}:host>section .header-titles h1.text-color-warning{color:#f6b042}:host>section .header-titles h1.text-color-empty{color:#cccdcc}:host>section .header-titles h1.text-color-disabled{color:#bebebe}:host>section .header-titles h1.text-color-background{color:#f7f7f7}:host>section .header-titles h1.text-color-backgroundDark{color:#e2e2e2}:host>section .header-titles h1.text-color-presentation{color:#5b6770}:host>section .header-titles h1.text-color-bullhorn{color:#ff6900}:host>section .header-titles h1.text-color-pulse{color:#3bafda}:host>section .header-titles h1.text-color-company{color:#39d}:host>section .header-titles h1.text-color-candidate{color:#4b7}:host>section .header-titles h1.text-color-lead{color:#a69}:host>section .header-titles h1.text-color-contact{color:#fa4}:host>section .header-titles h1.text-color-clientcontact{color:#fa4}:host>section .header-titles h1.text-color-opportunity{color:#625}:host>section .header-titles h1.text-color-job{color:#b56}:host>section .header-titles h1.text-color-joborder{color:#b56}:host>section .header-titles h1.text-color-submission{color:#a9adbb}:host>section .header-titles h1.text-color-sendout{color:#747884}:host>section .header-titles h1.text-color-placement{color:#0b344f}:host>section .header-titles h1.text-color-note{color:#747884}:host>section .header-titles h1.text-color-contract{color:#454ea0}:host>section .header-titles h1.text-color-jobCode{color:#696d79}:host>section .header-titles h1.text-color-earnCode{color:#696d79}:host>section .header-titles h1.text-color-invoiceStatement{color:#696d79}:host>section .header-titles h1.text-color-billableCharge{color:#696d79}:host>section .header-titles h1.text-color-payableCharge{color:#696d79}:host>section .header-titles h1.text-color-user{color:#696d79}:host>section .header-titles h1.text-color-corporateUser{color:#696d79}:host>section .header-titles h1.text-color-distributionList{color:#696d79}:host>section .header-titles h1.text-color-credential{color:#696d79}:host>section .header-titles h1.text-color-person{color:#696d79}:host>section .header-titles h1.margin-before{margin-top:.4rem}:host>section .header-titles h1.margin-after{margin-bottom:.8rem}:host>section .header-titles h1.text-length-small{max-width:40ch}:host>section .header-titles h1.text-length-medium{max-width:55ch}:host>section .header-titles h1.text-length-large{max-width:70ch}:host>section .header-titles h1.text-weight-hairline{font-weight:100}:host>section .header-titles h1.text-weight-thin{font-weight:200}:host>section .header-titles h1.text-weight-light{font-weight:300}:host>section .header-titles h1.text-weight-normal{font-weight:400}:host>section .header-titles h1.text-weight-medium{font-weight:500}:host>section .header-titles h1.text-weight-semibold{font-weight:600}:host>section .header-titles h1.text-weight-bold{font-weight:700}:host>section .header-titles h1.text-weight-extrabold{font-weight:800}:host>section .header-titles h1.text-weight-heavy{font-weight:900}:host>section .header-titles h1.text-weight-lighter{font-weight:lighter}:host>section .header-titles h1.text-weight-bolder{font-weight:bolder}:host>section>::ng-deep section{flex:2 2 250px;min-width:100px}:host>section ::ng-deep utils,:host>section ::ng-deep novo-utils{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}:host>section ::ng-deep .novo-action{display:flex}:host.novo-accent-black .header-titles ::ng-deep .novo-icon,:host.novo-accent-black .header-title ::ng-deep .novo-icon{color:#000}:host.novo-accent-black>section:first-of-type{border-bottom:2px solid #000000}:host.novo-theme-black>section:first-of-type{background:#000000;color:#fff;border-bottom:none}:host.novo-theme-black ::ng-deep .novo-title{color:inherit}:host.novo-theme-black ::ng-deep .novo-action button,:host.novo-theme-black ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-white .header-titles ::ng-deep .novo-icon,:host.novo-accent-white .header-title ::ng-deep .novo-icon{color:#fff}:host.novo-accent-white>section:first-of-type{border-bottom:2px solid #ffffff}:host.novo-theme-white>section:first-of-type{background:#ffffff;color:#3d464d;border-bottom:none}:host.novo-theme-white ::ng-deep .novo-title{color:inherit}:host.novo-theme-white ::ng-deep .novo-action button,:host.novo-theme-white ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-gray .header-titles ::ng-deep .novo-icon,:host.novo-accent-gray .header-title ::ng-deep .novo-icon{color:#9e9e9e}:host.novo-accent-gray>section:first-of-type{border-bottom:2px solid #9e9e9e}:host.novo-theme-gray>section:first-of-type{background:#9e9e9e;color:#3d464d;border-bottom:none}:host.novo-theme-gray ::ng-deep .novo-title{color:inherit}:host.novo-theme-gray ::ng-deep .novo-action button,:host.novo-theme-gray ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-grey .header-titles ::ng-deep .novo-icon,:host.novo-accent-grey .header-title ::ng-deep .novo-icon{color:#9e9e9e}:host.novo-accent-grey>section:first-of-type{border-bottom:2px solid #9e9e9e}:host.novo-theme-grey>section:first-of-type{background:#9e9e9e;color:#3d464d;border-bottom:none}:host.novo-theme-grey ::ng-deep .novo-title{color:inherit}:host.novo-theme-grey ::ng-deep .novo-action button,:host.novo-theme-grey ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-offWhite .header-titles ::ng-deep .novo-icon,:host.novo-accent-offWhite .header-title ::ng-deep .novo-icon{color:#f7f7f7}:host.novo-accent-offWhite>section:first-of-type{border-bottom:2px solid #f7f7f7}:host.novo-theme-offWhite>section:first-of-type{background:#f7f7f7;color:#3d464d;border-bottom:none}:host.novo-theme-offWhite ::ng-deep .novo-title{color:inherit}:host.novo-theme-offWhite ::ng-deep .novo-action button,:host.novo-theme-offWhite ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-bright .header-titles ::ng-deep .novo-icon,:host.novo-accent-bright .header-title ::ng-deep .novo-icon{color:#f7f7f7}:host.novo-accent-bright>section:first-of-type{border-bottom:2px solid #f7f7f7}:host.novo-theme-bright>section:first-of-type{background:#f7f7f7;color:#3d464d;border-bottom:none}:host.novo-theme-bright ::ng-deep .novo-title{color:inherit}:host.novo-theme-bright ::ng-deep .novo-action button,:host.novo-theme-bright ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-light .header-titles ::ng-deep .novo-icon,:host.novo-accent-light .header-title ::ng-deep .novo-icon{color:#dbdbdb}:host.novo-accent-light>section:first-of-type{border-bottom:2px solid #dbdbdb}:host.novo-theme-light>section:first-of-type{background:#dbdbdb;color:#3d464d;border-bottom:none}:host.novo-theme-light ::ng-deep .novo-title{color:inherit}:host.novo-theme-light ::ng-deep .novo-action button,:host.novo-theme-light ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-neutral .header-titles ::ng-deep .novo-icon,:host.novo-accent-neutral .header-title ::ng-deep .novo-icon{color:#4f5361}:host.novo-accent-neutral>section:first-of-type{border-bottom:2px solid #4f5361}:host.novo-theme-neutral>section:first-of-type{background:#4f5361;color:#fff;border-bottom:none}:host.novo-theme-neutral ::ng-deep .novo-title{color:inherit}:host.novo-theme-neutral ::ng-deep .novo-action button,:host.novo-theme-neutral ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-dark .header-titles ::ng-deep .novo-icon,:host.novo-accent-dark .header-title ::ng-deep .novo-icon{color:#3d464d}:host.novo-accent-dark>section:first-of-type{border-bottom:2px solid #3d464d}:host.novo-theme-dark>section:first-of-type{background:#3d464d;color:#fff;border-bottom:none}:host.novo-theme-dark ::ng-deep .novo-title{color:inherit}:host.novo-theme-dark ::ng-deep .novo-action button,:host.novo-theme-dark ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-orange .header-titles ::ng-deep .novo-icon,:host.novo-accent-orange .header-title ::ng-deep .novo-icon{color:#ff6900}:host.novo-accent-orange>section:first-of-type{border-bottom:2px solid #ff6900}:host.novo-theme-orange>section:first-of-type{background:#ff6900;color:#3d464d;border-bottom:none}:host.novo-theme-orange ::ng-deep .novo-title{color:inherit}:host.novo-theme-orange ::ng-deep .novo-action button,:host.novo-theme-orange ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-navigation .header-titles ::ng-deep .novo-icon,:host.novo-accent-navigation .header-title ::ng-deep .novo-icon{color:#202945}:host.novo-accent-navigation>section:first-of-type{border-bottom:2px solid #202945}:host.novo-theme-navigation>section:first-of-type{background:#202945;color:#fff;border-bottom:none}:host.novo-theme-navigation ::ng-deep .novo-title{color:inherit}:host.novo-theme-navigation ::ng-deep .novo-action button,:host.novo-theme-navigation ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-skyBlue .header-titles ::ng-deep .novo-icon,:host.novo-accent-skyBlue .header-title ::ng-deep .novo-icon{color:#009bdf}:host.novo-accent-skyBlue>section:first-of-type{border-bottom:2px solid #009bdf}:host.novo-theme-skyBlue>section:first-of-type{background:#009bdf;color:#fff;border-bottom:none}:host.novo-theme-skyBlue ::ng-deep .novo-title{color:inherit}:host.novo-theme-skyBlue ::ng-deep .novo-action button,:host.novo-theme-skyBlue ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-steel .header-titles ::ng-deep .novo-icon,:host.novo-accent-steel .header-title ::ng-deep .novo-icon{color:#5b6770}:host.novo-accent-steel>section:first-of-type{border-bottom:2px solid #5b6770}:host.novo-theme-steel>section:first-of-type{background:#5b6770;color:#fff;border-bottom:none}:host.novo-theme-steel ::ng-deep .novo-title{color:inherit}:host.novo-theme-steel ::ng-deep .novo-action button,:host.novo-theme-steel ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-metal .header-titles ::ng-deep .novo-icon,:host.novo-accent-metal .header-title ::ng-deep .novo-icon{color:#637893}:host.novo-accent-metal>section:first-of-type{border-bottom:2px solid #637893}:host.novo-theme-metal>section:first-of-type{background:#637893;color:#fff;border-bottom:none}:host.novo-theme-metal ::ng-deep .novo-title{color:inherit}:host.novo-theme-metal ::ng-deep .novo-action button,:host.novo-theme-metal ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-sand .header-titles ::ng-deep .novo-icon,:host.novo-accent-sand .header-title ::ng-deep .novo-icon{color:#f4f4f4}:host.novo-accent-sand>section:first-of-type{border-bottom:2px solid #f4f4f4}:host.novo-theme-sand>section:first-of-type{background:#f4f4f4;color:#3d464d;border-bottom:none}:host.novo-theme-sand ::ng-deep .novo-title{color:inherit}:host.novo-theme-sand ::ng-deep .novo-action button,:host.novo-theme-sand ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-silver .header-titles ::ng-deep .novo-icon,:host.novo-accent-silver .header-title ::ng-deep .novo-icon{color:#e2e2e2}:host.novo-accent-silver>section:first-of-type{border-bottom:2px solid #e2e2e2}:host.novo-theme-silver>section:first-of-type{background:#e2e2e2;color:#3d464d;border-bottom:none}:host.novo-theme-silver ::ng-deep .novo-title{color:inherit}:host.novo-theme-silver ::ng-deep .novo-action button,:host.novo-theme-silver ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-stone .header-titles ::ng-deep .novo-icon,:host.novo-accent-stone .header-title ::ng-deep .novo-icon{color:#bebebe}:host.novo-accent-stone>section:first-of-type{border-bottom:2px solid #bebebe}:host.novo-theme-stone>section:first-of-type{background:#bebebe;color:#3d464d;border-bottom:none}:host.novo-theme-stone ::ng-deep .novo-title{color:inherit}:host.novo-theme-stone ::ng-deep .novo-action button,:host.novo-theme-stone ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-ash .header-titles ::ng-deep .novo-icon,:host.novo-accent-ash .header-title ::ng-deep .novo-icon{color:#a0a0a0}:host.novo-accent-ash>section:first-of-type{border-bottom:2px solid #a0a0a0}:host.novo-theme-ash>section:first-of-type{background:#a0a0a0;color:#3d464d;border-bottom:none}:host.novo-theme-ash ::ng-deep .novo-title{color:inherit}:host.novo-theme-ash ::ng-deep .novo-action button,:host.novo-theme-ash ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-slate .header-titles ::ng-deep .novo-icon,:host.novo-accent-slate .header-title ::ng-deep .novo-icon{color:#707070}:host.novo-accent-slate>section:first-of-type{border-bottom:2px solid #707070}:host.novo-theme-slate>section:first-of-type{background:#707070;color:#fff;border-bottom:none}:host.novo-theme-slate ::ng-deep .novo-title{color:inherit}:host.novo-theme-slate ::ng-deep .novo-action button,:host.novo-theme-slate ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-onyx .header-titles ::ng-deep .novo-icon,:host.novo-accent-onyx .header-title ::ng-deep .novo-icon{color:#526980}:host.novo-accent-onyx>section:first-of-type{border-bottom:2px solid #526980}:host.novo-theme-onyx>section:first-of-type{background:#526980;color:#fff;border-bottom:none}:host.novo-theme-onyx ::ng-deep .novo-title{color:inherit}:host.novo-theme-onyx ::ng-deep .novo-action button,:host.novo-theme-onyx ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-charcoal .header-titles ::ng-deep .novo-icon,:host.novo-accent-charcoal .header-title ::ng-deep .novo-icon{color:#282828}:host.novo-accent-charcoal>section:first-of-type{border-bottom:2px solid #282828}:host.novo-theme-charcoal>section:first-of-type{background:#282828;color:#fff;border-bottom:none}:host.novo-theme-charcoal ::ng-deep .novo-title{color:inherit}:host.novo-theme-charcoal ::ng-deep .novo-action button,:host.novo-theme-charcoal ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-moonlight .header-titles ::ng-deep .novo-icon,:host.novo-accent-moonlight .header-title ::ng-deep .novo-icon{color:#1a242f}:host.novo-accent-moonlight>section:first-of-type{border-bottom:2px solid #1a242f}:host.novo-theme-moonlight>section:first-of-type{background:#1a242f;color:#fff;border-bottom:none}:host.novo-theme-moonlight ::ng-deep .novo-title{color:inherit}:host.novo-theme-moonlight ::ng-deep .novo-action button,:host.novo-theme-moonlight ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-midnight .header-titles ::ng-deep .novo-icon,:host.novo-accent-midnight .header-title ::ng-deep .novo-icon{color:#202945}:host.novo-accent-midnight>section:first-of-type{border-bottom:2px solid #202945}:host.novo-theme-midnight>section:first-of-type{background:#202945;color:#fff;border-bottom:none}:host.novo-theme-midnight ::ng-deep .novo-title{color:inherit}:host.novo-theme-midnight ::ng-deep .novo-action button,:host.novo-theme-midnight ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-darkness .header-titles ::ng-deep .novo-icon,:host.novo-accent-darkness .header-title ::ng-deep .novo-icon{color:#161f27}:host.novo-accent-darkness>section:first-of-type{border-bottom:2px solid #161f27}:host.novo-theme-darkness>section:first-of-type{background:#161f27;color:#fff;border-bottom:none}:host.novo-theme-darkness ::ng-deep .novo-title{color:inherit}:host.novo-theme-darkness ::ng-deep .novo-action button,:host.novo-theme-darkness ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-navy .header-titles ::ng-deep .novo-icon,:host.novo-accent-navy .header-title ::ng-deep .novo-icon{color:#0d2d42}:host.novo-accent-navy>section:first-of-type{border-bottom:2px solid #0d2d42}:host.novo-theme-navy>section:first-of-type{background:#0d2d42;color:#fff;border-bottom:none}:host.novo-theme-navy ::ng-deep .novo-title{color:inherit}:host.novo-theme-navy ::ng-deep .novo-action button,:host.novo-theme-navy ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-aqua .header-titles ::ng-deep .novo-icon,:host.novo-accent-aqua .header-title ::ng-deep .novo-icon{color:#3bafda}:host.novo-accent-aqua>section:first-of-type{border-bottom:2px solid #3bafda}:host.novo-theme-aqua>section:first-of-type{background:#3bafda;color:#3d464d;border-bottom:none}:host.novo-theme-aqua ::ng-deep .novo-title{color:inherit}:host.novo-theme-aqua ::ng-deep .novo-action button,:host.novo-theme-aqua ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-ocean .header-titles ::ng-deep .novo-icon,:host.novo-accent-ocean .header-title ::ng-deep .novo-icon{color:#4a89dc}:host.novo-accent-ocean>section:first-of-type{border-bottom:2px solid #4a89dc}:host.novo-theme-ocean>section:first-of-type{background:#4a89dc;color:#fff;border-bottom:none}:host.novo-theme-ocean ::ng-deep .novo-title{color:inherit}:host.novo-theme-ocean ::ng-deep .novo-action button,:host.novo-theme-ocean ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-mint .header-titles ::ng-deep .novo-icon,:host.novo-accent-mint .header-title ::ng-deep .novo-icon{color:#37bc9b}:host.novo-accent-mint>section:first-of-type{border-bottom:2px solid #37bc9b}:host.novo-theme-mint>section:first-of-type{background:#37bc9b;color:#3d464d;border-bottom:none}:host.novo-theme-mint ::ng-deep .novo-title{color:inherit}:host.novo-theme-mint ::ng-deep .novo-action button,:host.novo-theme-mint ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-grass .header-titles ::ng-deep .novo-icon,:host.novo-accent-grass .header-title ::ng-deep .novo-icon{color:#8cc152}:host.novo-accent-grass>section:first-of-type{border-bottom:2px solid #8cc152}:host.novo-theme-grass>section:first-of-type{background:#8cc152;color:#fff;border-bottom:none}:host.novo-theme-grass ::ng-deep .novo-title{color:inherit}:host.novo-theme-grass ::ng-deep .novo-action button,:host.novo-theme-grass ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-sunflower .header-titles ::ng-deep .novo-icon,:host.novo-accent-sunflower .header-title ::ng-deep .novo-icon{color:#f6b042}:host.novo-accent-sunflower>section:first-of-type{border-bottom:2px solid #f6b042}:host.novo-theme-sunflower>section:first-of-type{background:#f6b042;color:#fff;border-bottom:none}:host.novo-theme-sunflower ::ng-deep .novo-title{color:inherit}:host.novo-theme-sunflower ::ng-deep .novo-action button,:host.novo-theme-sunflower ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-bittersweet .header-titles ::ng-deep .novo-icon,:host.novo-accent-bittersweet .header-title ::ng-deep .novo-icon{color:#eb6845}:host.novo-accent-bittersweet>section:first-of-type{border-bottom:2px solid #eb6845}:host.novo-theme-bittersweet>section:first-of-type{background:#eb6845;color:#fff;border-bottom:none}:host.novo-theme-bittersweet ::ng-deep .novo-title{color:inherit}:host.novo-theme-bittersweet ::ng-deep .novo-action button,:host.novo-theme-bittersweet ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-grapefruit .header-titles ::ng-deep .novo-icon,:host.novo-accent-grapefruit .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-grapefruit>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-grapefruit>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-grapefruit ::ng-deep .novo-title{color:inherit}:host.novo-theme-grapefruit ::ng-deep .novo-action button,:host.novo-theme-grapefruit ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-carnation .header-titles ::ng-deep .novo-icon,:host.novo-accent-carnation .header-title ::ng-deep .novo-icon{color:#d770ad}:host.novo-accent-carnation>section:first-of-type{border-bottom:2px solid #d770ad}:host.novo-theme-carnation>section:first-of-type{background:#d770ad;color:#fff;border-bottom:none}:host.novo-theme-carnation ::ng-deep .novo-title{color:inherit}:host.novo-theme-carnation ::ng-deep .novo-action button,:host.novo-theme-carnation ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-lavender .header-titles ::ng-deep .novo-icon,:host.novo-accent-lavender .header-title ::ng-deep .novo-icon{color:#967adc}:host.novo-accent-lavender>section:first-of-type{border-bottom:2px solid #967adc}:host.novo-theme-lavender>section:first-of-type{background:#967adc;color:#fff;border-bottom:none}:host.novo-theme-lavender ::ng-deep .novo-title{color:inherit}:host.novo-theme-lavender ::ng-deep .novo-action button,:host.novo-theme-lavender ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-mountain .header-titles ::ng-deep .novo-icon,:host.novo-accent-mountain .header-title ::ng-deep .novo-icon{color:#9678b6}:host.novo-accent-mountain>section:first-of-type{border-bottom:2px solid #9678b6}:host.novo-theme-mountain>section:first-of-type{background:#9678b6;color:#fff;border-bottom:none}:host.novo-theme-mountain ::ng-deep .novo-title{color:inherit}:host.novo-theme-mountain ::ng-deep .novo-action button,:host.novo-theme-mountain ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-info .header-titles ::ng-deep .novo-icon,:host.novo-accent-info .header-title ::ng-deep .novo-icon{color:#4a89dc}:host.novo-accent-info>section:first-of-type{border-bottom:2px solid #4a89dc}:host.novo-theme-info>section:first-of-type{background:#4a89dc;color:#fff;border-bottom:none}:host.novo-theme-info ::ng-deep .novo-title{color:inherit}:host.novo-theme-info ::ng-deep .novo-action button,:host.novo-theme-info ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-positive .header-titles ::ng-deep .novo-icon,:host.novo-accent-positive .header-title ::ng-deep .novo-icon{color:#4a89dc}:host.novo-accent-positive>section:first-of-type{border-bottom:2px solid #4a89dc}:host.novo-theme-positive>section:first-of-type{background:#4a89dc;color:#fff;border-bottom:none}:host.novo-theme-positive ::ng-deep .novo-title{color:inherit}:host.novo-theme-positive ::ng-deep .novo-action button,:host.novo-theme-positive ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-success .header-titles ::ng-deep .novo-icon,:host.novo-accent-success .header-title ::ng-deep .novo-icon{color:#8cc152}:host.novo-accent-success>section:first-of-type{border-bottom:2px solid #8cc152}:host.novo-theme-success>section:first-of-type{background:#8cc152;color:#fff;border-bottom:none}:host.novo-theme-success ::ng-deep .novo-title{color:inherit}:host.novo-theme-success ::ng-deep .novo-action button,:host.novo-theme-success ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-negative .header-titles ::ng-deep .novo-icon,:host.novo-accent-negative .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-negative>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-negative>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-negative ::ng-deep .novo-title{color:inherit}:host.novo-theme-negative ::ng-deep .novo-action button,:host.novo-theme-negative ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-danger .header-titles ::ng-deep .novo-icon,:host.novo-accent-danger .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-danger>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-danger>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-danger ::ng-deep .novo-title{color:inherit}:host.novo-theme-danger ::ng-deep .novo-action button,:host.novo-theme-danger ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-error .header-titles ::ng-deep .novo-icon,:host.novo-accent-error .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-error>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-error>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-error ::ng-deep .novo-title{color:inherit}:host.novo-theme-error ::ng-deep .novo-action button,:host.novo-theme-error ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-warning .header-titles ::ng-deep .novo-icon,:host.novo-accent-warning .header-title ::ng-deep .novo-icon{color:#f6b042}:host.novo-accent-warning>section:first-of-type{border-bottom:2px solid #f6b042}:host.novo-theme-warning>section:first-of-type{background:#f6b042;color:#fff;border-bottom:none}:host.novo-theme-warning ::ng-deep .novo-title{color:inherit}:host.novo-theme-warning ::ng-deep .novo-action button,:host.novo-theme-warning ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-empty .header-titles ::ng-deep .novo-icon,:host.novo-accent-empty .header-title ::ng-deep .novo-icon{color:#cccdcc}:host.novo-accent-empty>section:first-of-type{border-bottom:2px solid #cccdcc}:host.novo-theme-empty>section:first-of-type{background:#cccdcc;color:#3d464d;border-bottom:none}:host.novo-theme-empty ::ng-deep .novo-title{color:inherit}:host.novo-theme-empty ::ng-deep .novo-action button,:host.novo-theme-empty ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-disabled .header-titles ::ng-deep .novo-icon,:host.novo-accent-disabled .header-title ::ng-deep .novo-icon{color:#bebebe}:host.novo-accent-disabled>section:first-of-type{border-bottom:2px solid #bebebe}:host.novo-theme-disabled>section:first-of-type{background:#bebebe;color:#3d464d;border-bottom:none}:host.novo-theme-disabled ::ng-deep .novo-title{color:inherit}:host.novo-theme-disabled ::ng-deep .novo-action button,:host.novo-theme-disabled ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-background .header-titles ::ng-deep .novo-icon,:host.novo-accent-background .header-title ::ng-deep .novo-icon{color:#f7f7f7}:host.novo-accent-background>section:first-of-type{border-bottom:2px solid #f7f7f7}:host.novo-theme-background>section:first-of-type{background:#f7f7f7;color:#3d464d;border-bottom:none}:host.novo-theme-background ::ng-deep .novo-title{color:inherit}:host.novo-theme-background ::ng-deep .novo-action button,:host.novo-theme-background ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-backgroundDark .header-titles ::ng-deep .novo-icon,:host.novo-accent-backgroundDark .header-title ::ng-deep .novo-icon{color:#e2e2e2}:host.novo-accent-backgroundDark>section:first-of-type{border-bottom:2px solid #e2e2e2}:host.novo-theme-backgroundDark>section:first-of-type{background:#e2e2e2;color:#3d464d;border-bottom:none}:host.novo-theme-backgroundDark ::ng-deep .novo-title{color:inherit}:host.novo-theme-backgroundDark ::ng-deep .novo-action button,:host.novo-theme-backgroundDark ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-presentation .header-titles ::ng-deep .novo-icon,:host.novo-accent-presentation .header-title ::ng-deep .novo-icon{color:#5b6770}:host.novo-accent-presentation>section:first-of-type{border-bottom:2px solid #5b6770}:host.novo-theme-presentation>section:first-of-type{background:#5b6770;color:#fff;border-bottom:none}:host.novo-theme-presentation ::ng-deep .novo-title{color:inherit}:host.novo-theme-presentation ::ng-deep .novo-action button,:host.novo-theme-presentation ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-bullhorn .header-titles ::ng-deep .novo-icon,:host.novo-accent-bullhorn .header-title ::ng-deep .novo-icon{color:#ff6900}:host.novo-accent-bullhorn>section:first-of-type{border-bottom:2px solid #ff6900}:host.novo-theme-bullhorn>section:first-of-type{background:#ff6900;color:#3d464d;border-bottom:none}:host.novo-theme-bullhorn ::ng-deep .novo-title{color:inherit}:host.novo-theme-bullhorn ::ng-deep .novo-action button,:host.novo-theme-bullhorn ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-pulse .header-titles ::ng-deep .novo-icon,:host.novo-accent-pulse .header-title ::ng-deep .novo-icon{color:#3bafda}:host.novo-accent-pulse>section:first-of-type{border-bottom:2px solid #3bafda}:host.novo-theme-pulse>section:first-of-type{background:#3bafda;color:#3d464d;border-bottom:none}:host.novo-theme-pulse ::ng-deep .novo-title{color:inherit}:host.novo-theme-pulse ::ng-deep .novo-action button,:host.novo-theme-pulse ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-company .header-titles ::ng-deep .novo-icon,:host.novo-accent-company .header-title ::ng-deep .novo-icon{color:#39d}:host.novo-accent-company>section:first-of-type{border-bottom:2px solid #3399dd}:host.novo-theme-company>section:first-of-type{background:#3399dd;color:#fff;border-bottom:none}:host.novo-theme-company ::ng-deep .novo-title{color:inherit}:host.novo-theme-company ::ng-deep .novo-action button,:host.novo-theme-company ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-candidate .header-titles ::ng-deep .novo-icon,:host.novo-accent-candidate .header-title ::ng-deep .novo-icon{color:#4b7}:host.novo-accent-candidate>section:first-of-type{border-bottom:2px solid #44bb77}:host.novo-theme-candidate>section:first-of-type{background:#44bb77;color:#fff;border-bottom:none}:host.novo-theme-candidate ::ng-deep .novo-title{color:inherit}:host.novo-theme-candidate ::ng-deep .novo-action button,:host.novo-theme-candidate ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-lead .header-titles ::ng-deep .novo-icon,:host.novo-accent-lead .header-title ::ng-deep .novo-icon{color:#a69}:host.novo-accent-lead>section:first-of-type{border-bottom:2px solid #aa6699}:host.novo-theme-lead>section:first-of-type{background:#aa6699;color:#fff;border-bottom:none}:host.novo-theme-lead ::ng-deep .novo-title{color:inherit}:host.novo-theme-lead ::ng-deep .novo-action button,:host.novo-theme-lead ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-contact .header-titles ::ng-deep .novo-icon,:host.novo-accent-contact .header-title ::ng-deep .novo-icon{color:#fa4}:host.novo-accent-contact>section:first-of-type{border-bottom:2px solid #ffaa44}:host.novo-theme-contact>section:first-of-type{background:#ffaa44;color:#fff;border-bottom:none}:host.novo-theme-contact ::ng-deep .novo-title{color:inherit}:host.novo-theme-contact ::ng-deep .novo-action button,:host.novo-theme-contact ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-clientcontact .header-titles ::ng-deep .novo-icon,:host.novo-accent-clientcontact .header-title ::ng-deep .novo-icon{color:#fa4}:host.novo-accent-clientcontact>section:first-of-type{border-bottom:2px solid #ffaa44}:host.novo-theme-clientcontact>section:first-of-type{background:#ffaa44;color:#fff;border-bottom:none}:host.novo-theme-clientcontact ::ng-deep .novo-title{color:inherit}:host.novo-theme-clientcontact ::ng-deep .novo-action button,:host.novo-theme-clientcontact ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-opportunity .header-titles ::ng-deep .novo-icon,:host.novo-accent-opportunity .header-title ::ng-deep .novo-icon{color:#625}:host.novo-accent-opportunity>section:first-of-type{border-bottom:2px solid #662255}:host.novo-theme-opportunity>section:first-of-type{background:#662255;color:#fff;border-bottom:none}:host.novo-theme-opportunity ::ng-deep .novo-title{color:inherit}:host.novo-theme-opportunity ::ng-deep .novo-action button,:host.novo-theme-opportunity ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-job .header-titles ::ng-deep .novo-icon,:host.novo-accent-job .header-title ::ng-deep .novo-icon{color:#b56}:host.novo-accent-job>section:first-of-type{border-bottom:2px solid #bb5566}:host.novo-theme-job>section:first-of-type{background:#bb5566;color:#fff;border-bottom:none}:host.novo-theme-job ::ng-deep .novo-title{color:inherit}:host.novo-theme-job ::ng-deep .novo-action button,:host.novo-theme-job ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-joborder .header-titles ::ng-deep .novo-icon,:host.novo-accent-joborder .header-title ::ng-deep .novo-icon{color:#b56}:host.novo-accent-joborder>section:first-of-type{border-bottom:2px solid #bb5566}:host.novo-theme-joborder>section:first-of-type{background:#bb5566;color:#fff;border-bottom:none}:host.novo-theme-joborder ::ng-deep .novo-title{color:inherit}:host.novo-theme-joborder ::ng-deep .novo-action button,:host.novo-theme-joborder ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-submission .header-titles ::ng-deep .novo-icon,:host.novo-accent-submission .header-title ::ng-deep .novo-icon{color:#a9adbb}:host.novo-accent-submission>section:first-of-type{border-bottom:2px solid #a9adbb}:host.novo-theme-submission>section:first-of-type{background:#a9adbb;color:#3d464d;border-bottom:none}:host.novo-theme-submission ::ng-deep .novo-title{color:inherit}:host.novo-theme-submission ::ng-deep .novo-action button,:host.novo-theme-submission ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-sendout .header-titles ::ng-deep .novo-icon,:host.novo-accent-sendout .header-title ::ng-deep .novo-icon{color:#747884}:host.novo-accent-sendout>section:first-of-type{border-bottom:2px solid #747884}:host.novo-theme-sendout>section:first-of-type{background:#747884;color:#fff;border-bottom:none}:host.novo-theme-sendout ::ng-deep .novo-title{color:inherit}:host.novo-theme-sendout ::ng-deep .novo-action button,:host.novo-theme-sendout ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-placement .header-titles ::ng-deep .novo-icon,:host.novo-accent-placement .header-title ::ng-deep .novo-icon{color:#0b344f}:host.novo-accent-placement>section:first-of-type{border-bottom:2px solid #0b344f}:host.novo-theme-placement>section:first-of-type{background:#0b344f;color:#fff;border-bottom:none}:host.novo-theme-placement ::ng-deep .novo-title{color:inherit}:host.novo-theme-placement ::ng-deep .novo-action button,:host.novo-theme-placement ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-note .header-titles ::ng-deep .novo-icon,:host.novo-accent-note .header-title ::ng-deep .novo-icon{color:#747884}:host.novo-accent-note>section:first-of-type{border-bottom:2px solid #747884}:host.novo-theme-note>section:first-of-type{background:#747884;color:#fff;border-bottom:none}:host.novo-theme-note ::ng-deep .novo-title{color:inherit}:host.novo-theme-note ::ng-deep .novo-action button,:host.novo-theme-note ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-contract .header-titles ::ng-deep .novo-icon,:host.novo-accent-contract .header-title ::ng-deep .novo-icon{color:#454ea0}:host.novo-accent-contract>section:first-of-type{border-bottom:2px solid #454ea0}:host.novo-theme-contract>section:first-of-type{background:#454ea0;color:#fff;border-bottom:none}:host.novo-theme-contract ::ng-deep .novo-title{color:inherit}:host.novo-theme-contract ::ng-deep .novo-action button,:host.novo-theme-contract ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-jobCode .header-titles ::ng-deep .novo-icon,:host.novo-accent-jobCode .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-jobCode>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-jobCode>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-jobCode ::ng-deep .novo-title{color:inherit}:host.novo-theme-jobCode ::ng-deep .novo-action button,:host.novo-theme-jobCode ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-earnCode .header-titles ::ng-deep .novo-icon,:host.novo-accent-earnCode .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-earnCode>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-earnCode>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-earnCode ::ng-deep .novo-title{color:inherit}:host.novo-theme-earnCode ::ng-deep .novo-action button,:host.novo-theme-earnCode ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-invoiceStatement .header-titles ::ng-deep .novo-icon,:host.novo-accent-invoiceStatement .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-invoiceStatement>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-invoiceStatement>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-invoiceStatement ::ng-deep .novo-title{color:inherit}:host.novo-theme-invoiceStatement ::ng-deep .novo-action button,:host.novo-theme-invoiceStatement ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-billableCharge .header-titles ::ng-deep .novo-icon,:host.novo-accent-billableCharge .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-billableCharge>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-billableCharge>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-billableCharge ::ng-deep .novo-title{color:inherit}:host.novo-theme-billableCharge ::ng-deep .novo-action button,:host.novo-theme-billableCharge ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-payableCharge .header-titles ::ng-deep .novo-icon,:host.novo-accent-payableCharge .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-payableCharge>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-payableCharge>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-payableCharge ::ng-deep .novo-title{color:inherit}:host.novo-theme-payableCharge ::ng-deep .novo-action button,:host.novo-theme-payableCharge ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-user .header-titles ::ng-deep .novo-icon,:host.novo-accent-user .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-user>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-user>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-user ::ng-deep .novo-title{color:inherit}:host.novo-theme-user ::ng-deep .novo-action button,:host.novo-theme-user ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-corporateUser .header-titles ::ng-deep .novo-icon,:host.novo-accent-corporateUser .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-corporateUser>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-corporateUser>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-corporateUser ::ng-deep .novo-title{color:inherit}:host.novo-theme-corporateUser ::ng-deep .novo-action button,:host.novo-theme-corporateUser ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-distributionList .header-titles ::ng-deep .novo-icon,:host.novo-accent-distributionList .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-distributionList>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-distributionList>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-distributionList ::ng-deep .novo-title{color:inherit}:host.novo-theme-distributionList ::ng-deep .novo-action button,:host.novo-theme-distributionList ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-credential .header-titles ::ng-deep .novo-icon,:host.novo-accent-credential .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-credential>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-credential>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-credential ::ng-deep .novo-title{color:inherit}:host.novo-theme-credential ::ng-deep .novo-action button,:host.novo-theme-credential ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-person .header-titles ::ng-deep .novo-icon,:host.novo-accent-person .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-person>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-person>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-person ::ng-deep .novo-title{color:inherit}:host.novo-theme-person ::ng-deep .novo-action button,:host.novo-theme-person ::ng-deep .novo-action .novo-button{color:inherit}:host>main{padding:4px 16px 4px 32px}:host>::ng-deep novo-nav{padding-left:16px}:host>::ng-deep novo-nav.block{padding-left:0}:host.condensed .header-title,:host.condensed .header-titles{line-height:1.375}:host.condensed>section{height:3.6rem}:host.condensed ::ng-deep .novo-icon{margin-right:.5rem!important;font-size:1.8rem}:host .header-actions{display:flex;flex-flow:row nowrap}\n"] }]
|
|
162
|
+
`, styles: [":host{display:block;background-color:#fff;background-color:var(--background-bright, #ffffff)}:host .spacer{flex:1 1 0%}:host[size=small]>section{height:3.6rem}:host.header-size-small>section{height:3.2rem}:host.header-size-default>section{height:5rem}:host.header-size-large>section{height:6.4rem}:host>section{display:flex;flex-direction:row;align-items:center;padding:0 1.25rem;gap:.5rem;box-sizing:border-box}:host>section .header-icon{font-size:var(--font-size-2xl)}:host>section div.header-title{display:flex;align-items:center;gap:.5rem;-webkit-padding-end:2em;padding-inline-end:2em;min-width:0;flex-shrink:1}:host>section div.header-title .novo-title{overflow:hidden}:host>section div.header-title ::ng-deep novo-icon{margin-right:1rem}:host>section .header-titles{display:flex;flex-direction:column;max-width:100%}:host>section .header-titles .novo-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host>section .header-titles h1{font-weight:500;line-height:1.5;color:#3d464d;color:var(--text-main, #3d464d);font-size:var(--font-size-title);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;margin:0;padding:0 20px 0 0;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host>section .header-titles h1.text-capitalize{text-transform:capitalize}:host>section .header-titles h1.text-uppercase{text-transform:uppercase}:host>section .header-titles h1.text-nowrap{white-space:nowrap}:host>section .header-titles h1.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>section .header-titles h1.text-size-default{font-size:inherit}:host>section .header-titles h1.text-size-body{font-size:1.3rem}:host>section .header-titles h1.text-size-xs{font-size:1rem}:host>section .header-titles h1.text-size-sm{font-size:1.2rem}:host>section .header-titles h1.text-size-md{font-size:1.3rem}:host>section .header-titles h1.text-size-lg{font-size:1.6rem}:host>section .header-titles h1.text-size-xl{font-size:2rem}:host>section .header-titles h1.text-size-2xl{font-size:2.6rem}:host>section .header-titles h1.text-size-3xl{font-size:3.2rem}:host>section .header-titles h1.text-size-smaller{font-size:.8em}:host>section .header-titles h1.text-size-larger{font-size:1.2em}:host>section .header-titles h1.text-color-black{color:#000}:host>section .header-titles h1.text-color-white{color:#fff}:host>section .header-titles h1.text-color-gray{color:#9e9e9e}:host>section .header-titles h1.text-color-grey{color:#9e9e9e}:host>section .header-titles h1.text-color-offWhite{color:#f7f7f7}:host>section .header-titles h1.text-color-bright{color:#f7f7f7}:host>section .header-titles h1.text-color-light{color:#dbdbdb}:host>section .header-titles h1.text-color-neutral{color:#4f5361}:host>section .header-titles h1.text-color-dark{color:#3d464d}:host>section .header-titles h1.text-color-orange{color:#ff6900}:host>section .header-titles h1.text-color-navigation{color:#202945}:host>section .header-titles h1.text-color-skyBlue{color:#009bdf}:host>section .header-titles h1.text-color-steel{color:#5b6770}:host>section .header-titles h1.text-color-metal{color:#637893}:host>section .header-titles h1.text-color-sand{color:#f4f4f4}:host>section .header-titles h1.text-color-silver{color:#e2e2e2}:host>section .header-titles h1.text-color-stone{color:#bebebe}:host>section .header-titles h1.text-color-ash{color:#a0a0a0}:host>section .header-titles h1.text-color-slate{color:#707070}:host>section .header-titles h1.text-color-onyx{color:#526980}:host>section .header-titles h1.text-color-charcoal{color:#282828}:host>section .header-titles h1.text-color-moonlight{color:#1a242f}:host>section .header-titles h1.text-color-midnight{color:#202945}:host>section .header-titles h1.text-color-darkness{color:#161f27}:host>section .header-titles h1.text-color-navy{color:#0d2d42}:host>section .header-titles h1.text-color-aqua{color:#3bafda}:host>section .header-titles h1.text-color-ocean{color:#4a89dc}:host>section .header-titles h1.text-color-mint{color:#37bc9b}:host>section .header-titles h1.text-color-grass{color:#8cc152}:host>section .header-titles h1.text-color-sunflower{color:#f6b042}:host>section .header-titles h1.text-color-bittersweet{color:#eb6845}:host>section .header-titles h1.text-color-grapefruit{color:#da4453}:host>section .header-titles h1.text-color-carnation{color:#d770ad}:host>section .header-titles h1.text-color-lavender{color:#967adc}:host>section .header-titles h1.text-color-mountain{color:#9678b6}:host>section .header-titles h1.text-color-info{color:#4a89dc}:host>section .header-titles h1.text-color-positive{color:#4a89dc}:host>section .header-titles h1.text-color-success{color:#8cc152}:host>section .header-titles h1.text-color-negative{color:#da4453}:host>section .header-titles h1.text-color-danger{color:#da4453}:host>section .header-titles h1.text-color-error{color:#da4453}:host>section .header-titles h1.text-color-warning{color:#f6b042}:host>section .header-titles h1.text-color-empty{color:#cccdcc}:host>section .header-titles h1.text-color-disabled{color:#bebebe}:host>section .header-titles h1.text-color-background{color:#f7f7f7}:host>section .header-titles h1.text-color-backgroundDark{color:#e2e2e2}:host>section .header-titles h1.text-color-presentation{color:#5b6770}:host>section .header-titles h1.text-color-bullhorn{color:#ff6900}:host>section .header-titles h1.text-color-pulse{color:#3bafda}:host>section .header-titles h1.text-color-company{color:#39d}:host>section .header-titles h1.text-color-candidate{color:#4b7}:host>section .header-titles h1.text-color-lead{color:#a69}:host>section .header-titles h1.text-color-contact{color:#fa4}:host>section .header-titles h1.text-color-clientcontact{color:#fa4}:host>section .header-titles h1.text-color-opportunity{color:#625}:host>section .header-titles h1.text-color-job{color:#b56}:host>section .header-titles h1.text-color-joborder{color:#b56}:host>section .header-titles h1.text-color-submission{color:#a9adbb}:host>section .header-titles h1.text-color-sendout{color:#747884}:host>section .header-titles h1.text-color-placement{color:#0b344f}:host>section .header-titles h1.text-color-note{color:#747884}:host>section .header-titles h1.text-color-contract{color:#454ea0}:host>section .header-titles h1.text-color-jobCode{color:#696d79}:host>section .header-titles h1.text-color-earnCode{color:#696d79}:host>section .header-titles h1.text-color-invoiceStatement{color:#696d79}:host>section .header-titles h1.text-color-billableCharge{color:#696d79}:host>section .header-titles h1.text-color-payableCharge{color:#696d79}:host>section .header-titles h1.text-color-user{color:#696d79}:host>section .header-titles h1.text-color-corporateUser{color:#696d79}:host>section .header-titles h1.text-color-distributionList{color:#696d79}:host>section .header-titles h1.text-color-credential{color:#696d79}:host>section .header-titles h1.text-color-person{color:#696d79}:host>section .header-titles h1.margin-before{margin-top:.4rem}:host>section .header-titles h1.margin-after{margin-bottom:.8rem}:host>section .header-titles h1.text-length-small{max-width:40ch}:host>section .header-titles h1.text-length-medium{max-width:55ch}:host>section .header-titles h1.text-length-large{max-width:70ch}:host>section .header-titles h1.text-weight-hairline{font-weight:100}:host>section .header-titles h1.text-weight-thin{font-weight:200}:host>section .header-titles h1.text-weight-light{font-weight:300}:host>section .header-titles h1.text-weight-normal{font-weight:400}:host>section .header-titles h1.text-weight-medium{font-weight:500}:host>section .header-titles h1.text-weight-semibold{font-weight:600}:host>section .header-titles h1.text-weight-bold{font-weight:700}:host>section .header-titles h1.text-weight-extrabold{font-weight:800}:host>section .header-titles h1.text-weight-heavy{font-weight:900}:host>section .header-titles h1.text-weight-lighter{font-weight:lighter}:host>section .header-titles h1.text-weight-bolder{font-weight:bolder}:host>section>::ng-deep section{flex:2 2 250px;min-width:100px}:host>section ::ng-deep utils,:host>section ::ng-deep novo-utils{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}:host>section ::ng-deep .novo-action{display:flex}:host.novo-accent-black .header-titles ::ng-deep .novo-icon,:host.novo-accent-black .header-title ::ng-deep .novo-icon{color:#000}:host.novo-accent-black>section:first-of-type{border-bottom:2px solid #000000}:host.novo-theme-black>section:first-of-type{background:#000000;color:#fff;border-bottom:none}:host.novo-theme-black ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-black ::ng-deep .novo-action button,:host.novo-theme-black ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-white .header-titles ::ng-deep .novo-icon,:host.novo-accent-white .header-title ::ng-deep .novo-icon{color:#fff}:host.novo-accent-white>section:first-of-type{border-bottom:2px solid #ffffff}:host.novo-theme-white>section:first-of-type{background:#ffffff;color:#3d464d;border-bottom:none}:host.novo-theme-white ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-white ::ng-deep .novo-action button,:host.novo-theme-white ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-gray .header-titles ::ng-deep .novo-icon,:host.novo-accent-gray .header-title ::ng-deep .novo-icon{color:#9e9e9e}:host.novo-accent-gray>section:first-of-type{border-bottom:2px solid #9e9e9e}:host.novo-theme-gray>section:first-of-type{background:#9e9e9e;color:#3d464d;border-bottom:none}:host.novo-theme-gray ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-gray ::ng-deep .novo-action button,:host.novo-theme-gray ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-grey .header-titles ::ng-deep .novo-icon,:host.novo-accent-grey .header-title ::ng-deep .novo-icon{color:#9e9e9e}:host.novo-accent-grey>section:first-of-type{border-bottom:2px solid #9e9e9e}:host.novo-theme-grey>section:first-of-type{background:#9e9e9e;color:#3d464d;border-bottom:none}:host.novo-theme-grey ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-grey ::ng-deep .novo-action button,:host.novo-theme-grey ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-offWhite .header-titles ::ng-deep .novo-icon,:host.novo-accent-offWhite .header-title ::ng-deep .novo-icon{color:#f7f7f7}:host.novo-accent-offWhite>section:first-of-type{border-bottom:2px solid #f7f7f7}:host.novo-theme-offWhite>section:first-of-type{background:#f7f7f7;color:#3d464d;border-bottom:none}:host.novo-theme-offWhite ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-offWhite ::ng-deep .novo-action button,:host.novo-theme-offWhite ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-bright .header-titles ::ng-deep .novo-icon,:host.novo-accent-bright .header-title ::ng-deep .novo-icon{color:#f7f7f7}:host.novo-accent-bright>section:first-of-type{border-bottom:2px solid #f7f7f7}:host.novo-theme-bright>section:first-of-type{background:#f7f7f7;color:#3d464d;border-bottom:none}:host.novo-theme-bright ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-bright ::ng-deep .novo-action button,:host.novo-theme-bright ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-light .header-titles ::ng-deep .novo-icon,:host.novo-accent-light .header-title ::ng-deep .novo-icon{color:#dbdbdb}:host.novo-accent-light>section:first-of-type{border-bottom:2px solid #dbdbdb}:host.novo-theme-light>section:first-of-type{background:#dbdbdb;color:#3d464d;border-bottom:none}:host.novo-theme-light ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-light ::ng-deep .novo-action button,:host.novo-theme-light ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-neutral .header-titles ::ng-deep .novo-icon,:host.novo-accent-neutral .header-title ::ng-deep .novo-icon{color:#4f5361}:host.novo-accent-neutral>section:first-of-type{border-bottom:2px solid #4f5361}:host.novo-theme-neutral>section:first-of-type{background:#4f5361;color:#fff;border-bottom:none}:host.novo-theme-neutral ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-neutral ::ng-deep .novo-action button,:host.novo-theme-neutral ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-dark .header-titles ::ng-deep .novo-icon,:host.novo-accent-dark .header-title ::ng-deep .novo-icon{color:#3d464d}:host.novo-accent-dark>section:first-of-type{border-bottom:2px solid #3d464d}:host.novo-theme-dark>section:first-of-type{background:#3d464d;color:#fff;border-bottom:none}:host.novo-theme-dark ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-dark ::ng-deep .novo-action button,:host.novo-theme-dark ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-orange .header-titles ::ng-deep .novo-icon,:host.novo-accent-orange .header-title ::ng-deep .novo-icon{color:#ff6900}:host.novo-accent-orange>section:first-of-type{border-bottom:2px solid #ff6900}:host.novo-theme-orange>section:first-of-type{background:#ff6900;color:#3d464d;border-bottom:none}:host.novo-theme-orange ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-orange ::ng-deep .novo-action button,:host.novo-theme-orange ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-navigation .header-titles ::ng-deep .novo-icon,:host.novo-accent-navigation .header-title ::ng-deep .novo-icon{color:#202945}:host.novo-accent-navigation>section:first-of-type{border-bottom:2px solid #202945}:host.novo-theme-navigation>section:first-of-type{background:#202945;color:#fff;border-bottom:none}:host.novo-theme-navigation ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-navigation ::ng-deep .novo-action button,:host.novo-theme-navigation ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-skyBlue .header-titles ::ng-deep .novo-icon,:host.novo-accent-skyBlue .header-title ::ng-deep .novo-icon{color:#009bdf}:host.novo-accent-skyBlue>section:first-of-type{border-bottom:2px solid #009bdf}:host.novo-theme-skyBlue>section:first-of-type{background:#009bdf;color:#fff;border-bottom:none}:host.novo-theme-skyBlue ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-skyBlue ::ng-deep .novo-action button,:host.novo-theme-skyBlue ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-steel .header-titles ::ng-deep .novo-icon,:host.novo-accent-steel .header-title ::ng-deep .novo-icon{color:#5b6770}:host.novo-accent-steel>section:first-of-type{border-bottom:2px solid #5b6770}:host.novo-theme-steel>section:first-of-type{background:#5b6770;color:#fff;border-bottom:none}:host.novo-theme-steel ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-steel ::ng-deep .novo-action button,:host.novo-theme-steel ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-metal .header-titles ::ng-deep .novo-icon,:host.novo-accent-metal .header-title ::ng-deep .novo-icon{color:#637893}:host.novo-accent-metal>section:first-of-type{border-bottom:2px solid #637893}:host.novo-theme-metal>section:first-of-type{background:#637893;color:#fff;border-bottom:none}:host.novo-theme-metal ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-metal ::ng-deep .novo-action button,:host.novo-theme-metal ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-sand .header-titles ::ng-deep .novo-icon,:host.novo-accent-sand .header-title ::ng-deep .novo-icon{color:#f4f4f4}:host.novo-accent-sand>section:first-of-type{border-bottom:2px solid #f4f4f4}:host.novo-theme-sand>section:first-of-type{background:#f4f4f4;color:#3d464d;border-bottom:none}:host.novo-theme-sand ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-sand ::ng-deep .novo-action button,:host.novo-theme-sand ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-silver .header-titles ::ng-deep .novo-icon,:host.novo-accent-silver .header-title ::ng-deep .novo-icon{color:#e2e2e2}:host.novo-accent-silver>section:first-of-type{border-bottom:2px solid #e2e2e2}:host.novo-theme-silver>section:first-of-type{background:#e2e2e2;color:#3d464d;border-bottom:none}:host.novo-theme-silver ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-silver ::ng-deep .novo-action button,:host.novo-theme-silver ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-stone .header-titles ::ng-deep .novo-icon,:host.novo-accent-stone .header-title ::ng-deep .novo-icon{color:#bebebe}:host.novo-accent-stone>section:first-of-type{border-bottom:2px solid #bebebe}:host.novo-theme-stone>section:first-of-type{background:#bebebe;color:#3d464d;border-bottom:none}:host.novo-theme-stone ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-stone ::ng-deep .novo-action button,:host.novo-theme-stone ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-ash .header-titles ::ng-deep .novo-icon,:host.novo-accent-ash .header-title ::ng-deep .novo-icon{color:#a0a0a0}:host.novo-accent-ash>section:first-of-type{border-bottom:2px solid #a0a0a0}:host.novo-theme-ash>section:first-of-type{background:#a0a0a0;color:#3d464d;border-bottom:none}:host.novo-theme-ash ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-ash ::ng-deep .novo-action button,:host.novo-theme-ash ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-slate .header-titles ::ng-deep .novo-icon,:host.novo-accent-slate .header-title ::ng-deep .novo-icon{color:#707070}:host.novo-accent-slate>section:first-of-type{border-bottom:2px solid #707070}:host.novo-theme-slate>section:first-of-type{background:#707070;color:#fff;border-bottom:none}:host.novo-theme-slate ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-slate ::ng-deep .novo-action button,:host.novo-theme-slate ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-onyx .header-titles ::ng-deep .novo-icon,:host.novo-accent-onyx .header-title ::ng-deep .novo-icon{color:#526980}:host.novo-accent-onyx>section:first-of-type{border-bottom:2px solid #526980}:host.novo-theme-onyx>section:first-of-type{background:#526980;color:#fff;border-bottom:none}:host.novo-theme-onyx ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-onyx ::ng-deep .novo-action button,:host.novo-theme-onyx ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-charcoal .header-titles ::ng-deep .novo-icon,:host.novo-accent-charcoal .header-title ::ng-deep .novo-icon{color:#282828}:host.novo-accent-charcoal>section:first-of-type{border-bottom:2px solid #282828}:host.novo-theme-charcoal>section:first-of-type{background:#282828;color:#fff;border-bottom:none}:host.novo-theme-charcoal ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-charcoal ::ng-deep .novo-action button,:host.novo-theme-charcoal ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-moonlight .header-titles ::ng-deep .novo-icon,:host.novo-accent-moonlight .header-title ::ng-deep .novo-icon{color:#1a242f}:host.novo-accent-moonlight>section:first-of-type{border-bottom:2px solid #1a242f}:host.novo-theme-moonlight>section:first-of-type{background:#1a242f;color:#fff;border-bottom:none}:host.novo-theme-moonlight ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-moonlight ::ng-deep .novo-action button,:host.novo-theme-moonlight ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-midnight .header-titles ::ng-deep .novo-icon,:host.novo-accent-midnight .header-title ::ng-deep .novo-icon{color:#202945}:host.novo-accent-midnight>section:first-of-type{border-bottom:2px solid #202945}:host.novo-theme-midnight>section:first-of-type{background:#202945;color:#fff;border-bottom:none}:host.novo-theme-midnight ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-midnight ::ng-deep .novo-action button,:host.novo-theme-midnight ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-darkness .header-titles ::ng-deep .novo-icon,:host.novo-accent-darkness .header-title ::ng-deep .novo-icon{color:#161f27}:host.novo-accent-darkness>section:first-of-type{border-bottom:2px solid #161f27}:host.novo-theme-darkness>section:first-of-type{background:#161f27;color:#fff;border-bottom:none}:host.novo-theme-darkness ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-darkness ::ng-deep .novo-action button,:host.novo-theme-darkness ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-navy .header-titles ::ng-deep .novo-icon,:host.novo-accent-navy .header-title ::ng-deep .novo-icon{color:#0d2d42}:host.novo-accent-navy>section:first-of-type{border-bottom:2px solid #0d2d42}:host.novo-theme-navy>section:first-of-type{background:#0d2d42;color:#fff;border-bottom:none}:host.novo-theme-navy ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-navy ::ng-deep .novo-action button,:host.novo-theme-navy ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-aqua .header-titles ::ng-deep .novo-icon,:host.novo-accent-aqua .header-title ::ng-deep .novo-icon{color:#3bafda}:host.novo-accent-aqua>section:first-of-type{border-bottom:2px solid #3bafda}:host.novo-theme-aqua>section:first-of-type{background:#3bafda;color:#3d464d;border-bottom:none}:host.novo-theme-aqua ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-aqua ::ng-deep .novo-action button,:host.novo-theme-aqua ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-ocean .header-titles ::ng-deep .novo-icon,:host.novo-accent-ocean .header-title ::ng-deep .novo-icon{color:#4a89dc}:host.novo-accent-ocean>section:first-of-type{border-bottom:2px solid #4a89dc}:host.novo-theme-ocean>section:first-of-type{background:#4a89dc;color:#fff;border-bottom:none}:host.novo-theme-ocean ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-ocean ::ng-deep .novo-action button,:host.novo-theme-ocean ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-mint .header-titles ::ng-deep .novo-icon,:host.novo-accent-mint .header-title ::ng-deep .novo-icon{color:#37bc9b}:host.novo-accent-mint>section:first-of-type{border-bottom:2px solid #37bc9b}:host.novo-theme-mint>section:first-of-type{background:#37bc9b;color:#3d464d;border-bottom:none}:host.novo-theme-mint ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-mint ::ng-deep .novo-action button,:host.novo-theme-mint ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-grass .header-titles ::ng-deep .novo-icon,:host.novo-accent-grass .header-title ::ng-deep .novo-icon{color:#8cc152}:host.novo-accent-grass>section:first-of-type{border-bottom:2px solid #8cc152}:host.novo-theme-grass>section:first-of-type{background:#8cc152;color:#fff;border-bottom:none}:host.novo-theme-grass ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-grass ::ng-deep .novo-action button,:host.novo-theme-grass ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-sunflower .header-titles ::ng-deep .novo-icon,:host.novo-accent-sunflower .header-title ::ng-deep .novo-icon{color:#f6b042}:host.novo-accent-sunflower>section:first-of-type{border-bottom:2px solid #f6b042}:host.novo-theme-sunflower>section:first-of-type{background:#f6b042;color:#fff;border-bottom:none}:host.novo-theme-sunflower ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-sunflower ::ng-deep .novo-action button,:host.novo-theme-sunflower ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-bittersweet .header-titles ::ng-deep .novo-icon,:host.novo-accent-bittersweet .header-title ::ng-deep .novo-icon{color:#eb6845}:host.novo-accent-bittersweet>section:first-of-type{border-bottom:2px solid #eb6845}:host.novo-theme-bittersweet>section:first-of-type{background:#eb6845;color:#fff;border-bottom:none}:host.novo-theme-bittersweet ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-bittersweet ::ng-deep .novo-action button,:host.novo-theme-bittersweet ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-grapefruit .header-titles ::ng-deep .novo-icon,:host.novo-accent-grapefruit .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-grapefruit>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-grapefruit>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-grapefruit ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-grapefruit ::ng-deep .novo-action button,:host.novo-theme-grapefruit ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-carnation .header-titles ::ng-deep .novo-icon,:host.novo-accent-carnation .header-title ::ng-deep .novo-icon{color:#d770ad}:host.novo-accent-carnation>section:first-of-type{border-bottom:2px solid #d770ad}:host.novo-theme-carnation>section:first-of-type{background:#d770ad;color:#fff;border-bottom:none}:host.novo-theme-carnation ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-carnation ::ng-deep .novo-action button,:host.novo-theme-carnation ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-lavender .header-titles ::ng-deep .novo-icon,:host.novo-accent-lavender .header-title ::ng-deep .novo-icon{color:#967adc}:host.novo-accent-lavender>section:first-of-type{border-bottom:2px solid #967adc}:host.novo-theme-lavender>section:first-of-type{background:#967adc;color:#fff;border-bottom:none}:host.novo-theme-lavender ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-lavender ::ng-deep .novo-action button,:host.novo-theme-lavender ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-mountain .header-titles ::ng-deep .novo-icon,:host.novo-accent-mountain .header-title ::ng-deep .novo-icon{color:#9678b6}:host.novo-accent-mountain>section:first-of-type{border-bottom:2px solid #9678b6}:host.novo-theme-mountain>section:first-of-type{background:#9678b6;color:#fff;border-bottom:none}:host.novo-theme-mountain ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-mountain ::ng-deep .novo-action button,:host.novo-theme-mountain ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-info .header-titles ::ng-deep .novo-icon,:host.novo-accent-info .header-title ::ng-deep .novo-icon{color:#4a89dc}:host.novo-accent-info>section:first-of-type{border-bottom:2px solid #4a89dc}:host.novo-theme-info>section:first-of-type{background:#4a89dc;color:#fff;border-bottom:none}:host.novo-theme-info ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-info ::ng-deep .novo-action button,:host.novo-theme-info ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-positive .header-titles ::ng-deep .novo-icon,:host.novo-accent-positive .header-title ::ng-deep .novo-icon{color:#4a89dc}:host.novo-accent-positive>section:first-of-type{border-bottom:2px solid #4a89dc}:host.novo-theme-positive>section:first-of-type{background:#4a89dc;color:#fff;border-bottom:none}:host.novo-theme-positive ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-positive ::ng-deep .novo-action button,:host.novo-theme-positive ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-success .header-titles ::ng-deep .novo-icon,:host.novo-accent-success .header-title ::ng-deep .novo-icon{color:#8cc152}:host.novo-accent-success>section:first-of-type{border-bottom:2px solid #8cc152}:host.novo-theme-success>section:first-of-type{background:#8cc152;color:#fff;border-bottom:none}:host.novo-theme-success ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-success ::ng-deep .novo-action button,:host.novo-theme-success ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-negative .header-titles ::ng-deep .novo-icon,:host.novo-accent-negative .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-negative>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-negative>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-negative ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-negative ::ng-deep .novo-action button,:host.novo-theme-negative ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-danger .header-titles ::ng-deep .novo-icon,:host.novo-accent-danger .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-danger>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-danger>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-danger ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-danger ::ng-deep .novo-action button,:host.novo-theme-danger ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-error .header-titles ::ng-deep .novo-icon,:host.novo-accent-error .header-title ::ng-deep .novo-icon{color:#da4453}:host.novo-accent-error>section:first-of-type{border-bottom:2px solid #da4453}:host.novo-theme-error>section:first-of-type{background:#da4453;color:#fff;border-bottom:none}:host.novo-theme-error ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-error ::ng-deep .novo-action button,:host.novo-theme-error ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-warning .header-titles ::ng-deep .novo-icon,:host.novo-accent-warning .header-title ::ng-deep .novo-icon{color:#f6b042}:host.novo-accent-warning>section:first-of-type{border-bottom:2px solid #f6b042}:host.novo-theme-warning>section:first-of-type{background:#f6b042;color:#fff;border-bottom:none}:host.novo-theme-warning ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-warning ::ng-deep .novo-action button,:host.novo-theme-warning ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-empty .header-titles ::ng-deep .novo-icon,:host.novo-accent-empty .header-title ::ng-deep .novo-icon{color:#cccdcc}:host.novo-accent-empty>section:first-of-type{border-bottom:2px solid #cccdcc}:host.novo-theme-empty>section:first-of-type{background:#cccdcc;color:#3d464d;border-bottom:none}:host.novo-theme-empty ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-empty ::ng-deep .novo-action button,:host.novo-theme-empty ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-disabled .header-titles ::ng-deep .novo-icon,:host.novo-accent-disabled .header-title ::ng-deep .novo-icon{color:#bebebe}:host.novo-accent-disabled>section:first-of-type{border-bottom:2px solid #bebebe}:host.novo-theme-disabled>section:first-of-type{background:#bebebe;color:#3d464d;border-bottom:none}:host.novo-theme-disabled ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-disabled ::ng-deep .novo-action button,:host.novo-theme-disabled ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-background .header-titles ::ng-deep .novo-icon,:host.novo-accent-background .header-title ::ng-deep .novo-icon{color:#f7f7f7}:host.novo-accent-background>section:first-of-type{border-bottom:2px solid #f7f7f7}:host.novo-theme-background>section:first-of-type{background:#f7f7f7;color:#3d464d;border-bottom:none}:host.novo-theme-background ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-background ::ng-deep .novo-action button,:host.novo-theme-background ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-backgroundDark .header-titles ::ng-deep .novo-icon,:host.novo-accent-backgroundDark .header-title ::ng-deep .novo-icon{color:#e2e2e2}:host.novo-accent-backgroundDark>section:first-of-type{border-bottom:2px solid #e2e2e2}:host.novo-theme-backgroundDark>section:first-of-type{background:#e2e2e2;color:#3d464d;border-bottom:none}:host.novo-theme-backgroundDark ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-backgroundDark ::ng-deep .novo-action button,:host.novo-theme-backgroundDark ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-presentation .header-titles ::ng-deep .novo-icon,:host.novo-accent-presentation .header-title ::ng-deep .novo-icon{color:#5b6770}:host.novo-accent-presentation>section:first-of-type{border-bottom:2px solid #5b6770}:host.novo-theme-presentation>section:first-of-type{background:#5b6770;color:#fff;border-bottom:none}:host.novo-theme-presentation ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-presentation ::ng-deep .novo-action button,:host.novo-theme-presentation ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-bullhorn .header-titles ::ng-deep .novo-icon,:host.novo-accent-bullhorn .header-title ::ng-deep .novo-icon{color:#ff6900}:host.novo-accent-bullhorn>section:first-of-type{border-bottom:2px solid #ff6900}:host.novo-theme-bullhorn>section:first-of-type{background:#ff6900;color:#3d464d;border-bottom:none}:host.novo-theme-bullhorn ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-bullhorn ::ng-deep .novo-action button,:host.novo-theme-bullhorn ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-pulse .header-titles ::ng-deep .novo-icon,:host.novo-accent-pulse .header-title ::ng-deep .novo-icon{color:#3bafda}:host.novo-accent-pulse>section:first-of-type{border-bottom:2px solid #3bafda}:host.novo-theme-pulse>section:first-of-type{background:#3bafda;color:#3d464d;border-bottom:none}:host.novo-theme-pulse ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-pulse ::ng-deep .novo-action button,:host.novo-theme-pulse ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-company .header-titles ::ng-deep .novo-icon,:host.novo-accent-company .header-title ::ng-deep .novo-icon{color:#39d}:host.novo-accent-company>section:first-of-type{border-bottom:2px solid #3399dd}:host.novo-theme-company>section:first-of-type{background:#3399dd;color:#fff;border-bottom:none}:host.novo-theme-company ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-company ::ng-deep .novo-action button,:host.novo-theme-company ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-candidate .header-titles ::ng-deep .novo-icon,:host.novo-accent-candidate .header-title ::ng-deep .novo-icon{color:#4b7}:host.novo-accent-candidate>section:first-of-type{border-bottom:2px solid #44bb77}:host.novo-theme-candidate>section:first-of-type{background:#44bb77;color:#fff;border-bottom:none}:host.novo-theme-candidate ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-candidate ::ng-deep .novo-action button,:host.novo-theme-candidate ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-lead .header-titles ::ng-deep .novo-icon,:host.novo-accent-lead .header-title ::ng-deep .novo-icon{color:#a69}:host.novo-accent-lead>section:first-of-type{border-bottom:2px solid #aa6699}:host.novo-theme-lead>section:first-of-type{background:#aa6699;color:#fff;border-bottom:none}:host.novo-theme-lead ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-lead ::ng-deep .novo-action button,:host.novo-theme-lead ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-contact .header-titles ::ng-deep .novo-icon,:host.novo-accent-contact .header-title ::ng-deep .novo-icon{color:#fa4}:host.novo-accent-contact>section:first-of-type{border-bottom:2px solid #ffaa44}:host.novo-theme-contact>section:first-of-type{background:#ffaa44;color:#fff;border-bottom:none}:host.novo-theme-contact ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-contact ::ng-deep .novo-action button,:host.novo-theme-contact ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-clientcontact .header-titles ::ng-deep .novo-icon,:host.novo-accent-clientcontact .header-title ::ng-deep .novo-icon{color:#fa4}:host.novo-accent-clientcontact>section:first-of-type{border-bottom:2px solid #ffaa44}:host.novo-theme-clientcontact>section:first-of-type{background:#ffaa44;color:#fff;border-bottom:none}:host.novo-theme-clientcontact ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-clientcontact ::ng-deep .novo-action button,:host.novo-theme-clientcontact ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-opportunity .header-titles ::ng-deep .novo-icon,:host.novo-accent-opportunity .header-title ::ng-deep .novo-icon{color:#625}:host.novo-accent-opportunity>section:first-of-type{border-bottom:2px solid #662255}:host.novo-theme-opportunity>section:first-of-type{background:#662255;color:#fff;border-bottom:none}:host.novo-theme-opportunity ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-opportunity ::ng-deep .novo-action button,:host.novo-theme-opportunity ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-job .header-titles ::ng-deep .novo-icon,:host.novo-accent-job .header-title ::ng-deep .novo-icon{color:#b56}:host.novo-accent-job>section:first-of-type{border-bottom:2px solid #bb5566}:host.novo-theme-job>section:first-of-type{background:#bb5566;color:#fff;border-bottom:none}:host.novo-theme-job ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-job ::ng-deep .novo-action button,:host.novo-theme-job ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-joborder .header-titles ::ng-deep .novo-icon,:host.novo-accent-joborder .header-title ::ng-deep .novo-icon{color:#b56}:host.novo-accent-joborder>section:first-of-type{border-bottom:2px solid #bb5566}:host.novo-theme-joborder>section:first-of-type{background:#bb5566;color:#fff;border-bottom:none}:host.novo-theme-joborder ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-joborder ::ng-deep .novo-action button,:host.novo-theme-joborder ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-submission .header-titles ::ng-deep .novo-icon,:host.novo-accent-submission .header-title ::ng-deep .novo-icon{color:#a9adbb}:host.novo-accent-submission>section:first-of-type{border-bottom:2px solid #a9adbb}:host.novo-theme-submission>section:first-of-type{background:#a9adbb;color:#3d464d;border-bottom:none}:host.novo-theme-submission ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-submission ::ng-deep .novo-action button,:host.novo-theme-submission ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-sendout .header-titles ::ng-deep .novo-icon,:host.novo-accent-sendout .header-title ::ng-deep .novo-icon{color:#747884}:host.novo-accent-sendout>section:first-of-type{border-bottom:2px solid #747884}:host.novo-theme-sendout>section:first-of-type{background:#747884;color:#fff;border-bottom:none}:host.novo-theme-sendout ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-sendout ::ng-deep .novo-action button,:host.novo-theme-sendout ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-placement .header-titles ::ng-deep .novo-icon,:host.novo-accent-placement .header-title ::ng-deep .novo-icon{color:#0b344f}:host.novo-accent-placement>section:first-of-type{border-bottom:2px solid #0b344f}:host.novo-theme-placement>section:first-of-type{background:#0b344f;color:#fff;border-bottom:none}:host.novo-theme-placement ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-placement ::ng-deep .novo-action button,:host.novo-theme-placement ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-note .header-titles ::ng-deep .novo-icon,:host.novo-accent-note .header-title ::ng-deep .novo-icon{color:#747884}:host.novo-accent-note>section:first-of-type{border-bottom:2px solid #747884}:host.novo-theme-note>section:first-of-type{background:#747884;color:#fff;border-bottom:none}:host.novo-theme-note ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-note ::ng-deep .novo-action button,:host.novo-theme-note ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-contract .header-titles ::ng-deep .novo-icon,:host.novo-accent-contract .header-title ::ng-deep .novo-icon{color:#454ea0}:host.novo-accent-contract>section:first-of-type{border-bottom:2px solid #454ea0}:host.novo-theme-contract>section:first-of-type{background:#454ea0;color:#fff;border-bottom:none}:host.novo-theme-contract ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-contract ::ng-deep .novo-action button,:host.novo-theme-contract ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-jobCode .header-titles ::ng-deep .novo-icon,:host.novo-accent-jobCode .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-jobCode>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-jobCode>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-jobCode ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-jobCode ::ng-deep .novo-action button,:host.novo-theme-jobCode ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-earnCode .header-titles ::ng-deep .novo-icon,:host.novo-accent-earnCode .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-earnCode>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-earnCode>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-earnCode ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-earnCode ::ng-deep .novo-action button,:host.novo-theme-earnCode ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-invoiceStatement .header-titles ::ng-deep .novo-icon,:host.novo-accent-invoiceStatement .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-invoiceStatement>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-invoiceStatement>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-invoiceStatement ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-invoiceStatement ::ng-deep .novo-action button,:host.novo-theme-invoiceStatement ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-billableCharge .header-titles ::ng-deep .novo-icon,:host.novo-accent-billableCharge .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-billableCharge>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-billableCharge>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-billableCharge ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-billableCharge ::ng-deep .novo-action button,:host.novo-theme-billableCharge ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-payableCharge .header-titles ::ng-deep .novo-icon,:host.novo-accent-payableCharge .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-payableCharge>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-payableCharge>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-payableCharge ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-payableCharge ::ng-deep .novo-action button,:host.novo-theme-payableCharge ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-user .header-titles ::ng-deep .novo-icon,:host.novo-accent-user .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-user>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-user>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-user ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-user ::ng-deep .novo-action button,:host.novo-theme-user ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-corporateUser .header-titles ::ng-deep .novo-icon,:host.novo-accent-corporateUser .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-corporateUser>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-corporateUser>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-corporateUser ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-corporateUser ::ng-deep .novo-action button,:host.novo-theme-corporateUser ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-distributionList .header-titles ::ng-deep .novo-icon,:host.novo-accent-distributionList .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-distributionList>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-distributionList>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-distributionList ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-distributionList ::ng-deep .novo-action button,:host.novo-theme-distributionList ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-credential .header-titles ::ng-deep .novo-icon,:host.novo-accent-credential .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-credential>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-credential>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-credential ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-credential ::ng-deep .novo-action button,:host.novo-theme-credential ::ng-deep .novo-action .novo-button{color:inherit}:host.novo-accent-person .header-titles ::ng-deep .novo-icon,:host.novo-accent-person .header-title ::ng-deep .novo-icon{color:#696d79}:host.novo-accent-person>section:first-of-type{border-bottom:2px solid #696d79}:host.novo-theme-person>section:first-of-type{background:#696d79;color:#fff;border-bottom:none}:host.novo-theme-person ::ng-deep .novo-title{color:inherit;overflow:hidden;padding-right:.5rem}:host.novo-theme-person ::ng-deep .novo-action button,:host.novo-theme-person ::ng-deep .novo-action .novo-button{color:inherit}:host>main{padding:4px 16px 4px 32px}:host>::ng-deep novo-nav{padding-left:16px}:host>::ng-deep novo-nav.block{padding-left:0}:host.condensed .header-title,:host.condensed .header-titles{line-height:1.375}:host.condensed>section{height:3.6rem}:host.condensed ::ng-deep .novo-icon{margin-right:.5rem!important;font-size:1.8rem}:host .header-actions{display:flex;flex-flow:row nowrap}\n"] }]
|
|
163
163
|
}], propDecorators: { role: [{
|
|
164
164
|
type: HostBinding,
|
|
165
165
|
args: ['attr.role']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"novo-elements-elements-header.mjs","sources":["../../../projects/novo-elements/src/elements/header/Header.ts","../../../projects/novo-elements/src/elements/header/Header.module.ts","../../../projects/novo-elements/src/elements/header/novo-elements-elements-header.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\nimport { BooleanInput } from 'novo-elements/utils';\n\n@Component({\n selector: 'header-spacer',\n template: `<ng-content></ng-content>`,\n styleUrls: ['./HeaderSpacer.scss'],\n})\nexport class NovoHeaderSpacer {}\n\n@Component({\n selector: 'utils',\n template: `<ng-content></ng-content>`,\n})\nexport class NovoUtilsComponent {}\n\n@Component({\n selector: 'util-action, novo-action',\n template: `\n <novo-button theme=\"icon\" [icon]=\"icon\" [size]=\"size\" [attr.inverse]=\"inverse\" [disabled]=\"disabled\">\n <ng-content></ng-content>\n </novo-button>\n `,\n host: {\n class: 'novo-action',\n },\n})\nexport class NovoUtilActionComponent {\n @Input()\n public icon: string;\n @Input()\n public size: string;\n @Input()\n public inverse: boolean;\n @Input()\n public disabled: boolean;\n}\n\n@Component({\n selector: 'novo-header,header[theme],header[accent]',\n template: `\n <section>\n <div class=\"header-title\">\n <ng-content select=\"[prefix]\"></ng-content>\n <ng-container *ngIf=\"title\">\n <novo-icon class=\"header-icon\" *ngIf=\"icon\">{{ icon }}</novo-icon>\n <div class=\"header-titles\">\n <novo-title size=\"xl\">{{ title }}</novo-title>\n <novo-title size=\"md\" *ngIf=\"subTitle\">{{ subTitle }}</novo-title>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!title\">\n <ng-content select=\"novo-icon, [novo-icon]\"></ng-content>\n <div class=\"header-titles\">\n <ng-content select=\"h1, h2, h3, h4, h5, h6, small, novo-title, [novo-title], [novo-subtitle]\"></ng-content>\n </div>\n </ng-container>\n </div>\n <ng-content select=\"section\"></ng-content>\n <span class=\"spacer\"></span>\n <div class=\"header-actions\">\n <ng-content select=\"novo-action,[novo-action]\"></ng-content>\n </div>\n <ng-content select=\"utils\"></ng-content>\n <ng-content select=\"[suffix]\"></ng-content>\n </section>\n <ng-content></ng-content>\n `,\n styleUrls: ['./Header.scss'],\n})\nexport class NovoHeaderComponent {\n @HostBinding('attr.role')\n public role = 'heading';\n @HostBinding('class')\n public headerClass: string = 'novo-header';\n @HostBinding('class.condensed')\n @Input()\n @BooleanInput()\n public condensed: boolean = false;\n @Input()\n public title: string;\n @Input()\n public subTitle: string;\n public inverse: string = 'inverse';\n\n @Input()\n public icon: string;\n\n @Input()\n public size: 'small' | 'medium' | 'large';\n\n @HostBinding('class.header-size-small')\n get hb_isSizeSmall(): boolean {\n return this.size === 'small';\n }\n\n @HostBinding('class.header-size-large')\n get hb_isSizeLarge(): boolean {\n return this.size === 'large';\n }\n\n @HostBinding('class.header-size-default')\n get hb_isSizeDefault(): boolean {\n return !['small', 'large'].includes(this.size);\n }\n\n @HostBinding('attr.theme')\n @Input()\n set theme(theme: string) {\n this._theme = theme;\n this.inverse = theme === 'white' || theme === 'off-white' || theme === 'light' ? undefined : 'inverse';\n }\n\n get theme(): string {\n return this._theme;\n }\n\n private _theme: string;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoCommonModule } from 'novo-elements/elements/common';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoHeaderComponent, NovoHeaderSpacer, NovoUtilActionComponent, NovoUtilsComponent } from './Header';\n\n@NgModule({\n imports: [CommonModule, NovoCommonModule, NovoIconModule, NovoButtonModule],\n declarations: [NovoHeaderComponent, NovoUtilActionComponent, NovoUtilsComponent, NovoHeaderSpacer],\n exports: [NovoHeaderComponent, NovoUtilActionComponent, NovoUtilsComponent, NovoHeaderSpacer],\n})\nexport class NovoHeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"novo-elements-elements-header.mjs","sources":["../../../projects/novo-elements/src/elements/header/Header.ts","../../../projects/novo-elements/src/elements/header/Header.module.ts","../../../projects/novo-elements/src/elements/header/novo-elements-elements-header.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\nimport { BooleanInput } from 'novo-elements/utils';\n\n@Component({\n selector: 'header-spacer',\n template: `<ng-content></ng-content>`,\n styleUrls: ['./HeaderSpacer.scss'],\n})\nexport class NovoHeaderSpacer {}\n\n@Component({\n selector: 'utils',\n template: `<ng-content></ng-content>`,\n})\nexport class NovoUtilsComponent {}\n\n@Component({\n selector: 'util-action, novo-action',\n template: `\n <novo-button theme=\"icon\" [icon]=\"icon\" [size]=\"size\" [attr.inverse]=\"inverse\" [disabled]=\"disabled\">\n <ng-content></ng-content>\n </novo-button>\n `,\n host: {\n class: 'novo-action',\n },\n})\nexport class NovoUtilActionComponent {\n @Input()\n public icon: string;\n @Input()\n public size: string;\n @Input()\n public inverse: boolean;\n @Input()\n public disabled: boolean;\n}\n\n@Component({\n selector: 'novo-header,header[theme],header[accent]',\n template: `\n <section>\n <div class=\"header-title\">\n <ng-content select=\"[prefix]\"></ng-content>\n <ng-container *ngIf=\"title\">\n <novo-icon class=\"header-icon\" *ngIf=\"icon\">{{ icon }}</novo-icon>\n <div class=\"header-titles\">\n <novo-title size=\"xl\">{{ title }}</novo-title>\n <novo-title size=\"md\" *ngIf=\"subTitle\">{{ subTitle }}</novo-title>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!title\">\n <ng-content select=\"novo-icon, [novo-icon]\"></ng-content>\n <div class=\"header-titles\">\n <ng-content select=\"h1, h2, h3, h4, h5, h6, small, novo-title, [novo-title], [novo-subtitle]\"></ng-content>\n </div>\n </ng-container>\n </div>\n <ng-content select=\"section\"></ng-content>\n <span class=\"spacer\"></span>\n <div class=\"header-actions\">\n <ng-content select=\"novo-action,[novo-action]\"></ng-content>\n </div>\n <ng-content select=\"utils\"></ng-content>\n <ng-content select=\"[suffix]\"></ng-content>\n </section>\n <ng-content></ng-content>\n `,\n styleUrls: ['./Header.scss'],\n})\nexport class NovoHeaderComponent {\n @HostBinding('attr.role')\n public role = 'heading';\n @HostBinding('class')\n public headerClass: string = 'novo-header';\n @HostBinding('class.condensed')\n @Input()\n @BooleanInput()\n public condensed: boolean = false;\n @Input()\n public title: string;\n @Input()\n public subTitle: string;\n public inverse: string = 'inverse';\n\n @Input()\n public icon: string;\n\n @Input()\n public size: 'small' | 'medium' | 'large';\n\n @HostBinding('class.header-size-small')\n get hb_isSizeSmall(): boolean {\n return this.size === 'small';\n }\n\n @HostBinding('class.header-size-large')\n get hb_isSizeLarge(): boolean {\n return this.size === 'large';\n }\n\n @HostBinding('class.header-size-default')\n get hb_isSizeDefault(): boolean {\n return !['small', 'large'].includes(this.size);\n }\n\n @HostBinding('attr.theme')\n @Input()\n set theme(theme: string) {\n this._theme = theme;\n this.inverse = theme === 'white' || theme === 'off-white' || theme === 'light' ? undefined : 'inverse';\n }\n\n get theme(): string {\n return this._theme;\n }\n\n private _theme: string;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoCommonModule } from 'novo-elements/elements/common';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoHeaderComponent, NovoHeaderSpacer, NovoUtilActionComponent, NovoUtilsComponent } from './Header';\n\n@NgModule({\n imports: [CommonModule, NovoCommonModule, NovoIconModule, NovoButtonModule],\n declarations: [NovoHeaderComponent, NovoUtilActionComponent, NovoUtilsComponent, NovoHeaderSpacer],\n exports: [NovoHeaderComponent, NovoUtilActionComponent, NovoUtilsComponent, NovoHeaderSpacer],\n})\nexport class NovoHeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|