:root {
  --color-bg: hsl(218, 29%, 95%);
  --color-bg-dark-1: hsl(222, 18%, 89%);
  --color-bg-dark-2: hsl(228, 44%, 97%);
  --color-error: hsl(0, 85%, 45%);
  --color-error-bg: hsl(0, 100%, 96%);
  --color-success: hsl(122, 66%, 42%);
  --color-success-bg: hsl(122, 57%, 92%);
  --shadow: 0 0 12px 6px hsla(190, 20%, 90%, .5);
  --gradient-hover: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.3));
  --gradient-active: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.4));
  --mud-palette-error: hsl(354, 70%, 53%) !important;
  --mud-palette-error-darken: hsl(354, 70%, 43%) !important;
  --custom-color-bright-h: 219;
  --custom-color-bright-s: 66%;
  --custom-color-bright-l: 53%;
  --custom-color-bright: hsl( var(--custom-color-bright-h), var(--custom-color-bright-s), var(--custom-color-bright-l) );
  --custom-color-bright-hover: hsl( var(--custom-color-bright-h), var(--custom-color-bright-s), calc(var(--custom-color-bright-l) - 10%) );
  --custom-color-bright-transparent-light: hsla( var(--custom-color-bright-h), var(--custom-color-bright-s), var(--custom-color-bright-l), 0.1 );
  --custom-color-bright-transparent-dark: hsla( var(--custom-color-bright-h), var(--custom-color-bright-s), var(--custom-color-bright-l), 0.8 );
  --custom-color-dark: hsl(216, 9%, 43%);
  --custom-color-dark-h: 216;
  --custom-color-dark-s: 9%;
  --custom-color-dark-l: 43%;
  --custom-color-dark: hsl( var(--custom-color-dark-h), var(--custom-color-dark-s), var(--custom-color-dark-l) );
  --custom-color-dark-hover: hsl( var(--custom-color-dark-h), var(--custom-color-dark-s), calc(var(--custom-color-dark-l) - 10%) );
  --custom-color-dark-transparent-light: hsla( var(--custom-color-dark-h), var(--custom-color-dark-s), var(--custom-color-dark-l), 0.1 );
  --custom-color-dark-transparent-dark: hsla( var(--custom-color-dark-h), var(--custom-color-dark-s), var(--custom-color-dark-l), 0.8 );
  --custom-color-menu-bar: hsl(46, 88%, 58%);
  --custom-color-hyperlink: hsl(219, 66%, 53%);
  --custom-color-icon: hsl(220, 12%, 67%);
  --mud-palette-primary: hsl(var(--custom-color-bright-h), var(--custom-color-bright-s), var(--custom-color-bright-l) ) !important;
  --mud-palette-primary-darken: hsl( var(--custom-color-bright-h), var(--custom-color-bright-s), calc(var(--custom-color-bright-l) - 10%) ) !important;
}

@font-face {
  font-family: "FontRegular";
  src: url("../fonts/NotoSans-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "FontBold";
  src: url("../fonts/NotoSans-SemiBold.woff2") format("woff2");
}
.body, html {
  font-size: 15px;
}

#app input, #app textarea, #app label.mud-input-label-inputcontrol, #app select, #app option {
  font-family: "FontRegular";
}
#app input option, #app textarea option, #app label.mud-input-label-inputcontrol option, #app select option, #app option option {
  font-weight: 500;
}
#app h1, #app h2, #app h3, #app h4, #app h5, #app label, #app button, #app strong, #app a {
  font-family: "FontBold";
  font-weight: normal;
}
#app h1:focus {
  outline: none;
}

