novo-elements 9.3.0-next.2 → 9.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (171) hide show
  1. package/elements/chips/RowChips.scss +9 -1
  2. package/esm2020/elements/aside/aside.component.mjs +3 -3
  3. package/esm2020/elements/autocomplete/autocomplete.component.mjs +2 -2
  4. package/esm2020/elements/button/Button.mjs +2 -2
  5. package/esm2020/elements/calendar/calendar.component.mjs +2 -2
  6. package/esm2020/elements/calendar/month-view/month-view.component.mjs +2 -2
  7. package/esm2020/elements/card/Card.mjs +2 -2
  8. package/esm2020/elements/checkbox/CheckList.mjs +2 -2
  9. package/esm2020/elements/checkbox/Checkbox.mjs +2 -2
  10. package/esm2020/elements/chips/Chip.mjs +2 -2
  11. package/esm2020/elements/chips/RowChips.mjs +5 -3
  12. package/esm2020/elements/color-picker/color-picker.component.mjs +2 -2
  13. package/esm2020/elements/common/selection/pseudo-checkbox/pseudo-checkbox.component.mjs +2 -2
  14. package/esm2020/elements/data-table/data-table.component.mjs +3 -3
  15. package/esm2020/elements/date-picker/DatePicker.mjs +3 -3
  16. package/esm2020/elements/date-picker/DatePickerInput.mjs +2 -2
  17. package/esm2020/elements/date-picker/DateRangeInput.mjs +2 -2
  18. package/esm2020/elements/date-time-picker/DateTimePicker.mjs +3 -3
  19. package/esm2020/elements/field/field.mjs +2 -2
  20. package/esm2020/elements/field/hint/hint.mjs +2 -2
  21. package/esm2020/elements/form/DynamicForm.mjs +3 -3
  22. package/esm2020/elements/form/Form.mjs +2 -2
  23. package/esm2020/elements/form/extras/file/FileInput.mjs +2 -2
  24. package/esm2020/elements/header/Header.mjs +2 -2
  25. package/esm2020/elements/layout/container/layout-container.component.mjs +2 -2
  26. package/esm2020/elements/loading/Loading.mjs +4 -4
  27. package/esm2020/elements/menu/menu-content.component.mjs +2 -2
  28. package/esm2020/elements/modal/modal-container.component.mjs +3 -3
  29. package/esm2020/elements/picker/Picker.mjs +2 -2
  30. package/esm2020/elements/progress/ProgressBar.mjs +2 -2
  31. package/esm2020/elements/query-builder/condition-builder/condition-builder.component.mjs +3 -3
  32. package/esm2020/elements/search/SearchBox.mjs +2 -2
  33. package/esm2020/elements/select/Select.mjs +2 -2
  34. package/esm2020/elements/simple-table/table.mjs +5 -5
  35. package/esm2020/elements/stepper/step-header.component.mjs +2 -2
  36. package/esm2020/elements/switch/Switch.mjs +2 -2
  37. package/esm2020/elements/table/Table.mjs +2 -2
  38. package/esm2020/elements/time-picker/TimePicker.mjs +2 -2
  39. package/esm2020/elements/time-picker/TimePickerInput.mjs +2 -2
  40. package/esm2020/elements/toast/Toast.mjs +2 -2
  41. package/esm2020/elements/tooltip/Tooltip.component.mjs +3 -3
  42. package/esm2020/elements/value/Value.mjs +2 -2
  43. package/fesm2015/novo-elements-elements-aside.mjs +2 -2
  44. package/fesm2015/novo-elements-elements-aside.mjs.map +1 -1
  45. package/fesm2015/novo-elements-elements-autocomplete.mjs +2 -2
  46. package/fesm2015/novo-elements-elements-autocomplete.mjs.map +1 -1
  47. package/fesm2015/novo-elements-elements-button.mjs +2 -2
  48. package/fesm2015/novo-elements-elements-button.mjs.map +1 -1
  49. package/fesm2015/novo-elements-elements-calendar.mjs +4 -4
  50. package/fesm2015/novo-elements-elements-calendar.mjs.map +1 -1
  51. package/fesm2015/novo-elements-elements-card.mjs +2 -2
  52. package/fesm2015/novo-elements-elements-card.mjs.map +1 -1
  53. package/fesm2015/novo-elements-elements-checkbox.mjs +4 -4
  54. package/fesm2015/novo-elements-elements-checkbox.mjs.map +1 -1
  55. package/fesm2015/novo-elements-elements-chips.mjs +6 -4
  56. package/fesm2015/novo-elements-elements-chips.mjs.map +1 -1
  57. package/fesm2015/novo-elements-elements-color-picker.mjs +2 -2
  58. package/fesm2015/novo-elements-elements-color-picker.mjs.map +1 -1
  59. package/fesm2015/novo-elements-elements-common.mjs +2 -2
  60. package/fesm2015/novo-elements-elements-common.mjs.map +1 -1
  61. package/fesm2015/novo-elements-elements-data-table.mjs +2 -2
  62. package/fesm2015/novo-elements-elements-data-table.mjs.map +1 -1
  63. package/fesm2015/novo-elements-elements-date-picker.mjs +6 -6
  64. package/fesm2015/novo-elements-elements-date-picker.mjs.map +1 -1
  65. package/fesm2015/novo-elements-elements-date-time-picker.mjs +2 -2
  66. package/fesm2015/novo-elements-elements-date-time-picker.mjs.map +1 -1
  67. package/fesm2015/novo-elements-elements-field.mjs +4 -4
  68. package/fesm2015/novo-elements-elements-field.mjs.map +1 -1
  69. package/fesm2015/novo-elements-elements-form.mjs +6 -6
  70. package/fesm2015/novo-elements-elements-form.mjs.map +1 -1
  71. package/fesm2015/novo-elements-elements-header.mjs +2 -2
  72. package/fesm2015/novo-elements-elements-header.mjs.map +1 -1
  73. package/fesm2015/novo-elements-elements-layout.mjs +2 -2
  74. package/fesm2015/novo-elements-elements-layout.mjs.map +1 -1
  75. package/fesm2015/novo-elements-elements-loading.mjs +4 -4
  76. package/fesm2015/novo-elements-elements-loading.mjs.map +1 -1
  77. package/fesm2015/novo-elements-elements-menu.mjs +2 -2
  78. package/fesm2015/novo-elements-elements-menu.mjs.map +1 -1
  79. package/fesm2015/novo-elements-elements-modal.mjs +2 -2
  80. package/fesm2015/novo-elements-elements-modal.mjs.map +1 -1
  81. package/fesm2015/novo-elements-elements-picker.mjs +2 -2
  82. package/fesm2015/novo-elements-elements-picker.mjs.map +1 -1
  83. package/fesm2015/novo-elements-elements-progress.mjs +2 -2
  84. package/fesm2015/novo-elements-elements-progress.mjs.map +1 -1
  85. package/fesm2015/novo-elements-elements-query-builder.mjs +2 -2
  86. package/fesm2015/novo-elements-elements-query-builder.mjs.map +1 -1
  87. package/fesm2015/novo-elements-elements-search.mjs +2 -2
  88. package/fesm2015/novo-elements-elements-search.mjs.map +1 -1
  89. package/fesm2015/novo-elements-elements-select.mjs +2 -2
  90. package/fesm2015/novo-elements-elements-select.mjs.map +1 -1
  91. package/fesm2015/novo-elements-elements-simple-table.mjs +4 -4
  92. package/fesm2015/novo-elements-elements-simple-table.mjs.map +1 -1
  93. package/fesm2015/novo-elements-elements-stepper.mjs +2 -2
  94. package/fesm2015/novo-elements-elements-stepper.mjs.map +1 -1
  95. package/fesm2015/novo-elements-elements-switch.mjs +2 -2
  96. package/fesm2015/novo-elements-elements-switch.mjs.map +1 -1
  97. package/fesm2015/novo-elements-elements-table.mjs +2 -2
  98. package/fesm2015/novo-elements-elements-table.mjs.map +1 -1
  99. package/fesm2015/novo-elements-elements-time-picker.mjs +4 -4
  100. package/fesm2015/novo-elements-elements-time-picker.mjs.map +1 -1
  101. package/fesm2015/novo-elements-elements-toast.mjs +2 -2
  102. package/fesm2015/novo-elements-elements-toast.mjs.map +1 -1
  103. package/fesm2015/novo-elements-elements-tooltip.mjs +2 -2
  104. package/fesm2015/novo-elements-elements-tooltip.mjs.map +1 -1
  105. package/fesm2015/novo-elements-elements-value.mjs +2 -2
  106. package/fesm2015/novo-elements-elements-value.mjs.map +1 -1
  107. package/fesm2020/novo-elements-elements-aside.mjs +2 -2
  108. package/fesm2020/novo-elements-elements-aside.mjs.map +1 -1
  109. package/fesm2020/novo-elements-elements-autocomplete.mjs +2 -2
  110. package/fesm2020/novo-elements-elements-autocomplete.mjs.map +1 -1
  111. package/fesm2020/novo-elements-elements-button.mjs +2 -2
  112. package/fesm2020/novo-elements-elements-button.mjs.map +1 -1
  113. package/fesm2020/novo-elements-elements-calendar.mjs +4 -4
  114. package/fesm2020/novo-elements-elements-calendar.mjs.map +1 -1
  115. package/fesm2020/novo-elements-elements-card.mjs +2 -2
  116. package/fesm2020/novo-elements-elements-card.mjs.map +1 -1
  117. package/fesm2020/novo-elements-elements-checkbox.mjs +4 -4
  118. package/fesm2020/novo-elements-elements-checkbox.mjs.map +1 -1
  119. package/fesm2020/novo-elements-elements-chips.mjs +6 -4
  120. package/fesm2020/novo-elements-elements-chips.mjs.map +1 -1
  121. package/fesm2020/novo-elements-elements-color-picker.mjs +2 -2
  122. package/fesm2020/novo-elements-elements-color-picker.mjs.map +1 -1
  123. package/fesm2020/novo-elements-elements-common.mjs +2 -2
  124. package/fesm2020/novo-elements-elements-common.mjs.map +1 -1
  125. package/fesm2020/novo-elements-elements-data-table.mjs +2 -2
  126. package/fesm2020/novo-elements-elements-data-table.mjs.map +1 -1
  127. package/fesm2020/novo-elements-elements-date-picker.mjs +6 -6
  128. package/fesm2020/novo-elements-elements-date-picker.mjs.map +1 -1
  129. package/fesm2020/novo-elements-elements-date-time-picker.mjs +2 -2
  130. package/fesm2020/novo-elements-elements-date-time-picker.mjs.map +1 -1
  131. package/fesm2020/novo-elements-elements-field.mjs +4 -4
  132. package/fesm2020/novo-elements-elements-field.mjs.map +1 -1
  133. package/fesm2020/novo-elements-elements-form.mjs +6 -6
  134. package/fesm2020/novo-elements-elements-form.mjs.map +1 -1
  135. package/fesm2020/novo-elements-elements-header.mjs +2 -2
  136. package/fesm2020/novo-elements-elements-header.mjs.map +1 -1
  137. package/fesm2020/novo-elements-elements-layout.mjs +2 -2
  138. package/fesm2020/novo-elements-elements-layout.mjs.map +1 -1
  139. package/fesm2020/novo-elements-elements-loading.mjs +4 -4
  140. package/fesm2020/novo-elements-elements-loading.mjs.map +1 -1
  141. package/fesm2020/novo-elements-elements-menu.mjs +2 -2
  142. package/fesm2020/novo-elements-elements-menu.mjs.map +1 -1
  143. package/fesm2020/novo-elements-elements-modal.mjs +2 -2
  144. package/fesm2020/novo-elements-elements-modal.mjs.map +1 -1
  145. package/fesm2020/novo-elements-elements-picker.mjs +2 -2
  146. package/fesm2020/novo-elements-elements-picker.mjs.map +1 -1
  147. package/fesm2020/novo-elements-elements-progress.mjs +2 -2
  148. package/fesm2020/novo-elements-elements-progress.mjs.map +1 -1
  149. package/fesm2020/novo-elements-elements-query-builder.mjs +2 -2
  150. package/fesm2020/novo-elements-elements-query-builder.mjs.map +1 -1
  151. package/fesm2020/novo-elements-elements-search.mjs +2 -2
  152. package/fesm2020/novo-elements-elements-search.mjs.map +1 -1
  153. package/fesm2020/novo-elements-elements-select.mjs +2 -2
  154. package/fesm2020/novo-elements-elements-select.mjs.map +1 -1
  155. package/fesm2020/novo-elements-elements-simple-table.mjs +4 -4
  156. package/fesm2020/novo-elements-elements-simple-table.mjs.map +1 -1
  157. package/fesm2020/novo-elements-elements-stepper.mjs +2 -2
  158. package/fesm2020/novo-elements-elements-stepper.mjs.map +1 -1
  159. package/fesm2020/novo-elements-elements-switch.mjs +2 -2
  160. package/fesm2020/novo-elements-elements-switch.mjs.map +1 -1
  161. package/fesm2020/novo-elements-elements-table.mjs +2 -2
  162. package/fesm2020/novo-elements-elements-table.mjs.map +1 -1
  163. package/fesm2020/novo-elements-elements-time-picker.mjs +4 -4
  164. package/fesm2020/novo-elements-elements-time-picker.mjs.map +1 -1
  165. package/fesm2020/novo-elements-elements-toast.mjs +2 -2
  166. package/fesm2020/novo-elements-elements-toast.mjs.map +1 -1
  167. package/fesm2020/novo-elements-elements-tooltip.mjs +2 -2
  168. package/fesm2020/novo-elements-elements-tooltip.mjs.map +1 -1
  169. package/fesm2020/novo-elements-elements-value.mjs +2 -2
  170. package/fesm2020/novo-elements-elements-value.mjs.map +1 -1
  171. package/package.json +1 -1
