/*
    This contains any overrides to basic breezer styles.
*/
@media only screen and (min-width: 1401px) {
  breezer-page,
  .br-page {
    margin-top: 0;
  }
}
content {
  box-shadow: none;
}
content:not(.hazard-factor-list):not(.overview-page) {
  display: block;
  background-color: #FFF;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  padding: 16px;
}
breezer-page {
  --max-form-width: 90%;
  --max-page-width: 90%;
}
list-filter[breezer-list-filter] {
  padding-bottom: 20px;
}
list-filter[breezer-list-filter] search-bar {
  order: -1;
  width: 90%;
}
list-filter[breezer-list-filter] button[breezer-list-filter] {
  order: -1;
  align-self: center;
}
list-filter[breezer-list-filter] > form[breezer-list-filter]:has(>search-bar) > button {
  order: -1;
}
list-filter[breezer-list-filter] > form[breezer-list-filter] > button {
  align-self: center;
  display: none;
}
list-items[item-type=grid][breezer-list-items] {
  box-shadow: none;
  margin-bottom: 10px;
}
list-items[item-type=grid][breezer-list-items] list-items-grid-header-property[breezer-list-items-grid-header-property] {
  padding: 20px 10px;
  text-transform: uppercase;
  color: #6e7c8b;
  font-size: 14px;
}
list-items[item-type=grid][breezer-list-items] list-items-grid-header-property[breezer-list-items-grid-header-property][ascending]:before,
list-items[item-type=grid][breezer-list-items] list-items-grid-header-property[breezer-list-items-grid-header-property][descending]:before {
  display: none;
}
list-items[item-type=grid][breezer-list-items] list-items-grid-header-property[breezer-list-items-grid-header-property][orderable]:not([descending]):not([ascending]):after {
  font-family: var(--font-awesome-family);
  content: "\f0da";
  font-weight: 400;
  margin: 0 0 0 6px;
}
list-items[item-type=grid][breezer-list-items] list-items-grid-header-property[breezer-list-items-grid-header-property][descending]:after {
  font-family: var(--font-awesome-family);
  content: "\f0d8";
  font-weight: 400;
  margin: 0 0 0 6px;
}
list-items[item-type=grid][breezer-list-items] list-items-grid-header-property[breezer-list-items-grid-header-property][ascending]:after {
  font-family: var(--font-awesome-family);
  content: "\f0d7";
  font-weight: 400;
  margin: 0 0 0 6px;
}
list-items[item-type=grid][breezer-list-items] list-item > *,
list-items[item-type=grid][breezer-list-items] list-items-grid-header > * {
  border-bottom: 1px solid #E8E9EB;
  height: 64px;
}
display-for[breezer-display-for-document] img {
  max-width: 150px;
}
*:not(.ql-formats) > button {
  margin: 0 5px;
  border-radius: 14px;
  padding: 0 16px;
  min-width: 64px;
  height: 36px;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
}
button.delete:not(.icon-only) {
  background-color: var(--color-very-negative, red);
  border-color: var(--color-very-negative, red);
  color: #FFF;
}
button.inline.delete.icon-only {
  color: var(--color-very-negative, red);
}
input[type=text] {
  min-width: unset;
  width: 100%;
}
list-filter[breezer-list-filter] form-field[breezer-form-field] {
  margin-right: 12px;
  flex: 0 auto;
}
list-filter[breezer-list-filter] form-field[breezer-form-field]:not(.date-range) {
  min-width: 150px;
}
list-filter[breezer-list-filter] form-field[breezer-form-field] field-editor label {
  width: auto;
}
list-filter[breezer-list-filter] search-bar[breezer-search-bar] {
  box-shadow: none;
  height: 48px;
  margin: 0;
  border-radius: 16px;
  transition: border 600ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
list-filter[breezer-list-filter] search-bar[breezer-search-bar]:hover {
  border: 2px solid #00a8b8;
}
.mat-layout-grid-cell > form-field[breezer-form-field] {
  margin: 0;
}
.mat-layout-grid-cell > form-field[breezer-form-field] > label {
  color: #6e7c8b;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.mat-layout-grid-cell > form-field[breezer-form-field] field-editor label {
  width: 100%;
  padding: 0;
}
.mat-layout-grid-cell > form-field[breezer-form-field] field-editor label input {
  padding: 8px 10px;
}
.mdc-text-field--outlined {
  height: 48px;
}
dropdown[breezer-dropdown] {
  display: inline-block;
  width: 100%;
  min-width: 250px;
  color: #000000de;
}
dropdown[breezer-dropdown] dropdown-selected {
  min-height: 48px;
  border-radius: 8px;
  transition: border-color 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
dropdown[breezer-dropdown] dropdown-selected:hover {
  border: 2px solid #00a8b8;
  border-radius: 8px;
}
dropdown[breezer-dropdown] dropdown-select-chosen-options[breezer-dropdown-select-chosen-options] chosen-option {
  border: none;
}
dropdown[breezer-dropdown] dropdown-options {
  border-radius: 12px;
  font-size: 16px;
}
dropdown[breezer-dropdown] dropdown-options select-option {
  padding: 11px 16px;
}
dropdown[breezer-dropdown].invalid dropdown-selected {
  box-shadow: none;
  border: 2px solid var(--color-very-negative, red);
}
dropdown[breezer-dropdown].invalid dropdown-selected:hover {
  border: 2px solid #00a8b8;
}
editor-for[breezer-editor-for-enum] {
  margin: 0;
}
editor-for[breezer-editor-for-html-fragment] .ql-toolbar,
display-for[type=html-fragment] .ql-toolbar,
editor-for[breezer-editor-for-html-fragment] .ql-container,
display-for[type=html-fragment] .ql-container {
  border-color: #e1ebe5;
}
editor-for[breezer-editor-for-html-fragment] .ql-toolbar,
display-for[type=html-fragment] .ql-toolbar {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
editor-for[breezer-editor-for-html-fragment] .ql-container,
display-for[type=html-fragment] .ql-container {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.blazored-modal {
  min-width: 800px;
}
footer .page-size dropdown[breezer-dropdown] {
  width: unset;
  min-width: unset;
}