#app .mud-button {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#app .mud-button-filled:not(.mud-button-filled-error) {
  background-color: var(--custom-color-bright);
  color: hsl(0, 0%, 100%);
}
#app .mud-button-filled:not(.mud-button-filled-error):hover {
  background-image: var(--gradient-hover);
}
#app .mud-button-filled:not(.mud-button-filled-error):active {
  background-image: var(--gradient-active);
}
#app .mud-button-outlined {
  border: 1px solid hsl(0, 0%, 80%);
}
#app .mud-button-outlined:not(.mud-button-outlined-error).mud-button-outlined-primary {
  border: 1px solid var(--custom-color-bright);
  color: var(--custom-color-bright);
}
#app .mud-button-outlined:not(.mud-button-outlined-error).mud-button-outlined-primary:hover, #app .mud-button-outlined:not(.mud-button-outlined-error).mud-button-outlined-primary:active {
  color: var(--custom-color-bright);
  background-color: var(--custom-color-bright-transparent-light);
  border: 1px solid var(--custom-color-bright);
}
#app .mud-button-outlined:not(.mud-button-outlined-error).mud-button-outlined-primary:active {
  -webkit-filter: brightness(85%);
          filter: brightness(85%);
}
#app .mud-button-outlined:not(.mud-button-outlined-error).mud-button-outlined-default {
  border: 1px solid hsl(0, 0%, 80%);
  color: var(--mud-palette-text-primary);
}
#app .mud-button-filled-size-small, #app .mud-button-outlined-size-small {
  font-size: 1rem;
}
#app .mud-button-filled-size-small .mud-icon-size-small, #app .mud-button-outlined-size-small .mud-icon-size-small {
  font-size: 14px;
}
#app .mud-icon-root {
  width: auto;
}
#app .mud-icon-button {
  aspect-ratio: 1/1;
}
#app .mud-dialog-content {
  margin-top: 0;
}
#app .mud-dialog-actions {
  padding: 10px 24px 24px;
}
#app .button-switch .mud-button-outlined {
  border: 1px solid hsl(0, 0%, 70%);
  color: hsl(0, 0%, 40%);
  min-width: unset;
  height: 33px;
  width: 35px;
}
@media (max-width: 959px) {
  #app .button-switch .mud-button-outlined .mud-button-label {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
#app .button-switch .mud-button-outlined .mud-icon-root {
  font-size: 14px;
}

#app .mud-drawer .mud-nav-link {
  padding: 14px 16px;
}
#app .mud-drawer .mud-nav-link.active {
  background-color: var(--custom-color-bright-transparent-light);
}
#app .mud-drawer-content h2 > button {
  padding: 10px;
}
#app .mud-drawer.mob-menu .mud-nav-link {
  padding: 8px 5px;
}
#app .mud-drawer-mini .mud-nav-link {
  display: grid;
  grid-template-columns: 25px 1fr;
}

#app .filters {
  margin-top: -5px;
  margin-bottom: 1rem;
}
#app .filters .mud-input-control {
  background-color: hsl(0, 0%, 100%);
  margin: 0;
}
#app .filters .mud-input-control .mud-input-slot {
  padding-top: 14px;
  padding-bottom: 14px;
}
#app .filters .mud-input-control .mud-input-slot span {
  color: hsl(0, 0%, 50%);
}
@media (max-width: 959px) {
  #app .filters .mud-button {
    width: 100%;
  }
}
#app .mud-list-item-clickable p span {
  display: none;
}

