/*
    This contains any overrides to basic breezer styles.
*/
:root {
  --background-colour: #fff;
  --primary-colour: #4311fa;
  --background-highlight-colour: #F8F7FF;
}
form-field[breezer-form-field] {
  word-wrap: break-word;
}
form[breezer-list-filter] editor-for[breezer-editor-for-enum] {
  margin: 0;
}
form[breezer-list-filter] editor-for[breezer-editor-for-enum] > * {
  margin-right: 0;
}
form[breezer-list-filter] editor-for[breezer-editor-for-enum] dropdown[breezer-dropdown] {
  width: 100%;
}
header[breezer-breezer-layout] img.logo {
  max-width: 400px;
  width: 400px;
}
display-for[display=checkbox][breezer-display-for-bool],
editor-for[display=checkbox][breezer-editor-for-bool] {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
}
display-for[display=checkbox][breezer-display-for-bool][checked]::before,
editor-for[display=checkbox][breezer-editor-for-bool][checked]::before {
  font-weight: 600;
}
editor-for-category editor-for[breezer-editor-for-inline-list] {
  background: none;
  width: inherit;
}
editor-for-category editor-for[breezer-editor-for-inline-list] inline-list-item {
  display: flex;
  gap: 5px;
  justify-content: space-between;
  width: inherit;
}
editor-for-category editor-for[breezer-editor-for-inline-list] inline-list-item button {
  order: 1;
}
a {
  color: #4311fa;
}
main-menu menu-item {
  --highlight-color: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  transition: 0.2s;
  position: relative;
}
main-menu menu-item > a.item-content {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr;
}
main-menu menu-item .expanded-items {
  display: unset;
  position: relative;
  left: 15px;
  width: 230px;
}
main-menu menu-item:hover {
  background: none;
}
main-menu menu-item[expanded="True"] > a {
  font-weight: 600;
}
main-menu menu-item > a > * {
  padding: 10px;
}
@media only screen and (max-width: 800px) {
  main-menu-container[breezer-breezer-layout] {
    top: 56px;
  }
}
@media only screen and (min-width: 801px ), only screen and (max-width: 1550px) {
  main-menu-container[breezer-breezer-layout] main-menu {
    width: auto;
  }
}
/*
    This file contains the styles that apply globally, and aren't tied to any particular component.  
*/
form-field[type=list-payment-audit-log-list-model] {
  max-width: 500px;
}
marketing-custom-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}