/*
    This contains any admin specific overrides to basic breezer styles.
*/
:root {
  --background-highlight-colour: #fddee1;
}
button,
input,
optgroup,
select,
textarea {
  font-family: apercu;
}
breezer-page > header {
  background: none;
  box-shadow: none;
}
breezer-page > header h1 {
  background: linear-gradient(to right, white 75%, transparent);
  padding: 10px 25px;
}
breezer-page > content {
  box-shadow: none !important;
}
breezer-page[identifier="user-level-access-request"] {
  --max-form-width: 1200px;
}
editor-for[breezer-editor-for-enum] {
  margin: 0;
}
editor-for[breezer-editor-for-enum] > * {
  margin: 0;
}
.blazored-modal {
  min-width: 30vw;
  max-width: 50vw;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 1080px) {
  .blazored-modal {
    max-width: unset;
    width: 90%;
  }
}
.blazored-modal .blazored-modal-header {
  margin-bottom: 20px;
}
.blazored-modal .blazored-modal-header h3 {
  width: 100%;
  text-align: center;
}
.blazored-modal .blazored-modal-header button {
  background-color: transparent;
  border: none;
}
.blazored-modal .blazored-modal-content confirmation-prompt {
  text-align: center;
}
.blazored-modal .blazored-modal-content confirmation-prompt .options > button {
  margin: 0 10px;
}
account-widget-authorized[breezer-account-widget-authorized] {
  cursor: pointer;
}
account-widget-authorized[breezer-account-widget-authorized] avatar {
  cursor: pointer;
  transition: 0.3s;
}
account-widget-authorized[breezer-account-widget-authorized] avatar:hover {
  opacity: 0.8;
}
account-widget-authorized[breezer-account-widget-authorized] .popup-trigger > .title {
  white-space: nowrap;
  padding: 0 0 0 10px;
  color: #ed1c24;
  border: solid 2px #ed1c24;
  font-size: 14px;
  text-transform: uppercase;
}
account-widget-authorized[breezer-account-widget-authorized] .popup-trigger > .title::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f007";
  color: var(--white, #FFFFFF);
  font-weight: 300;
  font-family: 'Font Awesome 6 Pro';
  margin: 0 0 0 15px;
  font-size: 16px;
  padding: 10px;
  background: #ed1c24;
}
account-widget-authorized[breezer-account-widget-authorized] .popup-trigger:hover > .title {
  color: var(--white, #FFFFFF);
  background: #ed1c24;
}
account-widget-authorized[breezer-account-widget-authorized] account-card {
  display: grid;
  grid-template-areas: "a b" "c c";
  grid-template-columns: auto max-content;
  grid-template-rows: max-content auto;
  padding: 10px;
  z-index: 100000;
}
account-widget-authorized[breezer-account-widget-authorized] account-card account-card-image {
  grid-area: a;
  display: flex;
  align-items: center;
  padding: 12px;
}
account-widget-authorized[breezer-account-widget-authorized] account-card account-card-info {
  grid-area: b;
  display: flex;
  flex-direction: column;
}
account-widget-authorized[breezer-account-widget-authorized] account-card account-card-info span,
account-widget-authorized[breezer-account-widget-authorized] account-card account-card-info h3 {
  margin: 0;
  padding: 0;
}
account-widget-authorized[breezer-account-widget-authorized] account-card account-card-info span {
  color: var(--light-text-colour, #686868);
  margin: 5px 0;
  font-size: 12px;
}
account-widget-authorized[breezer-account-widget-authorized] account-card account-card-actions {
  border-top: 1px solid var(--border-colour, #CDCBCB);
  padding-top: 10px;
  grid-area: c;
  display: flex;
  justify-content: center;
  align-items: center;
}
account-widget-authorized[breezer-account-widget-authorized] account-card account-card-actions button.sign-out {
  font-size: 12px;
}
form[breezer-list-filter] {
  gap: 10px;
}
form[breezer-list-filter] form-field {
  margin: 0;
}
list-filter[breezer-list-filter] {
  padding: 30px 40px;
  background: var(--white, #FFFFFF);
  margin-bottom: 40px;
}
list-filter[breezer-list-filter] form {
  margin: 0;
}
list-filter[breezer-list-filter] search-bar[breezer-search-bar] {
  margin: 0;
  box-shadow: none;
}
list-filter[breezer-list-filter] form-field input {
  min-width: 270px;
}
list-filter[breezer-list-filter] form-field editor-for,
list-filter[breezer-list-filter] form-field dropdown {
  margin: 0;
  width: 270px;
}
list-filter[breezer-list-filter] button.secondary {
  margin-top: 36px;
}
list-items[item-type="grid"][breezer-list-items] {
  padding: 30px 40px;
  background: var(--white, #FFFFFF);
  margin-bottom: 40px;
  box-shadow: none;
  overflow: unset;
}
list-items[item-type="grid"][breezer-list-items] > list-items-grid-header > * {
  background: none;
  color: var(--dark-text-colour, #363636);
  font-weight: bold;
  font-size: 1em;
}
list-items[item-type="grid"][breezer-list-items] > list-items-grid-header > *[ascending]::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f0d7";
  font-weight: 900;
  font-family: 'Font Awesome 6 Pro';
  margin: 0 0 0 6px;
}
list-items[item-type="grid"][breezer-list-items] > list-items-grid-header > *[descending]::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f0d8";
  font-weight: 900;
  font-family: 'Font Awesome 6 Pro';
  margin: 0 0 0 6px;
}
list-items[item-type="grid"][breezer-list-items] > list-items-grid-header > *:before {
  display: none;
}
list-items[item-type="grid"][breezer-list-items] actions-header {
  width: 0;
  padding: 0;
}
list-item[item-type="grid"] item-actions-container[breezer-list-item] {
  background: none;
  border: none;
  position: relative;
  opacity: 0;
  padding: 0;
  width: 0;
}
list-item[item-type="grid"] item-actions-container[breezer-list-item] .popup-control {
  height: 100%;
}
list-item[item-type="grid"] item-actions-container[breezer-list-item] .popup-trigger {
  padding: 0 10px;
  height: 100%;
  display: flex;
  align-items: center;
}
list-item[item-type="grid"] auto-actions {
  display: grid;
  width: 100%;
  border: solid 1px var(--border-colour, #CDCBCB);
  background: white;
}
list-item[item-type="grid"] auto-actions button,
list-item[item-type="grid"] auto-actions a {
  text-align: left;
  border: none;
  border-radius: 0;
  background: unset;
  padding: 14px;
  font-size: 15px;
  font-weight: normal;
  color: var(--text-colour, #282120);
  margin: 0;
}
list-item[item-type="grid"] auto-actions button + button,
list-item[item-type="grid"] auto-actions a + button,
list-item[item-type="grid"] auto-actions button + a,
list-item[item-type="grid"] auto-actions a + a {
  border-top: solid 1px var(--border-colour, #CDCBCB);
}
list-item[item-type="grid"] auto-actions button i,
list-item[item-type="grid"] auto-actions a i {
  padding-right: 10px;
}
list-item[item-type="grid"] auto-actions button:hover,
list-item[item-type="grid"] auto-actions a:hover {
  background-color: var(--background-highlight-colour, #fddee1);
  border-color: var(--border-colour, #CDCBCB);
}
list-item[item-type="grid"]:hover[breezer-list-item] > *:not(item-actions-container) {
  background: var(--background-highlight-colour, #fddee1);
}
list-item[item-type="grid"]:hover[breezer-list-item] item-actions-container {
  background: none;
  opacity: 1;
}
list-item-property[property="first-name"],
list-item-property[property="last-name"],
list-item-property[property="email"] {
  color: var(--light-text-colour, #686868);
  font-weight: bold;
}
[breezer-editor-for-enum][type="enum"] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 5px 20px;
}
form-field[type="data-file-type"] [breezer-editor-for-enum][type="enum"],
form-field[type="country"] [breezer-editor-for-enum][type="enum"],
form-field[type="association"] [breezer-editor-for-enum][type="enum"] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
form-field[type="data-file-type"] [breezer-editor-for-enum][type="enum"] p,
form-field[type="country"] [breezer-editor-for-enum][type="enum"] p,
form-field[type="association"] [breezer-editor-for-enum][type="enum"] p {
  display: none;
}
display-for[type="document"] img {
  max-width: 100%;
}