#app .logo {
  max-height: 60px;
  max-width: 250px;
}
@media (max-width: 599px) {
  #app .logo {
    height: 30px;
  }
}
#app .desk-menu .nav-menu-item > a.mud-nav-link.active {
  color: hsl(0, 0%, 100%) !important;
}
#app .mob-menu {
  height: 100%;
}
#app .mob-menu .mud-menu-item > a {
  border: none;
  border-radius: 5px;
}
#app .mud-menu .mud-icon-root {
  fill: hsl(0, 0%, 70%);
}
#app .mud-menu-list {
  padding: 0;
}
#app .mud-menu-list .mud-menu-item {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
#app .mud-menu-list .mud-menu-item-text {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#app .mud-menu-list .mud-menu-item:last-of-type:not(:first-of-type) {
  border-top: 1px solid var(--mud-palette-divider);
}
#app .mud-menu-list .mud-icon-root {
  font-size: 15px;
  color: hsl(227, 6%, 54%);
}
#app .mud-menu-list .mud-icon-root.fa-arrow-up-arrow-down {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#app .mud-navmenu.nav-menu {
  background: var(--custom-color-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  padding: 0 0.5rem;
  margin: 0 -1rem;
}
@media (min-width: 600px) {
  #app .mud-navmenu.nav-menu {
    margin: 0 -2rem;
  }
}
@media (min-width: 1280px) {
  #app .mud-navmenu.nav-menu {
    height: 45px;
  }
}
#app .mud-navmenu.nav-menu .mud-nav-item {
  width: unset;
}
#app .mud-navmenu.nav-menu .mud-nav-item > a {
  border-bottom: 3px solid var(--custom-color-dark);
  font-family: var(--mud-typography-subtitle2-family);
}
#app .mud-navmenu.nav-menu .mud-nav-item > a div {
  margin: 0;
}
#app .mud-navmenu.nav-menu .mud-nav-item > a:hover, #app .mud-navmenu.nav-menu .mud-nav-item > a.active {
  border-bottom: 3px solid var(--custom-color-menu-bar);
}
#app .mud-navmenu .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
  color: var(--custom-color-bright);
}
#app .mud-nav-link-icon {
  font-size: 20px;
}

#app .mud-primary-text.mud-link:not(.mud-nav-link-text) {
  color: var(--custom-color-hyperlink) !important;
}
#app .mud-link {
  color: var(--custom-color-hyperlink) !important;
}
#app .mud-breadcrumbs a {
  color: var(--custom-color-hyperlink);
}
#app .mud-breadcrumbs a:hover {
  text-decoration: underline;
}

#app .d-grid {
  display: grid;
  width: 100%;
}
@media (min-width: 600px) {
  #app .grid-rows-switch {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    grid-template-columns: 1fr 70px 1fr;
  }
}
#app .grid-rows-switch div[draggable] .mud-button-root {
  padding: 8px;
}
#app .grid-rows-switch div[draggable] .mud-button-root .fa-trash {
  font-size: 15px;
}
#app .grid-rows-switch .dragging {
  opacity: 0.5;
}
#app .align-sm-center {
  justify-items: start;
}
@media (max-width: 959px) {
  #app .align-sm-center {
    justify-items: center;
  }
  #app .align-sm-center .mud-typography {
    text-align: center;
  }
}
#app .text-sm {
  font-size: 0.9rem;
}

.loading-screen {
  position: absolute;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: auto;
  bottom: 0;
  left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsl(0, 0%, 100%)), color-stop(50vh, hsl(218, 29%, 95%)), color-stop(50vh, hsl(218, 29%, 95%)), color-stop(100vh, hsl(222, 18%, 89%)));
  background: linear-gradient(to bottom, hsl(0, 0%, 100%) 0, hsl(218, 29%, 95%) 50vh, hsl(218, 29%, 95%) 50vh, hsl(222, 18%, 89%) 100vh);
  z-index: 1;
}
.loading-screen__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  background-color: hsl(0, 0%, 100%);
  border-radius: 4px;
  padding: 20px;
}
.loading-screen__content #loading-text {
  font-family: "FontRegular", "NotoSans", "Helvetica", "Arial", "sans-serif";
  margin: 0;
}
.loading-screen__content .mud-progress-circular-circle {
  stroke: var(--custom-color-bright);
}

.mud-layout:has(header) .loading-screen {
  height: calc(100vh - (var(--mud-appbar-height) - var(--mud-appbar-height) / 8));
}
@media (min-width: 960px) {
  .mud-layout:has(header) .loading-screen {
    height: calc(100vh - var(--mud-appbar-height));
  }
}
.mud-progress-linear.mud-progress-linear-color-default:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
  background-color: var(--custom-color-bright);
}
.mud-progress-linear.mud-progress-linear-color-default:not(.mud-progress-linear-buffer) .mud-progress-linear-bars {
  background-color: var(--custom-color-bright-transparent-light);
}
.mud-progress-linear.mud-progress-linear-color-info:not(.mud-progress-linear-buffer) .mud-progress-linear-bar, .mud-progress-linear.mud-progress-linear-color-info:not(.mud-progress-linear-buffer)::before {
  background-color: var(--custom-color-bright);
}

