novo-elements 8.3.0-next.1 → 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.
Files changed (13) hide show
  1. package/elements/dropdown/Dropdown.scss +1 -1
  2. package/elements/header/Header.scss +10 -1
  3. package/esm2020/elements/dropdown/Dropdown.mjs +2 -2
  4. package/esm2020/elements/header/Header.mjs +2 -2
  5. package/fesm2015/novo-elements-elements-dropdown.mjs +2 -2
  6. package/fesm2015/novo-elements-elements-dropdown.mjs.map +1 -1
  7. package/fesm2015/novo-elements-elements-header.mjs +2 -2
  8. package/fesm2015/novo-elements-elements-header.mjs.map +1 -1
  9. package/fesm2020/novo-elements-elements-dropdown.mjs +2 -2
  10. package/fesm2020/novo-elements-elements-dropdown.mjs.map +1 -1
  11. package/fesm2020/novo-elements-elements-header.mjs +2 -2
  12. package/fesm2020/novo-elements-elements-header.mjs.map +1 -1
  13. package/package.json +1 -1
package/elements/dropdown/Dropdown.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  display: inline-block;
5
5
  position: relative;
6
6
  outline: none;
7
- .novo-dropdown-trigger {
7
+ ::ng-deep .novo-dropdown-trigger {
8
8
  cursor: pointer;
9
9
  -webkit-appearance: none;
10
10
  }
package/elements/header/Header.scss CHANGED
@@ -40,8 +40,15 @@
40
40
  div.header-title {
41
41
  display: flex;
42
42
  align-items: center;
43
- max-width: calc(100% - 40px);
44
43
  gap: $spacing-sm;
44
+ // making room for ellipsis
45
+ padding-inline-end: 2em;
46
+ // prevent pushing other flex content
47
+ min-width: 0;
48
+ flex-shrink: 1;
49
+ .novo-title {
50
+ overflow: hidden;
51
+ }
45
52
 
46
53
  ::ng-deep novo-icon {
47
54
  margin-right: 1rem;
@@ -104,6 +111,8 @@
104
111
  }
105
112
  ::ng-deep .novo-title {
106
113
  color: inherit;
114
+ overflow: hidden;
115
+ padding-right: 0.5rem;
107
116
  }
108
117
  ::ng-deep .novo-action {
109
118
  button,
package/esm2020/elements/dropdown/Dropdown.mjs CHANGED
@@ -241,7 +241,7 @@ NovoDropdownElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
241
241
  <ng-content></ng-content>
242
242
  </div>
243
243
  </novo-overlay-template>
244
- `, isInline: true, styles: [":host{display:inline-block;position:relative;outline:none}:host .novo-dropdown-trigger{cursor:pointer;-webkit-appearance:none}:host ::ng-deep button,:host ::ng-deep novo-button{position:relative;z-index:0}:host ::ng-deep button .novo-button-icon,:host ::ng-deep novo-button .novo-button-icon{font-size:.8em!important;width:1em!important;height:1em!important;margin:0 .5em}.dropdown-container{background-color:#f7f7f7;background-color:var(--background-bright, #f7f7f7);list-style:none;margin:0;padding:0;min-width:180px;margin-top:.5rem;margin-bottom:.5rem;box-shadow:0 4px 10px #00000040}.dropdown-container.has-height{overflow:auto}.dropdown-container ::ng-deep list dropdown-item-header{color:#9e9e9e;font-size:.8em;flex:1;font-weight:500;text-transform:uppercase;padding:.5rem 1rem;display:block}.dropdown-container ::ng-deep list hr{border:none;height:1px;background:#dbdbdb}.dropdown-container.novo-table-dropdown-cell ::ng-deep list{max-height:400px;display:block;overflow:auto;padding:5px 0}.dropdown-container.novo-table-dropdown-cell ::ng-deep item{height:30px!important;padding:0 16px!important}.dropdown-container.novo-table-dropdown-cell ::ng-deep item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:80%}.dropdown-container.novo-table-dropdown-cell ::ng-deep item.active{font-weight:500}.dropdown-container.novo-table-dropdown-cell ::ng-deep dropdown-item-header{padding:0 10px!important}\n"], components: [{ type: i1.NovoOverlayTemplateComponent, selector: "novo-overlay-template", inputs: ["position", "scrollStrategy", "width", "height", "closeOnSelect", "hasBackdrop", "parent"], outputs: ["select", "opening", "closing"] }] });
244
+ `, isInline: true, styles: [":host{display:inline-block;position:relative;outline:none}:host ::ng-deep .novo-dropdown-trigger{cursor:pointer;-webkit-appearance:none}:host ::ng-deep button,:host ::ng-deep novo-button{position:relative;z-index:0}:host ::ng-deep button .novo-button-icon,:host ::ng-deep novo-button .novo-button-icon{font-size:.8em!important;width:1em!important;height:1em!important;margin:0 .5em}.dropdown-container{background-color:#f7f7f7;background-color:var(--background-bright, #f7f7f7);list-style:none;margin:0;padding:0;min-width:180px;margin-top:.5rem;margin-bottom:.5rem;box-shadow:0 4px 10px #00000040}.dropdown-container.has-height{overflow:auto}.dropdown-container ::ng-deep list dropdown-item-header{color:#9e9e9e;font-size:.8em;flex:1;font-weight:500;text-transform:uppercase;padding:.5rem 1rem;display:block}.dropdown-container ::ng-deep list hr{border:none;height:1px;background:#dbdbdb}.dropdown-container.novo-table-dropdown-cell ::ng-deep list{max-height:400px;display:block;overflow:auto;padding:5px 0}.dropdown-container.novo-table-dropdown-cell ::ng-deep item{height:30px!important;padding:0 16px!important}.dropdown-container.novo-table-dropdown-cell ::ng-deep item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:80%}.dropdown-container.novo-table-dropdown-cell ::ng-deep item.active{font-weight:500}.dropdown-container.novo-table-dropdown-cell ::ng-deep dropdown-item-header{padding:0 10px!important}\n"], components: [{ type: i1.NovoOverlayTemplateComponent, selector: "novo-overlay-template", inputs: ["position", "scrollStrategy", "width", "height", "closeOnSelect", "hasBackdrop", "parent"], outputs: ["select", "opening", "closing"] }] });
245
245
  __decorate([
246
246
  BooleanInput(),
247
247
  __metadata("design:type", Boolean)
@@ -257,7 +257,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
257
257
  </novo-overlay-template>
258
258
  `, host: {
259
259
  '[attr.tabIndex]': 'disabled ? -1 : 0',
260
- }, styles: [":host{display:inline-block;position:relative;outline:none}:host .novo-dropdown-trigger{cursor:pointer;-webkit-appearance:none}:host ::ng-deep button,:host ::ng-deep novo-button{position:relative;z-index:0}:host ::ng-deep button .novo-button-icon,:host ::ng-deep novo-button .novo-button-icon{font-size:.8em!important;width:1em!important;height:1em!important;margin:0 .5em}.dropdown-container{background-color:#f7f7f7;background-color:var(--background-bright, #f7f7f7);list-style:none;margin:0;padding:0;min-width:180px;margin-top:.5rem;margin-bottom:.5rem;box-shadow:0 4px 10px #00000040}.dropdown-container.has-height{overflow:auto}.dropdown-container ::ng-deep list dropdown-item-header{color:#9e9e9e;font-size:.8em;flex:1;font-weight:500;text-transform:uppercase;padding:.5rem 1rem;display:block}.dropdown-container ::ng-deep list hr{border:none;height:1px;background:#dbdbdb}.dropdown-container.novo-table-dropdown-cell ::ng-deep list{max-height:400px;display:block;overflow:auto;padding:5px 0}.dropdown-container.novo-table-dropdown-cell ::ng-deep item{height:30px!important;padding:0 16px!important}.dropdown-container.novo-table-dropdown-cell ::ng-deep item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:80%}.dropdown-container.novo-table-dropdown-cell ::ng-deep item.active{font-weight:500}.dropdown-container.novo-table-dropdown-cell ::ng-deep dropdown-item-header{padding:0 10px!important}\n"] }]
260
+ }, styles: [":host{display:inline-block;position:relative;outline:none}:host ::ng-deep .novo-dropdown-trigger{cursor:pointer;-webkit-appearance:none}:host ::ng-deep button,:host ::ng-deep novo-button{position:relative;z-index:0}:host ::ng-deep button .novo-button-icon,:host ::ng-deep novo-button .novo-button-icon{font-size:.8em!important;width:1em!important;height:1em!important;margin:0 .5em}.dropdown-container{background-color:#f7f7f7;background-color:var(--background-bright, #f7f7f7);list-style:none;margin:0;padding:0;min-width:180px;margin-top:.5rem;margin-bottom:.5rem;box-shadow:0 4px 10px #00000040}.dropdown-container.has-height{overflow:auto}.dropdown-container ::ng-deep list dropdown-item-header{color:#9e9e9e;font-size:.8em;flex:1;font-weight:500;text-transform:uppercase;padding:.5rem 1rem;display:block}.dropdown-container ::ng-deep list hr{border:none;height:1px;background:#dbdbdb}.dropdown-container.novo-table-dropdown-cell ::ng-deep list{max-height:400px;display:block;overflow:auto;padding:5px 0}.dropdown-container.novo-table-dropdown-cell ::ng-deep item{height:30px!important;padding:0 16px!important}.dropdown-container.novo-table-dropdown-cell ::ng-deep item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:80%}.dropdown-container.novo-table-dropdown-cell ::ng-deep item.active{font-weight:500}.dropdown-container.novo-table-dropdown-cell ::ng-deep dropdown-item-header{padding:0 10px!important}\n"] }]
261
261
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { parentScrollSelector: [{
262
262
  type: Input
263
263
  }], parentScrollAction: [{
package/esm2020/elements/header/Header.mjs CHANGED
@@ -115,7 +115,7 @@ NovoHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
115
115
  <ng-content select="[suffix]"></ng-content>
116
116
  </section>
117
117
  <ng-content></ng-content>
118
- `, 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"] }] });
118
+ `, 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"] }] });
119
119
  __decorate([
120
120
  BooleanInput(),
121
121
  __metadata("design:type", Boolean)
@@ -149,7 +149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
149
149
  <ng-content select="[suffix]"></ng-content>
150
150
  </section>
151
151
  <ng-content></ng-content>
152
- `, 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"] }]
152
+ `, 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"] }]
153
153
  }], propDecorators: { role: [{
154
154
  type: HostBinding,
155
155
  args: ['attr.role']
package/fesm2015/novo-elements-elements-dropdown.mjs CHANGED
@@ -244,7 +244,7 @@ NovoDropdownElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
244
244
  <ng-content></ng-content>
245
245
  </div>
246
246
  </novo-overlay-template>
247
- `, isInline: true, styles: [":host{display:inline-block;position:relative;outline:none}:host .novo-dropdown-trigger{cursor:pointer;-webkit-appearance:none}:host ::ng-deep button,:host ::ng-deep novo-button{position:relative;z-index:0}:host ::ng-deep button .novo-button-icon,:host ::ng-deep novo-button .novo-button-icon{font-size:.8em!important;width:1em!important;height:1em!important;margin:0 .5em}.dropdown-container{background-color:#f7f7f7;background-color:var(--background-bright, #f7f7f7);list-style:none;margin:0;padding:0;min-width:180px;margin-top:.5rem;margin-bottom:.5rem;box-shadow:0 4px 10px #00000040}.dropdown-container.has-height{overflow:auto}.dropdown-container ::ng-deep list dropdown-item-header{color:#9e9e9e;font-size:.8em;flex:1;font-weight:500;text-transform:uppercase;padding:.5rem 1rem;display:block}.dropdown-container ::ng-deep list hr{border:none;height:1px;background:#dbdbdb}.dropdown-container.novo-table-dropdown-cell ::ng-deep list{max-height:400px;display:block;overflow:auto;padding:5px 0}.dropdown-container.novo-table-dropdown-cell ::ng-deep item{height:30px!important;padding:0 16px!important}.dropdown-container.novo-table-dropdown-cell ::ng-deep item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:80%}.dropdown-container.novo-table-dropdown-cell ::ng-deep item.active{font-weight:500}.dropdown-container.novo-table-dropdown-cell ::ng-deep dropdown-item-header{padding:0 10px!important}\n"], components: [{ type: i1.NovoOverlayTemplateComponent, selector: "novo-overlay-template", inputs: ["position", "scrollStrategy", "width", "height", "closeOnSelect", "hasBackdrop", "parent"], outputs: ["select", "opening", "closing"] }] });
247
+ `, isInline: true, styles: [":host{display:inline-block;position:relative;outline:none}:host ::ng-deep .novo-dropdown-trigger{cursor:pointer;-webkit-appearance:none}:host ::ng-deep button,:host ::ng-deep novo-button{position:relative;z-index:0}:host ::ng-deep button .novo-button-icon,:host ::ng-deep novo-button .novo-button-icon{font-size:.8em!important;width:1em!important;height:1em!important;margin:0 .5em}.dropdown-container{background-color:#f7f7f7;background-color:var(--background-bright, #f7f7f7);list-style:none;margin:0;padding:0;min-width:180px;margin-top:.5rem;margin-bottom:.5rem;box-shadow:0 4px 10px #00000040}.dropdown-container.has-height{overflow:auto}.dropdown-container ::ng-deep list dropdown-item-header{color:#9e9e9e;font-size:.8em;flex:1;font-weight:500;text-transform:uppercase;padding:.5rem 1rem;display:block}.dropdown-container ::ng-deep list hr{border:none;height:1px;background:#dbdbdb}.dropdown-container.novo-table-dropdown-cell ::ng-deep list{max-height:400px;display:block;overflow:auto;padding:5px 0}.dropdown-container.novo-table-dropdown-cell ::ng-deep item{height:30px!important;padding:0 16px!important}.dropdown-container.novo-table-dropdown-cell ::ng-deep item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:80%}.dropdown-container.novo-table-dropdown-cell ::ng-deep item.active{font-weight:500}.dropdown-container.novo-table-dropdown-cell ::ng-deep dropdown-item-header{padding:0 10px!important}\n"], components: [{ type: i1.NovoOverlayTemplateComponent, selector: "novo-overlay-template", inputs: ["position", "scrollStrategy", "width", "height", "closeOnSelect", "hasBackdrop", "parent"], outputs: ["select", "opening", "closing"] }] });
248
248
  __decorate([
249
249
  BooleanInput(),
250
250
  __metadata("design:type", Boolean)
@@ -260,7 +260,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
260
260
  </novo-overlay-template>
261
261
  `, host: {
262
262
  '[attr.tabIndex]': 'disabled ? -1 : 0',
263
- }, styles: [":host{display:inline-block;position:relative;outline:none}:host .novo-dropdown-trigger{cursor:pointer;-webkit-appearance:none}:host ::ng-deep button,:host ::ng-deep novo-button{position:relative;z-index:0}:host ::ng-deep button .novo-button-icon,:host ::ng-deep novo-button .novo-button-icon{font-size:.8em!important;width:1em!important;height:1em!important;margin:0 .5em}.dropdown-container{background-color:#f7f7f7;background-color:var(--background-bright, #f7f7f7);list-style:none;margin:0;padding:0;min-width:180px;margin-top:.5rem;margin-bottom:.5rem;box-shadow:0 4px 10px #00000040}.dropdown-container.has-height{overflow:auto}.dropdown-container ::ng-deep list dropdown-item-header{color:#9e9e9e;font-size:.8em;flex:1;font-weight:500;text-transform:uppercase;padding:.5rem 1rem;display:block}.dropdown-container ::ng-deep list hr{border:none;height:1px;background:#dbdbdb}.dropdown-container.novo-table-dropdown-cell ::ng-deep list{max-height:400px;display:block;overflow:auto;padding:5px 0}.dropdown-container.novo-table-dropdown-cell ::ng-deep item{height:30px!important;padding:0 16px!important}.dropdown-container.novo-table-dropdown-cell ::ng-deep item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:80%}.dropdown-container.novo-table-dropdown-cell ::ng-deep item.active{font-weight:500}.dropdown-container.novo-table-dropdown-cell ::ng-deep dropdown-item-header{padding:0 10px!important}\n"] }]
263
+ }, styles: [":host{display:inline-block;position:relative;outline:none}:host ::ng-deep .novo-dropdown-trigger{cursor:pointer;-webkit-appearance:none}:host ::ng-deep button,:host ::ng-deep novo-button{position:relative;z-index:0}:host ::ng-deep button .novo-button-icon,:host ::ng-deep novo-button .novo-button-icon{font-size:.8em!important;width:1em!important;height:1em!important;margin:0 .5em}.dropdown-container{background-color:#f7f7f7;background-color:var(--background-bright, #f7f7f7);list-style:none;margin:0;padding:0;min-width:180px;margin-top:.5rem;margin-bottom:.5rem;box-shadow:0 4px 10px #00000040}.dropdown-container.has-height{overflow:auto}.dropdown-container ::ng-deep list dropdown-item-header{color:#9e9e9e;font-size:.8em;flex:1;font-weight:500;text-transform:uppercase;padding:.5rem 1rem;display:block}.dropdown-container ::ng-deep list hr{border:none;height:1px;background:#dbdbdb}.dropdown-container.novo-table-dropdown-cell ::ng-deep list{max-height:400px;display:block;overflow:auto;padding:5px 0}.dropdown-container.novo-table-dropdown-cell ::ng-deep item{height:30px!important;padding:0 16px!important}.dropdown-container.novo-table-dropdown-cell ::ng-deep item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:80%}.dropdown-container.novo-table-dropdown-cell ::ng-deep item.active{font-weight:500}.dropdown-container.novo-table-dropdown-cell ::ng-deep dropdown-item-header{padding:0 10px!important}\n"] }]
264
264
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { parentScrollSelector: [{
265
265
  type: Input
266
266
  }], parentScrollAction: [{