/*
    This contains any overrides to basic breezer styles, common across public and admin applications
*/
:root {
  --background-colour: #d8d8d8;
  --primary-colour: #002147;
  --background-highlight-colour: var(--background-color-highlight);
}
header[breezer-breezer-layout] {
  background-color: #002147;
  height: 90px;
}
.page[breezer-breezer-layout] {
  grid-template-rows: 90px auto;
}
menu-item > a.item-content[breezer-menu-item] {
  display: inline-block;
}
list-item-property span[breezer-avatar] {
  font-size: calc(var(--text-list-item) - 1px);
}
list-items[item-type="grid"][breezer-list-items]:has(list-items-grid-header[has-expand]) {
  grid-template-columns: min-content min-content repeat(calc(var(--field-count) - 1), auto) min-content;
}
list-items[item-type="grid"][breezer-list-items]:has(list-items-grid-header[has-selected]) {
  grid-template-columns: min-content min-content repeat(calc(var(--field-count) - 1), auto) min-content;
}
list-items[item-type="grid"][breezer-list-items]:has(list-items-grid-header[has-expand]):has(list-items-grid-header[has-selected]) {
  grid-template-columns: min-content min-content repeat(calc(var(--field-count) - 2), auto) min-content;
}
item-property-container[property="is-selected"] editor-for[display="checkbox"][breezer-editor-for-bool] {
  width: 24px;
  height: 24px;
}
item-property-container[property="is-expanded"] editor-for[display="toggle"] {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: 1.5px solid #ebedee;
  background: #fff;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
item-property-container[property="is-expanded"] editor-for[display="toggle"]::after {
  content: none;
}
item-property-container[property="is-expanded"] editor-for[display="toggle"]::before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid rgba(34, 34, 34, 0.8);
  border-top: 1.5px solid rgba(34, 34, 34, 0.8);
  transform: rotate(45deg);
  transition: transform 0.2s;
  pointer-events: none;
  margin-left: -2px;
}
item-property-container[property="is-expanded"] editor-for[display="toggle"] > input[type="checkbox"] {
  width: 32px;
  height: 32px;
}
item-property-container[property="is-expanded"] editor-for[display="toggle"]:hover {
  border-color: #00B0CA;
  background: rgba(0, 176, 202, 0.06);
}
item-property-container[property="is-expanded"] editor-for[display="toggle"][checked] {
  border: 1.5px solid #ebedee;
  background-color: transparent;
}
item-property-container[property="is-expanded"] editor-for[display="toggle"][checked]::before {
  transform: rotate(135deg);
  margin-left: 0;
  margin-top: -3px;
}
item-property-container[property="is-expanded"] editor-for[display="toggle"][checked]::after {
  content: none;
}
list-items-grid-header[has-selected],
list-items-grid-header[has-expanded] {
  --header-toggle-size: 20px;
}
list-items-grid-header-property[select-toggle] editor-for[display="checkbox"] {
  width: var(--header-toggle-size);
  height: var(--header-toggle-size);
}
list-items-grid-header-property[select-toggle] editor-for[display="checkbox"] > input[type="checkbox"] {
  width: var(--header-toggle-size);
  height: var(--header-toggle-size);
}
list-items-grid-header-property[expand-toggle] editor-for[display="checkbox"] {
  width: var(--header-toggle-size);
  height: var(--header-toggle-size);
  border-radius: 5px;
  border: 1.5px solid #d3d9dc;
  background: #fff;
  justify-content: center;
  align-items: center;
}
list-items-grid-header-property[expand-toggle] editor-for[display="checkbox"]::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #9aa5ab;
  border-top: 1.5px solid #9aa5ab;
  transform: rotate(45deg);
  transition: transform 0.2s;
  pointer-events: none;
  margin-left: -2px;
}
list-items-grid-header-property[expand-toggle] editor-for[display="checkbox"] > input[type="checkbox"] {
  width: var(--header-toggle-size);
  height: var(--header-toggle-size);
}
list-items-grid-header-property[expand-toggle] editor-for[display="checkbox"]:focus-within {
  border: 1.5px solid #d3d9dc;
}
list-items-grid-header-property[expand-toggle] editor-for[display="checkbox"]:hover {
  border-color: #00B0CA;
  background: rgba(0, 176, 202, 0.06);
}
list-items-grid-header-property[expand-toggle] editor-for[display="checkbox"][checked] {
  border: 1.5px solid #d3d9dc;
  background: transparent;
  color: inherit;
}
list-items-grid-header-property[expand-toggle] editor-for[display="checkbox"][checked]::before {
  content: '';
  border-right-color: #9aa5ab;
  border-top-color: #9aa5ab;
  transform: rotate(135deg);
  margin-left: 0;
  margin-top: -2px;
}
display-for[type="document"] a.image img {
  max-height: 100px;
  max-width: 100px;
}
/*
    This contains any overrides to basic breezer styles, specific to the public application
*/
:root {
  --loading-burst-core: #1a6fd4;
}
.app-loading {
  background-color: var(--background-color-dark);
  flex-direction: column;
}
.app-loading .burst {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 130% 120% at 100% 0%, var(--loading-burst-core) 0%, transparent 70%), radial-gradient(ellipse 65% 55% at 100% 0%, var(--loading-burst-core) 0%, transparent 45%);
}
.app-loading p {
  font-size: 18px;
  color: var(--background-color);
  animation: loading 3s linear infinite;
  margin: 10px 0;
  font-weight: 300;
}
breezer-page,
.br-page {
  --max-page-width: 100%;
  margin-top: 0;
  grid-template-columns: 0 1fr 0;
}
breezer-page > header,
.br-page > header {
  margin-top: 0;
  background-color: var(--background-color);
  border-bottom: solid 2px var(--seperator-color-light);
  box-shadow: 0 5px 10px 0 #EEE5;
  align-items: center;
  padding-top: var(--gap-semi-compact);
  padding-bottom: var(--gap-semi-compact);
}
breezer-page > header,
.br-page > header,
breezer-page > content > *,
.br-page > content > *,
breezer-page > footer,
.br-page > footer {
  padding-left: calc(var(--gap-standard) * 2);
  padding-right: calc(var(--gap-standard) * 2);
}
breezer-page.br-display,
.br-page.br-display {
  grid-template-areas: 'header' 'content' 'footer';
  grid-template-columns: auto;
  max-height: 100%;
}
breezer-page.br-display > content,
.br-page.br-display > content {
  box-shadow: none;
  padding: 0;
  max-height: 100%;
  overflow: auto;
}
breezer-page.br-display > content > *,
.br-page.br-display > content > * {
  padding: 0;
}
breezer-page.br-display > content .detail-wrapper,
.br-page.br-display > content .detail-wrapper {
  box-shadow: 0 0 5px 5px #EEE5;
  border: solid 1px var(--seperator-color-light);
  border-radius: var(--border-radius-standard);
  margin: var(--gap-standard) calc(var(--gap-standard) * 2);
}
breezer-page.br-display > content .detail-wrapper > h3,
.br-page.br-display > content .detail-wrapper > h3 {
  margin: 0;
  border-bottom: solid 1px var(--seperator-color-light);
  padding: var(--gap-standard) var(--gap-larger);
}
breezer-page.br-display > content .detail-wrapper > display-for,
.br-page.br-display > content .detail-wrapper > display-for {
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(var(--gap-larger) * 10);
  row-gap: var(--gap-larger);
  padding: var(--gap-larger);
  padding-top: 0;
}
breezer-page.br-display > content > .list,
.br-page.br-display > content > .list {
  border-top: solid 2px var(--seperator-color-light);
}
.blazored-modal-content > breezer-page.br-display > content > .detail-wrapper {
  display: contents;
}
.blazored-modal-content > breezer-page.br-display > content > .detail-wrapper > h3 {
  display: none;
}
.blazored-modal-content > breezer-page.br-display > content > .detail-wrapper > display-for {
  padding: 0;
}
h1 {
  font-size: var(--text-very-large);
  font-weight: 500;
}
@media only screen and (max-width : 1400px) {
  menu-item[root="True"] > a > span.menu-item-name[breezer-menu-item] {
    display: none;
  }
}
/*lists*/
list-items[item-type="grid"][breezer-list-items] {
  box-shadow: none;
  color: var(--text-color-semi-light);
}
list-items-grid-header-property[breezer-list-items-grid-header-property] {
  color: var(--text-color-light);
  font-size: var(--text-small);
  font-weight: 700;
}
list-items[item-type="grid"][breezer-list-items] > list-item > * {
  border-bottom: none;
  border-top: 1px solid var(--seperator-color-light);
  align-content: center;
}
list-items[item-type="grid"][breezer-list-items] > list-item.expanded + list-item > * {
  border-top: none;
}
list-items[item-type="grid"][breezer-list-items] > list-item:last-child:not(.expanded) > * {
  border-bottom: 1px solid var(--seperator-color-light);
}
list-items[item-type="grid"][breezer-list-items] > list-item.expanded .expanded-display > display-for {
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(var(--gap-larger) * 10);
  row-gap: var(--gap-larger);
  padding: var(--gap-larger);
  padding-top: 0;
}
list-items[item-type="grid"][breezer-list-items] > list-item.expanded .expanded-display > div.detail-wrapper {
  display: contents;
}
list-items[item-type="grid"][breezer-list-items] > list-item.expanded .expanded-display > div.detail-wrapper > h3 {
  display: none;
}
list-items[item-type="grid"][breezer-list-items] > list-item.expanded .expanded-display > div.detail-wrapper > display-for {
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(var(--gap-larger) * 10);
  row-gap: var(--gap-larger);
  padding: var(--gap-larger);
  padding-top: 0;
}
list-items[item-type="grid"][breezer-list-items] > list-items-grid-header > * {
  padding-top: 0;
  padding-bottom: var(--gap-compact);
  align-content: center;
  border: none;
}
list-items[item-type="grid"][breezer-list-items] > list-item:hover > *:not(expanded-list-item-info),
list-items[item-type="grid"][breezer-list-items] > list-item.expanded > *:not(expanded-list-item-info) {
  background: var(--background-color-highlight);
}
/*buttons*/
button:not(.inline, .secondary, .danger),
.button:not(.inline, .secondary, .danger) {
  background-color: var(--background-color-feature);
}
button:not(.inline),
.button:not(.inline) {
  border: none;
  border-radius: var(--border-radius-standard);
  padding: var(--gap-semi-compact);
  font-size: var(--font-size-button-regular);
}
button:not(.inline):not(.secondary, .danger, .outline),
.button:not(.inline):not(.secondary, .danger, .outline) {
  background-color: var(--background-color-feature);
  color: #fff;
}
button:not(.inline).secondary,
.button:not(.inline).secondary {
  background: none;
  border: 1.5px solid var(--gray-300);
  color: var(--gray-700);
}
button:not(.inline).danger,
.button:not(.inline).danger {
  background: none;
  border: 1.5px solid #fca5a5;
  color: #ef4444;
}
button:not(.inline).outline,
.button:not(.inline).outline {
  background: var(--background-color);
  border: 2px solid var(--background-color-feature);
  padding: var(--gap-compact) var(--gap-semi-compact);
  color: var(--background-color-feature);
}
button:not(.inline).small,
.button:not(.inline).small {
  font-size: var(--text-small);
  padding: calc(var(--gap-compact) / 2) calc(var(--gap-semi-compact) / 2);
}
button:not(.inline).cancel,
.button:not(.inline).cancel {
  background: none;
  border: none;
}
button:not(.inline)[disabled],
.button:not(.inline)[disabled] {
  border: 1px solid var(--disabled-color);
  background-color: transparent;
  color: var(--disabled-color);
  cursor: default;
}
button:hover:not([disabled]),
.button:hover:not([disabled]) {
  opacity: 0.7;
}
button[disabled],
.button[disabled] {
  background-color: transparent;
  color: var(--disabled-color);
  cursor: default;
}
auto-actions.source-report-display-model button.add-recommendation,
auto-actions.recommendation-display-model button.add-consideration {
  background: var(--background-color);
  border: 2px solid var(--background-color-feature);
  padding: var(--gap-compact) var(--gap-semi-compact);
  color: var(--background-color-feature);
}
auto-actions.source-report-display-model button.add-recommendation[disabled],
auto-actions.recommendation-display-model button.add-consideration[disabled] {
  border: 2px solid var(--disabled-color);
  background-color: transparent;
  color: var(--disabled-color);
  cursor: default;
}
/*Dialogs*/
.blazored-modal-overlay {
  backdrop-filter: none;
  background-color: rgba(0, 0, 0, 0.4);
  animation: fade-in-modal-overlay 0.5s linear forwards;
}
.blazored-modal {
  border-radius: var(--border-radius-dialog, 25px);
  padding: calc(5px + var(--border-radius-dialog, 25px));
  position: relative;
  min-width: auto;
  max-width: 98%;
  max-height: 90vh;
  overflow-y: auto;
  background-color: var(--background-color-dialog, #fafbfb);
}
@media only screen and (max-width : 1400px) {
  .blazored-modal {
    min-width: unset;
  }
}
.blazored-modal > * {
  padding: 0px var(--modal-side-padding);
}
.blazored-modal > .blazored-modal-content > breezer-page {
  width: 600px;
  min-width: 600px;
}
.blazored-modal > .blazored-modal-content > breezer-page[identifier='source-report'],
.blazored-modal > .blazored-modal-content > breezer-page[identifier='recommendation'],
.blazored-modal > .blazored-modal-content > breezer-page[identifier='consideration'],
.blazored-modal > .blazored-modal-content > breezer-page[identifier='source-report-detail'],
.blazored-modal > .blazored-modal-content > breezer-page[identifier='recommendation-detail'],
.blazored-modal > .blazored-modal-content > breezer-page[identifier='consideration-detail'],
.blazored-modal > .blazored-modal-content > breezer-page[identifier='compliance-role'] {
  width: 800px;
  min-width: 800px;
}
.blazored-modal:has(message-box-container) button.blazored-modal-close {
  top: 5px;
  right: 15px;
}
.blazored-modal-header {
  display: contents;
  padding: unset;
}
.blazored-modal-header h3 {
  font-size: 20px;
  margin: 10px 0;
  padding-left: var(--modal-side-padding);
  display: none;
}
.blazored-modal-header button.blazored-modal-close {
  position: absolute;
  top: 30px;
  right: 30px;
  margin: unset;
  font-size: 30px;
  padding: unset;
  color: var(--text-color);
  background-color: unset;
  border: unset;
}
.blazored-modal-header button.blazored-modal-close span {
  position: sticky;
  top: 0px;
  font-weight: lighter;
}
.blazored-modal-content {
  overflow-y: auto;
  scrollbar-gutter: stable;
  display: flex;
}
.blazored-modal-content > breezer-page {
  grid-template-columns: auto 1fr auto;
}
.blazored-modal-content > breezer-page > header {
  display: contents;
}
.blazored-modal-content > breezer-page > header > breadcrumb-header {
  grid-area: header;
}
.blazored-modal-content > breezer-page > header > h1 {
  grid-area: header;
  font-size: var(--text-extra-large);
}
.blazored-modal-content > breezer-page > header > h1 > span {
  font-size: var(--text-large);
  color: var(--text-color-light);
  padding-left: 10px;
}
.blazored-modal-content > breezer-page > header > auto-actions {
  grid-area: footer;
  padding-top: calc(var(--gap-standard)*2);
  flex-wrap: wrap;
}
.blazored-modal-content > breezer-page > header > auto-actions button {
  min-width: 115px;
  justify-content: center;
}
.blazored-modal-content > breezer-page > header > auto-actions auto-action.add-consideration,
.blazored-modal-content > breezer-page > header > auto-actions auto-action.add-recommendation {
  flex-grow: 1;
}
@media only screen and (max-width : 600px) {
  .blazored-modal-content > breezer-page > header > auto-actions auto-action {
    width: 100%;
    justify-items: center;
  }
}
.blazored-modal-content > breezer-page > content {
  background-color: inherit;
  overflow: auto;
  border: none;
  box-shadow: none;
  padding: 0;
}
.blazored-modal-content > breezer-page > content h3 {
  font-size: var(--text-large);
  color: var(--text-color);
  font-weight: 500;
  margin-top: var(--gap-larger);
}
.blazored-modal-content > breezer-page > content > * {
  padding: 0;
}
.blazored-modal-content > breezer-page.br-display {
  grid-template-columns: auto;
}
.blazored-modal-content > breezer-page.br-display content > display-for {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--gap-standard);
}
.blazored-modal-content > breezer-page.br-display content > display-for form-field.description {
  grid-column: 1/-1;
}
/*Forms*/
form-field > label[breezer-form-field] {
  font-size: var(--text-small);
}
form-field[breezer-form-field] {
  margin-top: 12px;
  margin-bottom: 0;
}
form-field[type="list-external-document-display-model"],
form-field[type="list-tag-summary-model"] {
  grid-column: 1/-1;
  width: 100%;
}
form-field[type="external-document-display-model"] {
  margin-top: 0;
}
form-field[type="list-external-document-edit-retrieve-model"] > field-editor > .document-group > form-field {
  margin-top: 0;
}
display-for[type="html-fragment"] .ql-editor,
summary-for[type="html-fragment-model"] .ql-editor {
  padding: 0;
  height: auto;
}
display-for[type="html-fragment"] .ql-editor p,
summary-for[type="html-fragment-model"] .ql-editor p {
  margin: 0;
}
summary-for[type="html-fragment-model"] .ql-editor .html-wrapper {
  max-width: 300px;
}
summary-for[type="html-fragment-model"] .ql-editor .html-wrapper p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
dropdown-selected[breezer-dropdown],
input:not([type="color"]),
select,
textarea {
  border-radius: var(--border-radius-standard);
}
dropdown-selected[breezer-dropdown],
input:not([type="color"]),
select,
textarea {
  font-size: var(--text-regular);
  font-family: var(--font-stack);
  border: solid 2px var(--seperator-color-light);
}
dropdown-selected[breezer-dropdown]:focus,
input:not([type="color"]):focus,
select:focus,
textarea:focus,
dropdown-selected[breezer-dropdown]:hover,
input:not([type="color"]):hover,
select:hover,
textarea:hover {
  outline: none;
  border: solid 2px var(--background-color-feature);
}
dropdown-options[breezer-dropdown] {
  border-bottom-right-radius: var(--border-radius-standard);
  border-bottom-left-radius: var(--border-radius-standard);
}
dropdown-options[breezer-dropdown] select-for-filter input {
  font-size: calc(var(--text-regular) - 1);
  border: none;
}
dropdown-options[breezer-dropdown] select-for-filter input:focus,
dropdown-options[breezer-dropdown] select-for-filter input:hover {
  outline: none;
  border: none;
}
chosen-option[breezer-dropdown-select-chosen-options] {
  border: none;
  background: var(--background-color-feature-light);
  border-radius: var(--border-radius-standard);
  margin: 0;
  padding: 3px 5px;
}
dropdown-select-chosen-options[breezer-dropdown-select-chosen-options] {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
dropdown[type='compliance-user-summary-model'] dropdown-selected[breezer-dropdown] {
  padding: calc(var(--gap-compact) / 2) var(--gap-semi-compact);
}
dropdown[type='compliance-user-summary-model'] dropdown-selected[breezer-dropdown] span.empty-item {
  line-height: var(--avatar-small);
}
dropdown[type='asset-location-summary-model'] dropdown-selected .location-and-code {
  padding-left: 0;
}
form-field.tags > form-field[type="list-tag-summary-model"] {
  margin-top: 0;
}
dropdown[type="tag-summary-model"] {
  display: inline-flex;
}
dropdown[type="tag-summary-model"] dropdown-selected[breezer-dropdown] {
  min-width: 200px;
  padding-left: 0;
  border: none;
  background: inherit;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
dropdown[type="tag-summary-model"] dropdown-indicator {
  margin-left: var(--gap-standard);
}
dropdown[type="tag-summary-model"] dropdown-select-chosen-options[breezer-dropdown-select-chosen-options] chosen-option[breezer-dropdown-select-chosen-options] {
  background: none;
  border-radius: 0;
}
editor-for[breezer-editor-for-html-fragment] .ql-editor {
  background: var(--background-color);
}
.form-group {
  display: flex;
  column-gap: 20px;
  row-gap: var(--gap-semi-compact);
  width: 100%;
  margin-bottom: 0;
}
.form-group > * {
  width: 100%;
  max-width: 350px;
}
.form-group > *[type=date-time] {
  width: auto;
}
/*Filters*/
list-filter[breezer-list-filter] {
  margin-top: 0;
  border-bottom: solid 2px var(--seperator-color-light);
  margin-bottom: var(--gap-standard);
}
list-filter[breezer-list-filter] form[breezer-list-filter] {
  margin: 0;
  padding-bottom: var(--gap-semi-compact);
  column-gap: var(--gap-standard);
  row-gap: var(--gap-semi-compact);
}
list-filter[breezer-list-filter] form[breezer-list-filter] > * {
  height: 38px;
  margin: 0;
  flex-direction: row;
  border: solid 2px var(--seperator-color-light);
  border-radius: var(--border-radius-standard);
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type='boolean'] {
  border: none;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type='boolean'] > label {
  display: block;
  font-size: var(--text-regular);
  margin-right: var(--gap-tiny);
}
list-filter[breezer-list-filter] form[breezer-list-filter] search-bar[breezer-search-bar] {
  font-family: var(--font-stack);
  width: 50px;
  overflow: hidden;
  box-shadow: none;
  transition: width 0.7s ease-in-out, margin-right 0.7s ease-in-out;
  margin-right: 300px;
  position: relative;
}
list-filter[breezer-list-filter] form[breezer-list-filter] search-bar[breezer-search-bar] input {
  padding: 0;
  padding-left: 15px;
  border: none;
  min-width: 300px;
}
list-filter[breezer-list-filter] form[breezer-list-filter] search-bar[breezer-search-bar]:before {
  margin: 0;
  padding: 0;
  align-self: center;
  content: "\f002";
  font-weight: 600;
  font-size: var(--text-large);
  font-family: var(--font-awesome-family, "Font Awesome 6 Free");
}
list-filter[breezer-list-filter] form[breezer-list-filter] search-bar[breezer-search-bar]:hover,
list-filter[breezer-list-filter] form[breezer-list-filter] search-bar[breezer-search-bar]:active,
list-filter[breezer-list-filter] form[breezer-list-filter] search-bar[breezer-search-bar]:focus-within,
list-filter[breezer-list-filter] form[breezer-list-filter] search-bar[breezer-search-bar].has-keywords {
  width: 350px;
  margin-right: 0;
}
list-filter[breezer-list-filter] form[breezer-list-filter] search-bar[breezer-search-bar] button.inline {
  display: none;
  position: absolute;
  right: 6px;
  bottom: 6px;
}
list-filter[breezer-list-filter] form[breezer-list-filter] search-bar[breezer-search-bar] button.inline:before {
  content: "\f00d";
  font-weight: 600;
  font-size: var(--text-large);
  font-family: var(--font-awesome-family, "Font Awesome 6 Free");
}
list-filter[breezer-list-filter] form[breezer-list-filter] search-bar[breezer-search-bar].has-keywords button.inline {
  display: inline-flex;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] {
  align-items: center;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] > label {
  display: none;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] dropdown-selected[breezer-dropdown] {
  border: none;
  padding: 0;
  min-height: 32px;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] dropdown-selected[breezer-dropdown] div.label {
  margin: 0;
  font-size: 16px;
  color: var(--text-color);
  padding: 6px 10px;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] dropdown-selected[breezer-dropdown] div.label:before {
  padding-right: 6px;
  font-weight: 600;
  font-family: var(--font-awesome-family, "Font Awesome 6 Free");
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] dropdown-selected[breezer-dropdown] div.label.asset:before {
  content: "\f1b2";
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] dropdown-selected[breezer-dropdown] div.label.type:before {
  content: "\f15c";
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] dropdown-selected[breezer-dropdown] div.label.parent-report:before {
  content: "\f14b";
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] dropdown-selected[breezer-dropdown] div.label.parent-recommendation:before {
  content: "\f0ae";
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] dropdown-selected[breezer-dropdown] div.label.assigned-to:before {
  content: "\f3e0";
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] dropdown-selected[breezer-dropdown] dropdown-select-chosen-options {
  gap: 0;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] dropdown-selected[breezer-dropdown] dropdown-select-chosen-options chosen-option[breezer-dropdown-select-chosen-options] {
  padding: 5px;
  margin: 3px;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] dropdown-selected[breezer-dropdown] dropdown-select-chosen-options chosen-option[breezer-dropdown-select-chosen-options] button:before {
  content: "\f057";
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] dropdown-selected[breezer-dropdown] dropdown-indicator:before {
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] dropdown-options[breezer-dropdown] {
  border-radius: var(--border-radius-standard);
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type=range-model-date-time] {
  border: none;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type=range-model-date-time] editor-for {
  display: flex;
  flex-direction: row;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type=range-model-date-time] editor-for div.range {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type=range-model-date-time] editor-for div.range editor-for input {
  margin: 0;
  font-size: 16px;
  color: var(--text-color);
  padding: 6px 10px;
  border: solid 2px var(--seperator-color-light);
  border-radius: var(--border-radius-standard);
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type=range-model-date-time] editor-for div.range editor-for:after {
  content: "Date Range";
  background: var(--background-color);
  position: absolute;
  left: 6px;
  top: 3px;
  margin: 0;
  font-size: 16px;
  color: var(--text-color);
  padding: 6px 10px;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type=range-model-date-time] editor-for div.range.show-range-value editor-for:after {
  display: none;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type=range-model-date-time] editor-for form-field.use-range {
  margin: 0;
  flex-direction: row;
  align-items: center;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type=range-model-date-time] editor-for form-field.use-range > label {
  margin: 0;
  font-size: 16px;
  color: var(--text-color);
  padding: 6px 10px;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type=range-model-date-time] editor-for form-field.use-range editor-for[display="toggle"][breezer-editor-for-bool]:after {
  width: 16px;
  height: 16px;
  left: 2px;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type=range-model-date-time] editor-for form-field.use-range editor-for[display="toggle"][breezer-editor-for-bool][checked]:after {
  left: calc(100% - 18px);
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type="list-tag-summary-model"] {
  width: auto;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type="list-tag-summary-model"] dropdown-selected[breezer-dropdown] {
  min-width: min(250px, 100%);
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type="list-tag-summary-model"] dropdown-selected[breezer-dropdown] dropdown-select-chosen-options[breezer-dropdown-select-chosen-options] chosen-option[breezer-dropdown-select-chosen-options] {
  margin: 0;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field][type="list-tag-summary-model"] dropdown-selected[breezer-dropdown] dropdown-select-chosen-options[breezer-dropdown-select-chosen-options] chosen-option[breezer-dropdown-select-chosen-options] button {
  background: inherit;
}
list-filter[breezer-list-filter] form[breezer-list-filter] > form-field[breezer-form-field] editor-for[type=enum] {
  margin: 0;
}
dropdown[breezer-dropdown][disabled] {
  pointer-events: none;
  opacity: 0.8;
}
auto-actions.selected-items {
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
  padding: 12px 14px;
  border-top: 1px solid var(--gray-100);
}
auto-actions.selected-items button {
  width: 100%;
}
form-field.parent-source-documents > label,
form-field.documents > label {
  font-size: var(--text-regular);
}
form-field.parent-source-documents > div.external-document-display-list,
form-field.source-documents > div.external-document-display-list,
form-field.documents > div.external-document-display-list {
  display: flex;
  gap: var(--gap-standard);
  --doc-thumbnail-size: 40px;
}
form-field.parent-source-documents > div.external-document-display-list display-for[type="document"] a,
form-field.source-documents > div.external-document-display-list display-for[type="document"] a,
form-field.documents > div.external-document-display-list display-for[type="document"] a {
  overflow: hidden;
  display: block;
  height: 40px;
  color: transparent;
  border-color: var(--disabled-color);
}
form-field.parent-source-documents > div.external-document-display-list display-for[type="document"],
form-field.source-documents > div.external-document-display-list display-for[type="document"],
form-field.documents > div.external-document-display-list display-for[type="document"] {
  border: solid 2px var(--disabled-color);
  border-style: dashed;
}
form-field.parent-source-documents > div.external-document-display-list display-for[type="document"]:has(a),
form-field.source-documents > div.external-document-display-list display-for[type="document"]:has(a),
form-field.documents > div.external-document-display-list display-for[type="document"]:has(a) {
  border-width: inherit;
  border: none;
}
form-field.parent-source-documents > div.external-document-display-list form-field.doc,
form-field.source-documents > div.external-document-display-list form-field.doc,
form-field.documents > div.external-document-display-list form-field.doc,
form-field.parent-source-documents > div.external-document-display-list form-field.external-link,
form-field.source-documents > div.external-document-display-list form-field.external-link,
form-field.documents > div.external-document-display-list form-field.external-link,
form-field.parent-source-documents > div.external-document-display-list form-field.version,
form-field.source-documents > div.external-document-display-list form-field.version,
form-field.documents > div.external-document-display-list form-field.version {
  display: none;
}
.blazored-modal-content > breezer-page > header > .breadcrumb {
  margin-bottom: var(--gap-standard);
}
div.detail-page {
  position: relative;
}
div.detail-page > breezer-page {
  display: contents;
}
div.detail-page > breezer-page > header {
  position: sticky;
}
div.detail-page > div.list > breezer-page > header {
  position: relative;
  z-index: auto;
}
div.detail-page > div.list > breezer-page > header {
  position: relative;
}