#app .mud-table {
  border-bottom: 0;
}
#app .mud-table th {
  font-family: var(--mud-typography-subtitle2-family);
  font-size: 1rem;
}
#app .mud-table th .mud-checkbox-true, #app .mud-table th .mud-checkbox-null {
  color: var(--custom-color-bright);
}
#app .mud-table td {
  font-size: 1rem;
}
@media (max-width: 959px) {
  #app .mud-table td {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #app .mud-table td:empty {
    padding: 0 !important;
  }
  #app .mud-table td:empty:before {
    display: none;
  }
}
#app .mud-table td .mud-icon-button {
  height: 30px;
  padding: 7px;
}
#app .mud-table td .mud-icon-button .fa-solid {
  font-size: 17px;
}
#app .mud-table td .mud-icon-button:hover, #app .mud-table td .mud-icon-button:active {
  color: var(--custom-color-bright);
  background-color: var(--custom-color-bright-transparent-light);
}
#app .mud-table td .mud-icon-button.mud-checkbox-true {
  color: var(--custom-color-bright);
}
#app .mud-table td .mud-badge {
  color: hsl(0, 0%, 100%);
  background-color: var(--custom-color-bright-transparent-dark);
}
#app .mud-table td .policy-status {
  font-family: "FontBold";
  background-color: hsl(0, 0%, 95%);
  border: 1px solid var(--mud-palette-lines-default);
  margin: 0;
}
@media (max-width: 959px) {
  #app .mud-table td .policy-status {
    margin-top: -10px;
    margin-left: 0;
  }
}
#app .mud-table td .policy-status .mud-icon-root {
  font-size: 15px;
  margin-right: 7px;
}
#app .mud-table td .policy-status:has(.mud-success-text) {
  background-color: hsl(120, 28%, 94%);
  border: 1px solid hsl(120, 19%, 75%);
}
#app .mud-table-cell::before {
  font-family: var(--mud-typography-subtitle2-family);
}
#app .mud-table .mud-toolbar {
  padding: 0;
}
@media (max-width: 959px) {
  #app .mud-table-head {
    display: contents;
  }
  #app .mud-table-head .mud-table-cell {
    display: none;
  }
}
@media (min-width: 600px) {
  #app .mud-collapse-container .mud-table-row:has(.column-header) {
    display: none;
  }
}
@media (min-width: 600px) {
  #app .cell-10 {
    width: 10%;
  }
  #app .cell-20 {
    width: 20%;
  }
  #app .cell-25 {
    width: 25%;
  }
  #app .cell-30 {
    width: 30%;
  }
  #app .cell-50 {
    width: 50%;
  }
  #app .cell-90 {
    width: 90%;
  }
}

#app .mud-tabs .mud-tab {
  min-width: 100px !important;
}
#app .mud-tabs .mud-tab-active {
  background-color: var(--mud-palette-dark-hover);
  color: hsl(0, 0%, 0%);
}
#app .mud-tabs-tabbar {
  background-color: var(--mud-palette-background-gray);
}
#app .mud-tabs .mud-tab-slider {
  background: var(--custom-color-menu-bar);
}

#app .language-selector-country-icons {
  max-width: 30px;
  border-radius: 50%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