@@ -120,7 +120,7 @@ NovoHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
120
120
  <ng-content select="[suffix]"></ng-content>
121
121
  </section>
122
122
  <ng-content></ng-content>
123
- `, 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"] }] });
123
+ `, 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;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"] }] });
124
124
  __decorate([
125
125
  BooleanInput(),
126
126
  __metadata("design:type", Boolean)
@@ -154,7 +154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
154
154
  <ng-content select="[suffix]"></ng-content>
155
155
  </section>
156
156
  <ng-content></ng-content>
157
- `, 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"] }]
157
+ `, 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;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"] }]
158
158
  }], propDecorators: { role: [{
159
159
  type: HostBinding,
160
160
  args: ['attr.role']
@@ -1 +1 @@
1
- {"version":3,"file":"novo-elements-elements-header.mjs","sources":["../../../projects/novo-elements/src/elements/header/Header.ts","../../../projects/novo-elements/src/elements/header/Header.module.ts","../../../projects/novo-elements/src/elements/header/novo-elements-elements-header.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\nimport { BooleanInput } from 'novo-elements/utils';\n\n@Component({\n selector: 'header-spacer',\n template: `<ng-content></ng-content>`,\n styleUrls: ['./HeaderSpacer.scss'],\n})\nexport class NovoHeaderSpacer {}\n\n@Component({\n selector: 'utils',\n template: `<ng-content></ng-content>`,\n})\nexport class NovoUtilsComponent {}\n\n@Component({\n selector: 'util-action, novo-action',\n template: `\n <novo-button theme=\"icon\" [icon]=\"icon\" [size]=\"size\" [attr.inverse]=\"inverse\" [disabled]=\"disabled\">\n <ng-content></ng-content>\n </novo-button>\n `,\n host: {\n class: 'novo-action',\n },\n})\nexport class NovoUtilActionComponent {\n @Input()\n public icon: string;\n @Input()\n public size: string;\n @Input()\n public inverse: boolean;\n @Input()\n public disabled: boolean;\n}\n\n@Component({\n selector: 'novo-header,header[theme],header[accent]',\n template: `\n <section>\n <div class=\"header-title\">\n <ng-content select=\"[prefix]\"></ng-content>\n <ng-container *ngIf=\"title\">\n <novo-icon class=\"header-icon\" *ngIf=\"icon\">{{ icon }}</novo-icon>\n <div class=\"header-titles\">\n <novo-title size=\"xl\">{{ title }}</novo-title>\n <novo-title size=\"md\" *ngIf=\"subTitle\">{{ subTitle }}</novo-title>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!title\">\n <ng-content select=\"novo-icon, [novo-icon]\"></ng-content>\n <div class=\"header-titles\">\n <ng-content select=\"h1, h2, h3, h4, h5, h6, small, novo-title, [novo-title], [novo-subtitle]\"></ng-content>\n </div>\n </ng-container>\n </div>\n <ng-content select=\"section\"></ng-content>\n <span class=\"spacer\"></span>\n <div class=\"header-actions\">\n <ng-content select=\"novo-action,[novo-action]\"></ng-content>\n </div>\n <ng-content select=\"utils\"></ng-content>\n <ng-content select=\"[suffix]\"></ng-content>\n </section>\n <ng-content></ng-content>\n `,\n styleUrls: ['./Header.scss'],\n})\nexport class NovoHeaderComponent {\n @HostBinding('attr.role')\n public role = 'heading';\n @HostBinding('class')\n public headerClass: string = 'novo-header';\n @HostBinding('class.condensed')\n @Input()\n @BooleanInput()\n public condensed: boolean = false;\n @Input()\n public title: string;\n @Input()\n public subTitle: string;\n public inverse: string = 'inverse';\n\n @Input()\n public icon: string;\n\n @Input()\n public size: 'small' | 'medium' | 'large';\n\n @HostBinding('class.header-size-small')\n get hb_isSizeSmall(): boolean {\n return this.size === 'small';\n }\n\n @HostBinding('class.header-size-large')\n get hb_isSizeLarge(): boolean {\n return this.size === 'large';\n }\n\n @HostBinding('class.header-size-default')\n get hb_isSizeDefault(): boolean {\n return !['small', 'large'].includes(this.size);\n }\n\n @HostBinding('attr.theme')\n @Input()\n set theme(theme: string) {\n this._theme = theme;\n this.inverse = theme === 'white' || theme === 'off-white' || theme === 'light' ? undefined : 'inverse';\n }\n\n get theme(): string {\n return this._theme;\n }\n\n private _theme: string;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoCommonModule } from 'novo-elements/elements/common';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoHeaderComponent, NovoHeaderSpacer, NovoUtilActionComponent, NovoUtilsComponent } from './Header';\n\n@NgModule({\n imports: [CommonModule, NovoCommonModule, NovoIconModule, NovoButtonModule],\n declarations: [NovoHeaderComponent, NovoUtilActionComponent, NovoUtilsComponent, NovoHeaderSpacer],\n exports: [NovoHeaderComponent, NovoUtilActionComponent, NovoUtilsComponent, NovoHeaderSpacer],\n})\nexport class NovoHeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"novo-elements-elements-header.mjs","sources":["../../../projects/novo-elements/src/elements/header/Header.ts","../../../projects/novo-elements/src/elements/header/Header.module.ts","../../../projects/novo-elements/src/elements/header/novo-elements-elements-header.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\nimport { BooleanInput } from 'novo-elements/utils';\n\n@Component({\n selector: 'header-spacer',\n template: `<ng-content></ng-content>`,\n styleUrls: ['./HeaderSpacer.scss'],\n})\nexport class NovoHeaderSpacer {}\n\n@Component({\n selector: 'utils',\n template: `<ng-content></ng-content>`,\n})\nexport class NovoUtilsComponent {}\n\n@Component({\n selector: 'util-action, novo-action',\n template: `\n <novo-button theme=\"icon\" [icon]=\"icon\" [size]=\"size\" [attr.inverse]=\"inverse\" [disabled]=\"disabled\">\n <ng-content></ng-content>\n </novo-button>\n `,\n host: {\n class: 'novo-action',\n },\n})\nexport class NovoUtilActionComponent {\n @Input()\n public icon: string;\n @Input()\n public size: string;\n @Input()\n public inverse: boolean;\n @Input()\n public disabled: boolean;\n}\n\n@Component({\n selector: 'novo-header,header[theme],header[accent]',\n template: `\n <section>\n <div class=\"header-title\">\n <ng-content select=\"[prefix]\"></ng-content>\n <ng-container *ngIf=\"title\">\n <novo-icon class=\"header-icon\" *ngIf=\"icon\">{{ icon }}</novo-icon>\n <div class=\"header-titles\">\n <novo-title size=\"xl\">{{ title }}</novo-title>\n <novo-title size=\"md\" *ngIf=\"subTitle\">{{ subTitle }}</novo-title>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!title\">\n <ng-content select=\"novo-icon, [novo-icon]\"></ng-content>\n <div class=\"header-titles\">\n <ng-content select=\"h1, h2, h3, h4, h5, h6, small, novo-title, [novo-title], [novo-subtitle]\"></ng-content>\n </div>\n </ng-container>\n </div>\n <ng-content select=\"section\"></ng-content>\n <span class=\"spacer\"></span>\n <div class=\"header-actions\">\n <ng-content select=\"novo-action,[novo-action]\"></ng-content>\n </div>\n <ng-content select=\"utils\"></ng-content>\n <ng-content select=\"[suffix]\"></ng-content>\n </section>\n <ng-content></ng-content>\n `,\n styleUrls: ['./Header.scss'],\n})\nexport class NovoHeaderComponent {\n @HostBinding('attr.role')\n public role = 'heading';\n @HostBinding('class')\n public headerClass: string = 'novo-header';\n @HostBinding('class.condensed')\n @Input()\n @BooleanInput()\n public condensed: boolean = false;\n @Input()\n public title: string;\n @Input()\n public subTitle: string;\n public inverse: string = 'inverse';\n\n @Input()\n public icon: string;\n\n @Input()\n public size: 'small' | 'medium' | 'large';\n\n @HostBinding('class.header-size-small')\n get hb_isSizeSmall(): boolean {\n return this.size === 'small';\n }\n\n @HostBinding('class.header-size-large')\n get hb_isSizeLarge(): boolean {\n return this.size === 'large';\n }\n\n @HostBinding('class.header-size-default')\n get hb_isSizeDefault(): boolean {\n return !['small', 'large'].includes(this.size);\n }\n\n @HostBinding('attr.theme')\n @Input()\n set theme(theme: string) {\n this._theme = theme;\n this.inverse = theme === 'white' || theme === 'off-white' || theme === 'light' ? undefined : 'inverse';\n }\n\n get theme(): string {\n return this._theme;\n }\n\n private _theme: string;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoCommonModule } from 'novo-elements/elements/common';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoHeaderComponent, NovoHeaderSpacer, NovoUtilActionComponent, NovoUtilsComponent } from './Header';\n\n@NgModule({\n imports: [CommonModule, NovoCommonModule, NovoIconModule, NovoButtonModule],\n declarations: [NovoHeaderComponent, NovoUtilActionComponent, NovoUtilsComponent, NovoHeaderSpacer],\n exports: [NovoHeaderComponent, NovoUtilActionComponent, NovoUtilsComponent, NovoHeaderSpacer],\n})\nexport class NovoHeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -798,7 +798,7 @@ NovoLayoutContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
798
798
  provide: NOVO_LAYOUT_CONTAINER,
799
799
  useExisting: NovoLayoutContainer,
800
800
  },
801
- ], queries: [{ propertyName: "_rail", first: true, predicate: NovoRailComponent, descendants: true }, { propertyName: "_content", first: true, predicate: NovoLayoutContent, descendants: true }, { propertyName: "_allDrawers", predicate: NovoSidenavComponent, descendants: true }], viewQueries: [{ propertyName: "_userContent", first: true, predicate: NovoLayoutContent, descendants: true }], exportAs: ["novoLayoutContainer"], ngImport: i0, template: "<div class=\"novo-drawer-backdrop\" (click)=\"_onBackdropClicked()\" *ngIf=\"hasBackdrop\"\n [class.novo-drawer-shown]=\"_isShowingBackdrop()\"></div>\n\n<ng-content select=\"novo-sidenav\"></ng-content>\n\n<div class=\"novo-layout-content-container\"\n [class.and-has-rail]=\"_rail\"\n [style.margin-left.px]=\"_contentMargins.left\"\n [style.margin-right.px]=\"_contentMargins.right\">\n <ng-content select=\"novo-rail\"></ng-content>\n\n <ng-content select=\"novo-layout-content\">\n </ng-content>\n\n <novo-layout-content *ngIf=\"!_content\" cdkScrollable>\n <ng-content></ng-content>\n </novo-layout-content>\n</div>", styles: [".novo-layout-container{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden;height:100%}.novo-layout-container[fullscreen].novo-layout-container-has-open{overflow:hidden}.novo-layout-container.novo-layout-container-explicit-backdrop .novo-drawer-side{z-index:3}.novo-layout-container.ng-animate-disabled .novo-drawer-backdrop,.novo-layout-container.ng-animate-disabled .novo-layout-content,.ng-animate-disabled .novo-layout-container .novo-drawer-backdrop,.ng-animate-disabled .novo-layout-container .novo-layout-content{transition:none}.novo-drawer-backdrop{display:block;position:absolute;background:#000;top:0;bottom:0;left:0;right:0;z-index:3;visibility:hidden;opacity:.5}.novo-drawer-backdrop.novo-drawer-shown{visibility:visible}.novo-drawer-transition .novo-drawer-backdrop{transition-duration:.1s;transition-timing-function:ease-out;transition-property:background-color,visibility}.novo-layout-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.novo-drawer-transition .novo-layout-content{transition-duration:.1s;transition-timing-function:ease-out;transition-property:transform,margin-left,margin-right}.novo-rail{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:inherit;height:100%;min-width:5rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;background:var(--background-bright)}.novo-rail .novo-rail-contents{display:inline-flex;flex-direction:column;width:-webkit-fill-available}.novo-layout-content-container{display:grid;grid-template-columns:1fr;height:100%}.novo-layout-content-container.and-has-rail{grid-template-columns:auto 1fr}\n"], components: [{ type: NovoLayoutContent, selector: "novo-layout-content", exportAs: ["novoLayoutContent"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
801
+ ], queries: [{ propertyName: "_rail", first: true, predicate: NovoRailComponent, descendants: true }, { propertyName: "_content", first: true, predicate: NovoLayoutContent, descendants: true }, { propertyName: "_allDrawers", predicate: NovoSidenavComponent, descendants: true }], viewQueries: [{ propertyName: "_userContent", first: true, predicate: NovoLayoutContent, descendants: true }], exportAs: ["novoLayoutContainer"], ngImport: i0, template: "<div class=\"novo-drawer-backdrop\" (click)=\"_onBackdropClicked()\" *ngIf=\"hasBackdrop\"\n [class.novo-drawer-shown]=\"_isShowingBackdrop()\"></div>\n\n<ng-content select=\"novo-sidenav\"></ng-content>\n\n<div class=\"novo-layout-content-container\"\n [class.and-has-rail]=\"_rail\"\n [style.margin-left.px]=\"_contentMargins.left\"\n [style.margin-right.px]=\"_contentMargins.right\">\n <ng-content select=\"novo-rail\"></ng-content>\n\n <ng-content select=\"novo-layout-content\">\n </ng-content>\n\n <novo-layout-content *ngIf=\"!_content\" cdkScrollable>\n <ng-content></ng-content>\n </novo-layout-content>\n</div>", styles: [".novo-layout-container{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden;height:100%}.novo-layout-container[fullscreen].novo-layout-container-has-open{overflow:hidden}.novo-layout-container.novo-layout-container-explicit-backdrop .novo-drawer-side{z-index:3}.novo-layout-container.ng-animate-disabled .novo-drawer-backdrop,.novo-layout-container.ng-animate-disabled .novo-layout-content,.ng-animate-disabled .novo-layout-container .novo-drawer-backdrop,.ng-animate-disabled .novo-layout-container .novo-layout-content{transition:none}.novo-drawer-backdrop{display:block;position:absolute;background:#000;inset:0;z-index:3;visibility:hidden;opacity:.5}.novo-drawer-backdrop.novo-drawer-shown{visibility:visible}.novo-drawer-transition .novo-drawer-backdrop{transition-duration:.1s;transition-timing-function:ease-out;transition-property:background-color,visibility}.novo-layout-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.novo-drawer-transition .novo-layout-content{transition-duration:.1s;transition-timing-function:ease-out;transition-property:transform,margin-left,margin-right}.novo-rail{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:inherit;height:100%;min-width:5rem;width:-moz-max-content;width:max-content;background:var(--background-bright)}.novo-rail .novo-rail-contents{display:inline-flex;flex-direction:column;width:-webkit-fill-available}.novo-layout-content-container{display:grid;grid-template-columns:1fr;height:100%}.novo-layout-content-container.and-has-rail{grid-template-columns:auto 1fr}\n"], components: [{ type: NovoLayoutContent, selector: "novo-layout-content", exportAs: ["novoLayoutContent"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
802
802
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoLayoutContainer, decorators: [{
803
803
  type: Component,
804
804
  args: [{ selector: 'novo-layout-container', exportAs: 'novoLayoutContainer', host: {
@@ -809,7 +809,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
809
809
  provide: NOVO_LAYOUT_CONTAINER,
810
810
  useExisting: NovoLayoutContainer,
811
811
  },
812
- ], template: "<div class=\"novo-drawer-backdrop\" (click)=\"_onBackdropClicked()\" *ngIf=\"hasBackdrop\"\n [class.novo-drawer-shown]=\"_isShowingBackdrop()\"></div>\n\n<ng-content select=\"novo-sidenav\"></ng-content>\n\n<div class=\"novo-layout-content-container\"\n [class.and-has-rail]=\"_rail\"\n [style.margin-left.px]=\"_contentMargins.left\"\n [style.margin-right.px]=\"_contentMargins.right\">\n <ng-content select=\"novo-rail\"></ng-content>\n\n <ng-content select=\"novo-layout-content\">\n </ng-content>\n\n <novo-layout-content *ngIf=\"!_content\" cdkScrollable>\n <ng-content></ng-content>\n </novo-layout-content>\n</div>", styles: [".novo-layout-container{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden;height:100%}.novo-layout-container[fullscreen].novo-layout-container-has-open{overflow:hidden}.novo-layout-container.novo-layout-container-explicit-backdrop .novo-drawer-side{z-index:3}.novo-layout-container.ng-animate-disabled .novo-drawer-backdrop,.novo-layout-container.ng-animate-disabled .novo-layout-content,.ng-animate-disabled .novo-layout-container .novo-drawer-backdrop,.ng-animate-disabled .novo-layout-container .novo-layout-content{transition:none}.novo-drawer-backdrop{display:block;position:absolute;background:#000;top:0;bottom:0;left:0;right:0;z-index:3;visibility:hidden;opacity:.5}.novo-drawer-backdrop.novo-drawer-shown{visibility:visible}.novo-drawer-transition .novo-drawer-backdrop{transition-duration:.1s;transition-timing-function:ease-out;transition-property:background-color,visibility}.novo-layout-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.novo-drawer-transition .novo-layout-content{transition-duration:.1s;transition-timing-function:ease-out;transition-property:transform,margin-left,margin-right}.novo-rail{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:inherit;height:100%;min-width:5rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;background:var(--background-bright)}.novo-rail .novo-rail-contents{display:inline-flex;flex-direction:column;width:-webkit-fill-available}.novo-layout-content-container{display:grid;grid-template-columns:1fr;height:100%}.novo-layout-content-container.and-has-rail{grid-template-columns:auto 1fr}\n"] }]
812
+ ], template: "<div class=\"novo-drawer-backdrop\" (click)=\"_onBackdropClicked()\" *ngIf=\"hasBackdrop\"\n [class.novo-drawer-shown]=\"_isShowingBackdrop()\"></div>\n\n<ng-content select=\"novo-sidenav\"></ng-content>\n\n<div class=\"novo-layout-content-container\"\n [class.and-has-rail]=\"_rail\"\n [style.margin-left.px]=\"_contentMargins.left\"\n [style.margin-right.px]=\"_contentMargins.right\">\n <ng-content select=\"novo-rail\"></ng-content>\n\n <ng-content select=\"novo-layout-content\">\n </ng-content>\n\n <novo-layout-content *ngIf=\"!_content\" cdkScrollable>\n <ng-content></ng-content>\n </novo-layout-content>\n</div>", styles: [".novo-layout-container{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden;height:100%}.novo-layout-container[fullscreen].novo-layout-container-has-open{overflow:hidden}.novo-layout-container.novo-layout-container-explicit-backdrop .novo-drawer-side{z-index:3}.novo-layout-container.ng-animate-disabled .novo-drawer-backdrop,.novo-layout-container.ng-animate-disabled .novo-layout-content,.ng-animate-disabled .novo-layout-container .novo-drawer-backdrop,.ng-animate-disabled .novo-layout-container .novo-layout-content{transition:none}.novo-drawer-backdrop{display:block;position:absolute;background:#000;inset:0;z-index:3;visibility:hidden;opacity:.5}.novo-drawer-backdrop.novo-drawer-shown{visibility:visible}.novo-drawer-transition .novo-drawer-backdrop{transition-duration:.1s;transition-timing-function:ease-out;transition-property:background-color,visibility}.novo-layout-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.novo-drawer-transition .novo-layout-content{transition-duration:.1s;transition-timing-function:ease-out;transition-property:transform,margin-left,margin-right}.novo-rail{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:inherit;height:100%;min-width:5rem;width:-moz-max-content;width:max-content;background:var(--background-bright)}.novo-rail .novo-rail-contents{display:inline-flex;flex-direction:column;width:-webkit-fill-available}.novo-layout-content-container{display:grid;grid-template-columns:1fr;height:100%}.novo-layout-content-container.and-has-rail{grid-template-columns:auto 1fr}\n"] }]
813
813
  }], ctorParameters: function () { return [{ type: i1$2.Directionality, decorators: [{
814
814
  type: Optional
815
815
  }] }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i1.ViewportRuler }, { type: undefined, decorators: [{