#app .mud-expansion-panels.dark .mud-expand-panel:last-of-type {
  border: none;
}
#app .mud-expansion-panels.dark .mud-expand-panel-header {
  background-color: hsl(0, 0%, 93%);
  padding: 2px 1rem 2px 1.3rem;
}
#app .mud-expansion-panels.dark .mud-expand-panel-header .mud-expand-panel-text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 16px;
}
#app .mud-expansion-panels.dark .mud-expand-panel-header .mud-expand-panel-text p:empty {
  display: none;
}
#app .mud-expansion-panels.dark .mud-expand-panel-header .mud-expand-panel-icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#app .mud-expansion-panels.dark .mud-expand-panel-header .mud-expand-panel-icon.mud-transform {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#app .mud-expansion-panels.dark .mud-expand-panel-header:hover, #app .mud-expansion-panels.dark .mud-expand-panel-header:active {
  background-color: hsl(0, 0%, 90%);
}
#app .mud-expansion-panels.dark .mud-expand-panel-content {
  padding-bottom: 0px;
}
#app .mud-expansion-panels.dark .mud-expand-panel-content .mud-paper {
  border-radius: 0 0 5px 5px;
}
#app .mud-expansion-panels.dark .mud-expand-panel-content .mud-table {
  border-radius: 0;
}
#app .mud-expansion-panels.dark .mud-expand-panel-content.mud-expand-panel-gutters {
  padding-left: 0px;
  padding-right: 0px;
}
#app .mud-expansion-panels.dark .mud-expand-panel.mud-panel-expanded {
  border: none;
}
#app .mud-expansion-panels.light .mud-expand-panel.mud-panel-expanded {
  border-bottom: 1px solid hsl(0, 0%, 88%);
}
#app .mud-expand-panel.mud-panel-expanded {
  border-radius: 0;
  border-bottom: 1px solid var(--mud-palette-lines-default);
  margin: 0;
}
#app .mud-expand-panel.mud-panel-expanded + .mud-expand-panel {
  border-radius: 0;
}
#app .mud-expand-panel.mud-panel-expanded:last-of-type {
  border: none;
}
#app .mud-expand-panel.mud-panel-next-expanded {
  border-radius: 0;
  border-bottom: 1px solid var(--mud-palette-lines-default);
}
#app .mud-collapse-wrapper {
  background-color: var(--mud-palette-appbar-background);
}
#app .mud-drop-zone {
  display: grid;
  gap: 12px;
}
#app .single-package .mud-paper .d-none.d-sm-flex {
  display: none !important;
}
@media (min-width: 960px) {
  #app .single-package .mud-paper .mud-expansion-panels .mud-expand-panel-header {
    background-color: hsl(0, 0%, 100%);
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
#app .single-package .mud-paper .mud-expansion-panels .mud-expand-panel-header .mud-link {
  color: var(--mud-palette-text-primary) !important;
  pointer-events: none;
}
#app .single-package .mud-paper .mud-expansion-panels .mud-table-head {
  background-color: hsl(0, 0%, 93%);
}
#app .single-package .mud-paper .mud-expansion-panels .mud-table-head tr.mud-table-row {
  display: table-row;
}
#app .single-package .mud-paper .mud-expansion-panels .mud-table-head tr.mud-table-row > th {
  padding-top: 12px;
  padding-bottom: 12px;
}

.icon-dot {
  background-color: var(--custom-color-icon);
  color: hsl(0, 0%, 100%) !important;
  height: 30px;
  aspect-ratio: 1/1;
  border-radius: 50px;
}
.icon-dot .mud-icon-root {
  color: hsl(0, 0%, 100%);
  font-size: 13px;
}
.icon-dot--large {
  height: 40px;
}
.icon-dot--large .mud-icon-root {
  font-size: 15px;
}

#app .mud-paper.multi .mud-grid:last-of-type {
  padding-top: 0.5px !important;
}
#app .mud-paper p {
  -ms-hyphens: auto;
      hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
}

#blazor-error-ui {
  position: fixed;
  display: none;
  background: lightyellow;
  bottom: 0;
  border-top: 1px solid hsl(0, 0%, 70%);
  color: hsl(0, 0%, 20%);
  left: 0;
  width: 100%;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  z-index: 9999;
}
#blazor-error-ui .dismiss {
  position: absolute;
  cursor: pointer;
  right: 0.75rem;
}
#blazor-error-boundary {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
  color: hsl(0, 0%, 100%);
  padding: 1rem 1rem 1rem 3.7rem;
}
#blazor-error-boundary::after {
  content: "An error has occurred.";
}

#app .page-overlay {
  position: absolute;
  top: 0;
  height: 100vh;
  width: 100vw;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsl(0, 0%, 100%)), color-stop(50vh, hsl(218, 29%, 95%)), color-stop(50vh, hsl(218, 29%, 95%)), color-stop(100vh, hsl(222, 18%, 89%)));
  background: linear-gradient(to bottom, hsl(0, 0%, 100%) 0, hsl(218, 29%, 95%) 50vh, hsl(218, 29%, 95%) 50vh, hsl(222, 18%, 89%) 100vh);
  z-index: 1400;
}
#app .page-overlay .cs-container {
  height: 100vh;
}
@media (max-width: 599px) {
  #app #mud-snackbar-container {
    width: calc(100vw - 32px);
    right: 16px;
  }
  #app #mud-snackbar-container .mud-snackbar {
    max-width: unset;
  }
}

#app .cs-container {
  min-height: calc(100vh - 100px);
}
@media (min-width: 960px) {
  #app .cs-container {
    min-height: calc(100vh - 115px);
  }
}
#app .cs-header > div:first-of-type {
  background-color: var(--color-bg);
}
#app .cs-header > div:last-of-type {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(53%, var(--color-bg)), color-stop(53%, #fff));
  background: linear-gradient(180deg, var(--color-bg) 53%, #fff 53%);
}
@media (max-width: 959px) {
  #app .cs-header > div:last-of-type {
    gap: 1rem;
  }
}
@media (min-width: 1280px) {
  #app .cs-header > div:last-of-type {
    padding-left: 20px !important;
  }
  #app .cs-header > div:last-of-type .mud-grid-item {
    padding-left: 50px;
  }
}
#app .cs-header > div div:hover, #app .cs-header > div div:active {
  cursor: pointer;
}
#app .cs-header > div div:hover > div .mud-fab, #app .cs-header > div div:active > div .mud-fab {
  background-color: var(--mud-palette-primary-darken);
}
#app .cs-header > div .mud-fab {
  left: 50%;
  -webkit-transform: translate(-50%, -28px);
          transform: translate(-50%, -28px);
}
#app .cs-content .mud-tabs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#app .cs-content .mud-tabs-tabbar {
  background-color: var(--color-bg);
  border-radius: 5px 5px 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
}
#app .cs-content .mud-tabs-panels {
  width: 100%;
}
@media (max-width: 1279px) {
  #app .cs-content .mud-tabs-panels .mud-paper {
    border-radius: 0 0 5px 5px;
  }
}
#app .cs-content .mud-tabs-panels .mud-paper .mud-expand-panel {
  background-color: transparent;
}
#app .cs-content .mud-tabs .mud-tab-active .icon-dot {
  background-color: var(--custom-color-bright);
}
#app .cs-content .mud-tabs .mud-tab-slider {
  display: none;
}
#app .cs-content .mud-tabs .mud-tab p {
  font-family: FontBold;
}
#app .cs-content .mud-tabs .icon-dot {
  height: 36px;
}
@media (min-width: 1280px) {
  #app .cs-content .mud-tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2rem;
  }
  #app .cs-content .mud-tabs-scroll-button {
    display: none;
  }
  #app .cs-content .mud-tabs-tabbar {
    width: 320px;
    border-radius: 5px;
  }
  #app .cs-content .mud-tabs-tabbar-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-transform: none !important;
            transform: none !important;
  }
  #app .cs-content .mud-tabs-tabbar-wrapper > div {
    width: 100% !important;
  }
  #app .cs-content .mud-tabs-tabbar-wrapper > div .mud-tab {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
#app .cs-sidebar {
  background-color: var(--color-bg);
}
@media (min-width: 960px) {
  #app .cs-sidebar {
    border-radius: 0;
  }
}
#app .cs-sidebar .mud-card-media {
  background-color: hsl(0, 0%, 90%);
}
@media (max-width: 959px) {
  #app .cs-sidebar .mud-card-media {
    border-radius: 5px 5px 0 0;
  }
}
#app .cs-sidebar h2 {
  bottom: 0;
  background-color: var(--custom-color-bright-transparent-dark);
  color: hsl(0, 0%, 100%);
  width: 100%;
}
#app .mud-list-item-dense p {
  font-size: 1em;
}
#app .mud-expansion-panels.faq-panels {
  border: 1px solid hsl(0, 0%, 90%);
}
#app .mud-expansion-panels.faq-panels .disabled {
  background-color: hsl(0, 0%, 80%);
}
#app .mud-expansion-panels.faq-panels.disabled .mud-expand-panel-header {
  background-color: hsl(0, 0%, 90%);
}
#app .mud-expansion-panels.faq-panels.disabled .mud-expand-panel-header p {
  color: hsl(0, 0%, 40%);
}
#app .mud-expansion-panels.faq-panels.disabled .mud-collapse-wrapper {
  background-color: hsl(0, 0%, 97%);
}
#app .mud-expansion-panels.faq-panels .mud-expand-panel {
  border-radius: 5px;
  border-bottom: none;
}
#app .mud-expansion-panels.faq-panels .mud-expand-panel-header {
  font-size: 1.1em;
  font-family: "FontBold";
  background-color: hsl(0, 0%, 95%);
  color: hsl(0, 0%, 0%);
}
#app .mud-expansion-panels.faq-panels .mud-expand-panel .mud-icon-button {
  height: 25px;
  padding: 5px;
}
#app .mud-expansion-panels.faq-panels .mud-collapse-wrapper {
  border-radius: 0 0 5px 5px;
}
#app .mud-expansion-panels.faq-panels .mud-icon-size-small {
  font-size: 1rem;
}
#app .faq-side .mud-expansion-panels {
  display: grid;
  gap: 10px;
  margin: 0.5rem 0;
}
#app .faq-side .mud-expansion-panels .mud-expand-panel {
  border-bottom: 0;
}
#app .faq-side .mud-expansion-panels .mud-expand-panel:hover .mud-expand-panel-header a {
  -webkit-filter: brightness(0.7);
          filter: brightness(0.7);
}
#app .faq-side .mud-expansion-panels .mud-expand-panel-header {
  min-height: auto;
  padding: 0;
  margin-left: -5px;
}
#app .faq-side .mud-expansion-panels .mud-expand-panel-header .mud-expand-panel-text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 5px;
}
#app .faq-side .mud-expansion-panels .mud-expand-panel-header .mud-expand-panel-icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#app .faq-side .mud-expansion-panels .mud-expand-panel-header .mud-expand-panel-icon.mud-transform {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#app .faq-side .mud-expansion-panels .mud-expand-panel-header a:hover {
  text-decoration: none;
}
#app .faq-side .mud-expansion-panels .mud-expand-panel-content {
  padding: 5px 0 0 0;
}

body {
  background-color: var(--color-bg);
}
@media (min-width: 960px) {
  body #app .login-screen {
    grid-template-columns: 1fr 40%;
  }
  body #app .login-screen > div:last-of-type {
    border-radius: 0 5px 5px 0;
  }
}

#app .pick-block > div > div > .mud-input {
  height: 45px;
  aspect-ratio: 1/1;
}
#app .pick-block > div > div > .mud-input .mud-input-root {
  opacity: 0;
}
#app .color-example {
  background-color: var(--color-bg);
}
#app .color-example * {
  font-size: 13px;
}
#app .color-example .underline {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 135px;
}
#app .color-example .filter {
  background-color: hsl(0, 0%, 100%);
}
#app .mud-picker-color-controls {
  background-color: hsl(0, 0%, 100%);
}