@charset "UTF-8";
@font-face {
  font-family: "Aileron";
  src: url("/static/ecows_core/theme/fonts/aileron/Aileron-Light.da75003ce72f.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "Aileron";
  src: url("/static/ecows_core/theme/fonts/aileron/Aileron-Regular.4309f5e6504a.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Aileron";
  src: url("/static/ecows_core/theme/fonts/aileron/Aileron-SemiBold.b1a69779810a.woff") format("woff");
  font-weight: 600;
}
.tbx-label {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #8b8e92;
}

.esd-workflow-status.status-new {
  color: #FF25FF;
}
.esd-workflow-status.status-new .tbx-icon.plus-circle-bold {
  stroke: #FF25FF;
}
.esd-workflow-status.status-in-progress, .esd-workflow-status.status-checked {
  color: #4FA83D;
}
.esd-workflow-status.status-in-progress .tbx-icon, .esd-workflow-status.status-checked .tbx-icon {
  stroke: #4FA83D;
}
.esd-workflow-status.status-paused {
  color: #c80006;
}
.esd-workflow-status.status-paused .tbx-icon.pause-circle-bold {
  stroke: #c80006;
}
.esd-workflow-status.status-uploading, .esd-workflow-status.status-approved {
  color: #f8b000;
}
.esd-workflow-status.status-uploaded {
  color: #8b8e92;
}

.tbx-modal.esd-help-ticket-create-modal .tbx-modal-content .tbx-dialog {
  width: 95vw;
  height: 95vh;
  grid-row: unset;
  grid-column: unset;
  box-shadow: unset;
}
.tbx-modal.esd-help-ticket-create-modal .tbx-modal-content .tbx-dialog .body {
  overflow: hidden;
  flex-grow: 1;
  display: grid;
  grid-template-columns: max-content auto;
  grid-gap: 10pt;
}
.tbx-modal.esd-help-ticket-create-modal .tbx-modal-content .tbx-dialog .body .tbx-guided-process turbo-frame {
  display: contents;
}
.tbx-modal.esd-help-ticket-create-modal .tbx-modal-content .tbx-dialog .body .help-ticket-system-background {
  position: relative;
  top: 0;
  bottom: 100%;
  overflow: hidden;
}
.tbx-modal.esd-help-ticket-create-modal .tbx-modal-content .tbx-dialog .body .help-ticket-system-background .tbx-drawer .tbx-drawer-content {
  width: 530px;
  height: 805px;
}
.tbx-modal.esd-help-ticket-create-modal .tbx-modal-content .tbx-dialog .body .help-ticket-system-background .tbx-drawer .tbx-drawer-content embed {
  width: 525px;
  height: 800px;
}
.tbx-modal.esd-help-ticket-create-modal .tbx-modal-content .tbx-dialog .body .help-ticket-system-background .tbx-gallery {
  margin-left: 0;
}
.tbx-modal.esd-help-ticket-create-modal .tbx-modal-content .tbx-dialog .body .help-ticket-system-background .esd-data-table-container {
  overflow: auto;
  max-height: 100%;
}

tr.help-ticket-header {
  background-color: #C8FFBD;
}

tr.help-ticket-body {
  background-color: #dff7ff;
}

tr.service-header {
  background-color: #cff0ff;
}

tr.service-body {
  background-color: #dff7ff;
}

/*
 * Copyright (c) 2022 Ecowater Services. All Rights Reserved.
 */
/*
 * Copyright (c) 2024 Ecowater Services. All Rights Reserved.
 */
html {
  height: 100vh;
}

body {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 300;
  background: #eefbff;
  margin: 0;
  padding: 10pt 20pt 5pt 20pt;
  box-sizing: border-box;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 10pt;
}

h2 {
  padding: 0;
  margin: 0;
  font-family: "Aileron", sans-serif;
  font-size: 12pt;
  font-weight: 600;
}
h2.warning {
  color: #c80006;
}

h3 {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 600;
}

h1 {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: #006efd;
}

p {
  margin: 5pt;
  padding: 0;
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 300;
}

dl {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5pt;
  align-items: first baseline;
}
dl dt,
dl dd {
  margin: 0;
  padding: 0;
}
dl dt {
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 300;
  color: #8b8e92;
}

/*
 * Copyright (c) 2024 Ecowater Services. All Rights Reserved.
 */
label {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #8b8e92;
}

textarea {
  font-family: "Aileron", sans-serif;
  font-size: 12pt;
  font-weight: 300;
}

.tbx-plain-text {
  display: inline-block;
  border-color: #cccccc;
  color: #8b8e92;
  background-color: #eefbff;
}

.tbx-plain-text,
select,
input {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 300;
}

.tbx-plain-text,
textarea,
select,
input {
  border: solid 1px #7fb6ff;
  border-radius: 2pt;
  padding: 2pt;
  background-color: white;
}
.tbx-plain-text[disabled],
textarea[disabled],
select[disabled],
input[disabled] {
  border-color: #cccccc;
  color: #8b8e92;
  background-color: #eefbff;
}

.tbx-search-field .tbx-search-description {
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 300;
  color: #8b8e92;
}

.db-field.db-error textarea,
.db-field.db-error select,
.db-field.db-error input {
  border-color: #c80006;
}
.db-field.db-error label {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #c80006;
}

.fieldErrors ul,
.errorlist {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #c80006;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.fieldErrors ul li,
.errorlist li {
  padding: 0;
  margin: 0;
}

.tbx-button-group {
  display: flex;
  flex-direction: row;
  column-gap: 5pt;
  row-gap: 5pt;
  flex-wrap: nowrap;
}

.tbx-control-group {
  display: flex;
  flex-direction: row;
  column-gap: 20pt;
  row-gap: 10pt;
  flex-wrap: wrap;
}
.tbx-control-group.align-items-end {
  align-items: end;
}

.tbx-data-item {
  margin: 5pt;
}
.tbx-data-item .tbx-has-errors {
  border-color: #c80006;
}

.tbx-data-item-grid .tbx-data-item {
  display: contents;
}
.tbx-data-item-grid .tbx-data-item label {
  grid-column: 1;
}
.tbx-data-item-grid .tbx-data-item-value {
  grid-column: 2;
}
.tbx-data-item-grid .tbx-data-item-errors {
  grid-column: 2;
}

.tbx-disclosure-button {
  border: unset;
  padding: unset;
}
.tbx-disclosure-button .tbx-icon {
  stroke: #7fb6ff;
}
.tbx-disclosure-button .tbx-icon.caret-down-bold {
  display: unset;
}
.tbx-disclosure-button .tbx-icon.caret-up-bold {
  display: none;
}
.tbx-disclosure-button.tbx-state-closed .tbx-icon.caret-down-bold {
  display: none;
}
.tbx-disclosure-button.tbx-state-closed .tbx-icon.caret-up-bold {
  display: unset;
}

.tbx-disclosure-content.tbx-state-closed {
  display: none;
}

.tbx-field {
  margin: 5pt 0;
}
.tbx-field label {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #8b8e92;
  display: block;
  grid-column: unset;
  padding: unset;
}
.tbx-field .tbx-has-errors {
  border-color: #c80006;
}

/*
 * Copyright (c) 2024 Ecowater Services. All Rights Reserved.
 */
.tbx-fieldset {
  border: solid 1px #7fb6ff;
  border-radius: 5pt;
  margin: 0;
}
.tbx-fieldset legend {
  font-family: "Aileron", sans-serif;
  font-size: 12pt;
  font-weight: 300;
  padding-left: 4pt;
  padding-right: 4pt;
}

.tbx-data-item-grid > .tbx-fieldset {
  grid-column: 1/-1;
}

.tbx-filter-badge {
  position: absolute;
  top: -4px;
  right: -4px;
}
.tbx-filter-badge .tbx-icon.check-circle-bold {
  height: 10pt;
}
.tbx-filter-badge .tbx-icon.check-circle-bold circle {
  stroke: #4FA83D;
  fill: #4FA83D;
}
.tbx-filter-badge .tbx-icon.check-circle-bold polyline {
  stroke: white;
}

.tbx-filter-descriptions {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 5pt;
}
.tbx-filter-descriptions dt {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #8b8e92;
}
.tbx-filter-descriptions dd ul {
  display: block;
  padding: 0;
  margin: 0;
}
.tbx-filter-descriptions dd ul li {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 300;
  display: inline-block;
}
.tbx-filter-descriptions dd ul li:not(:last-of-type)::after {
  content: ", ";
}

.esd-data-table .tbx-gallery div.group {
  display: inline-block;
}

.tbx-filter-form {
  display: flex;
  flex-direction: row;
  column-gap: 5pt;
  row-gap: 5pt;
  flex-wrap: wrap;
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 300;
  justify-content: flex-start;
  align-items: baseline;
}
.tbx-filter-form .filter-options-title {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #8b8e92;
  padding: 0;
}
.tbx-filter-form .filterField {
  white-space: nowrap;
}
.tbx-filter-form .filterField > label:after {
  content: ":";
}
.tbx-filter-form .filterField label {
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 400;
  color: #8b8e92;
}
.tbx-filter-form .filterField select,
.tbx-filter-form .filterField input {
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 300;
}
.tbx-filter-form .filterField.popup {
  position: relative;
}
.tbx-filter-form .filterField.popup button {
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 400;
  padding: 1.6pt 4pt;
  border: 1pt solid #7fb6ff;
  border-radius: 8pt;
  height: min-content;
  width: max-content;
  background-color: #eefbff;
  color: #2a86ff;
  border-color: #2a86ff;
  white-space: nowrap;
  border-radius: 2pt;
}
.tbx-filter-form .filterField.popup .content {
  border-radius: 3pt;
  border: 1px solid;
  border-color: #7fb6ff;
  background-color: #eefbff;
  box-shadow: 2pt 2pt 3pt 3pt rgba(155.2173913043, 155.2173913043, 155.2173913043, 0.5);
  display: none;
  position: absolute;
  margin-top: 0;
  z-index: 1;
  padding: 4pt;
  width: max-content;
}
.tbx-filter-form .filterField.popup .content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.tbx-filter-form .filterField.popup .content ul li {
  padding: 0;
  margin: 0;
}
.tbx-filter-form .filterField.popup .content ul.hasGroups {
  font-weight: bold;
  line-height: 1.5;
}
.tbx-filter-form .filterField.popup .content ul.hasGroups ul {
  font-weight: normal;
  line-height: 1;
}
.tbx-filter-form .filterField.popup.visible button {
  background-color: #2a86ff;
  color: #eefbff;
}
.tbx-filter-form .filterField.popup.visible .content {
  display: block;
  border-radius: 3pt;
}

.tbx-field-group {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 5pt;
  gap: 0 10pt;
}
@media (min-width: 900px) {
  .tbx-field-group {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.tbx-field-group .tbx-field-group-title {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 600;
  margin: 5pt;
}

/* esd.toolbox.components.gallery
*/
.tbx-gallery {
  margin: 10pt;
}
.tbx-gallery .images {
  display: flex;
  flex-direction: row;
  gap: 10pt;
}
.tbx-gallery .images .image .thumbnail {
  height: 100px;
}
.tbx-gallery .images .image .title {
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 300;
  margin: 5pt 0;
}

a .tbx-icon {
  stroke: #006efd;
}

.tbx-icon {
  height: 12pt;
  vertical-align: text-bottom;
}
.tbx-icon.check-circle-bold {
  stroke: #4FA83D;
}
.tbx-icon.x-circle-bold, .tbx-icon.warning-bold {
  stroke: #c80006;
}
.tbx-icon.question-bold {
  color: #8b8e92;
}

.tbx-modal.tbx-lightbox {
  z-index: 200;
}
.tbx-modal.tbx-lightbox .tbx-modal-content {
  border: solid 1pt black;
  overflow: auto;
  position: relative;
}
.tbx-modal.tbx-lightbox .tbx-modal-content button.close-button {
  position: absolute;
  top: 3pt;
  right: 3pt;
  margin: 0;
  padding: 0;
  border: unset;
  background: none;
}
.tbx-modal.tbx-lightbox .tbx-modal-content button.close-button svg {
  display: block;
}
.tbx-modal.tbx-lightbox .tbx-modal-content a.prev-button {
  position: absolute;
  top: calc(50% - 10.5px);
  left: 3pt;
  margin: 0;
  padding: 0;
}
.tbx-modal.tbx-lightbox .tbx-modal-content a.next-button {
  position: absolute;
  top: calc(50% - 10.5px);
  right: 3pt;
  margin: 0;
  padding: 0;
}
.tbx-modal.tbx-lightbox .tbx-modal-content img {
  max-height: 90vh;
  max-width: 90vw;
  vertical-align: middle;
}
.tbx-modal.tbx-lightbox .tbx-modal-content .caption {
  position: absolute;
  bottom: 3pt;
  left: 3pt;
  right: 3pt;
  padding: 2pt;
  text-align: center;
  background: rgba(255, 255, 255, 0.7);
}

/* esd.toolbox.components.base.link_button

Pseudo:
  active

Roles:
  caution
  default
  focal
  warning

States:
  disabled

*/
button,
.db-action,
.tbx-link-button {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  padding: 2pt 5pt;
  border: 1pt solid;
  border-radius: 10pt;
  height: min-content;
  width: max-content;
  background-color: #eefbff;
  color: #2a86ff;
  border-color: #2a86ff;
  white-space: nowrap;
}
button:active,
.db-action:active,
.tbx-link-button:active {
  border-color: #fedc56;
  color: #fedc56;
}
button.db-button-caution, button.role-caution,
.db-action.db-button-caution,
.db-action.role-caution,
.tbx-link-button.db-button-caution,
.tbx-link-button.role-caution {
  border-color: #f8b000;
  color: #f8b000;
  background-color: #eefbff;
}
button.db-button-default, button.role-default,
.db-action.db-button-default,
.db-action.role-default,
.tbx-link-button.db-button-default,
.tbx-link-button.role-default {
  border-color: #2a86ff;
  color: #eefbff;
  background-color: #2a86ff;
}
button.db-button-default.db-button-caution, button.db-button-default.role-caution, button.role-default.db-button-caution, button.role-default.role-caution,
.db-action.db-button-default.db-button-caution,
.db-action.db-button-default.role-caution,
.db-action.role-default.db-button-caution,
.db-action.role-default.role-caution,
.tbx-link-button.db-button-default.db-button-caution,
.tbx-link-button.db-button-default.role-caution,
.tbx-link-button.role-default.db-button-caution,
.tbx-link-button.role-default.role-caution {
  border-color: #f8b000;
  color: #eefbff;
  background-color: #f8b000;
}
button.db-button-default.db-button-warning, button.db-button-default.role-warning, button.role-default.db-button-warning, button.role-default.role-warning,
.db-action.db-button-default.db-button-warning,
.db-action.db-button-default.role-warning,
.db-action.role-default.db-button-warning,
.db-action.role-default.role-warning,
.tbx-link-button.db-button-default.db-button-warning,
.tbx-link-button.db-button-default.role-warning,
.tbx-link-button.role-default.db-button-warning,
.tbx-link-button.role-default.role-warning {
  border-color: #c80006;
  color: #eefbff;
  background-color: #c80006;
}
button.db-button-focal, button.role-focal,
.db-action.db-button-focal,
.db-action.role-focal,
.tbx-link-button.db-button-focal,
.tbx-link-button.role-focal {
  border-color: #4FA83D;
  background-color: #D6FFDB;
  color: #4FA83D;
}
button.db-button-warning, button.role-warning,
.db-action.db-button-warning,
.db-action.role-warning,
.tbx-link-button.db-button-warning,
.tbx-link-button.role-warning {
  border-color: #c80006;
  color: #c80006;
  background-color: #eefbff;
}
button.db-action-disabled, button.db-action[disabled], button.state-disabled,
.db-action.db-action-disabled,
.db-action.db-action[disabled],
.db-action.state-disabled,
.tbx-link-button.db-action-disabled,
.tbx-link-button.db-action[disabled],
.tbx-link-button.state-disabled {
  color: #cccccc;
  border-color: #cccccc;
}

.tbx_link.disabled {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #cccccc;
}

/* esd.toolbox.components.page_navigation

Pseudo:
  active

States:
  disabled

Other:
  current

*/
ul.tbx-page-navigation {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  column-gap: 10pt;
  row-gap: 5pt;
  flex-wrap: wrap;
}
ul.tbx-page-navigation li {
  padding: 0;
  margin: 0;
}
ul.tbx-page-navigation li {
  font-family: "Aileron", sans-serif;
  font-size: 12pt;
  font-weight: 300;
  border-bottom: 2pt solid transparent;
}
ul.tbx-page-navigation li.current {
  border-bottom-color: #006efd;
}
ul.tbx-page-navigation li a:active {
  color: #fedc56;
}
ul.tbx-page-navigation li.state-disabled {
  color: #cccccc;
}

.tbx-tag {
  display: inline-block;
  border: solid 1px #4FA83D;
  border-radius: 8px 1px 1px 8px;
  padding: 1px 2px 1px 6px;
  margin: 2px;
  background: #D6FFDB;
  color: black;
  white-space: nowrap;
}

.tbx-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10pt;
}

.tbx-toolbar-group {
  display: flex;
  flex-direction: column;
  gap: 5pt;
  border-color: #cff0ff;
  background-color: #dff7ff;
}

/*
 * Copyright (c) 2024 Ecowater Services. All Rights Reserved.
 */
.tbx-card {
  border: solid 1px #7fb6ff;
  border-radius: 5pt;
  display: flex;
  flex-direction: column;
  background: #eefbff;
  padding: 0;
  margin: 0;
  overflow: hidden;
  align-self: stretch;
}
.tbx-card .tbx-card-title {
  background: #cff0ff;
  border-bottom: solid 1px #7fb6ff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.tbx-card .tbx-card-title h3 {
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 600;
  margin: 5pt;
}
.tbx-card .tbx-card-title span.warning {
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 600;
  margin: 5pt;
}
.tbx-card .tbx-card-section {
  margin: 5pt;
}
.tbx-card .tbx-data-item-grid {
  margin: 5pt;
}

.tbx-data-item-group .tbx-data-item {
  display: flex;
  flex-direction: row;
  gap: 5pt;
}

.tbx-guided-process .tbx-data-item {
  display: contents;
}
.tbx-guided-process .tbx-data-item label {
  grid-column: 2;
}
.tbx-guided-process .tbx-data-item-value {
  grid-column: 3;
}
.tbx-guided-process .tbx-data-item-errors {
  grid-column: 3;
}

.tbx-data-item-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 5pt;
  align-items: top;
}

.tbx-data-item-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10pt;
}
.tbx-data-item-group.spaced {
  justify-content: space-evenly;
  align-items: center;
}
.tbx-data-item-group.left {
  justify-content: flex-start;
}

/*
 * Copyright (c) 2024 Ecowater Services. All Rights Reserved.
 */
.tbx-drawer {
  border: solid 1px #7fb6ff;
  border-radius: 5pt;
  z-index: 1;
  position: absolute;
  right: 0;
  visibility: hidden;
  max-width: 0px;
  transition: all 0.4s ease-in;
  overflow: hidden;
  background: #eefbff;
  display: flex;
  flex-direction: column;
  max-height: calc(100% - 2px);
}
.tbx-drawer.tbx-state-open {
  visibility: visible;
  max-width: calc(100% - 2px);
}
.tbx-drawer .tbx-drawer-header {
  background-color: #dff7ff;
  display: flex;
  justify-content: flex-end;
  border-radius: 4px 4px 0 0;
}
.tbx-drawer .tbx-drawer-header button {
  margin: 3pt;
  background: none;
  border: none;
  padding: 0;
  height: 15px;
}
.tbx-drawer .tbx-drawer-content {
  overflow: scroll;
  margin: 5px;
}

.tbx-helptext {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 300;
  color: #8b8e92;
}
.tbx-helptext .tbx-icon {
  stroke: #8b8e92;
}

/**
 * @atom tbx-hbox
 * @section Layout
 * @description
 *  Lay out children in a horizontal row.
 * @modifiers
 *  .justify-left   Justify contents to left margin
 *  .justify-right  Justify contents to right margin
 *  .justify-center Justify contents
 *  .justify-space-between  Justify contents
 *  .gap-medium     Place a medium gap betwen contents
 *  .wrap           Wrap items
 * @markup
 *  <div class="tbx-hbox">Default</div>
 *  <div class="tbx-hbox justify-right">Justify Right</div>
 *  <div class="tbx-hbox justify-space-between">
 *    <span>Space</span><span>Between</span><span>Items</span>
 *  </div>
 */
.tbx-hbox {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  align-items: baseline;
}
.tbx-hbox.justify-left {
  justify-content: flex-start;
}
.tbx-hbox.justify-right {
  justify-content: flex-end;
}
.tbx-hbox.justify-space-between {
  justify-content: space-between;
}
.tbx-hbox.justify-center {
  justify-content: center;
}
.tbx-hbox.gap-medium {
  gap: 10pt;
}
.tbx-hbox.wrap {
  flex-wrap: wrap;
}

.tbx-guided-process {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 5pt;
}
.tbx-guided-process li {
  padding: 0;
  margin: 0;
}

.tbx-non-field-errors {
  color: #c80006;
}

/*
 * Copyright (c) 2024 Ecowater Services. All Rights Reserved.
 */
.tbx-panel {
  border: solid 1px #7fb6ff;
  border-radius: 5pt;
}
.tbx-panel.left-inset-medium {
  margin-left: 10pt;
}

.tbx-pdf-preview {
  width: 100%;
}

embed.tbx-pdf-preview {
  aspect-ratio: 0.65;
}

.tbx-guided-process .tbx-process-item {
  display: contents;
}
.tbx-guided-process .tbx-process-item .description {
  display: list-item;
  list-style: decimal inside;
  grid-column: 1;
}
.tbx-guided-process .tbx-process-item .action {
  display: contents;
}
.tbx-guided-process .tbx-process-item .action .tbx-data-item {
  display: contents;
}
.tbx-guided-process .tbx-process-item .action .tbx-data-item label {
  grid-column: 2;
}
.tbx-guided-process .tbx-process-item .action .tbx-data-item .value {
  grid-column: 3;
}
.tbx-guided-process .tbx-process-item .action .tbx-data-item .tbx-data-item-value .tbx-data-item {
  display: block;
  margin: 0;
}

body.tbx-stage-dev {
  border: #cccccc 5pt solid;
}
body.tbx-stage-preview {
  border: #9437ff 5pt solid;
}
body.tbx-stage-test {
  border: #f8b000 5pt solid;
}

.tbx-watermark {
  position: absolute;
  top: 5pt;
  left: 5pt;
  z-index: -1;
  font-size: 80pt;
  line-height: 1;
}
.tbx-watermark.tbx-stage-dev {
  color: #cccccc;
}
.tbx-watermark.tbx-stage-preview {
  color: #9437ff;
}
.tbx-watermark.tbx-stage-test {
  color: #f8b000;
}

/*
 * Copyright (c) 2024 Ecowater Services. All Rights Reserved.
 */
.tbx-tabset {
  border: solid 1px #7fb6ff;
  border-radius: 5pt;
  overflow: clip;
}
.tbx-tabset .tbx-tabset-header {
  font-family: "Aileron", sans-serif;
  font-size: 12pt;
  font-weight: 300;
  display: flex;
  gap: 10pt;
  flex-direction: row;
  margin: 0;
  padding: 0;
  align-items: baseline;
  justify-content: left;
  border-bottom: 1px solid #7fb6ff;
  background: #dff7ff;
}
.tbx-tabset .tbx-tabset-header a {
  padding: 5pt;
  border: solid transparent;
  border-width: 2px 1px 0 1px;
  border-radius: 5pt 5pt 0 0;
  margin: -1px 0 -1px -1px;
}
.tbx-tabset .tbx-tabset-header a.selected {
  border-color: #7fb6ff;
  background: #eefbff;
}
.tbx-tabset .tbx-tabset-content {
  margin: 10pt;
}

.tbx-vbox {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

/*
 * Copyright (c) 2023 Ecowater Services. All Rights Reserved.
 */
.tbx-autocomplete {
  position: relative;
}
.tbx-autocomplete .results {
  border-radius: 3pt;
  border: 1px solid;
  border-color: #7fb6ff;
  background-color: #eefbff;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  height: min-content;
  max-height: 30vh;
  overflow-y: auto;
  z-index: 100;
  margin: 0;
  left: 0;
  min-width: 100%;
}
.tbx-autocomplete .results li {
  padding: 0;
  margin: 0;
}

.tbx-autocomplete .results {
  box-shadow: 2pt 2pt 3pt 3pt rgba(155.2173913043, 155.2173913043, 155.2173913043, 0.5);
  background: white;
}
.tbx-autocomplete .results li {
  padding: 4pt;
}
.tbx-autocomplete .results li.highlighted {
  border: 1px #2a86ff;
  background: #2a86ff;
  color: #eefbff;
}
.tbx-autocomplete .results li p {
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 300;
  padding: 0;
  margin: 0;
}
.tbx-autocomplete .results .title {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 300;
}
.tbx-autocomplete .results .extra {
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 300;
}

.tbx-dialog {
  box-shadow: 2pt 2pt 3pt 3pt rgba(155.2173913043, 155.2173913043, 155.2173913043, 0.5);
  grid-row: 2/3;
  grid-column: 2/3;
  border-radius: 5pt;
  background: #eefbff;
  border: 1pt #7fb6ff solid;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.tbx-dialog .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #7fb6ff;
}
.tbx-dialog .header h3 {
  margin: 5pt;
}
.tbx-dialog .header button {
  margin: 3pt;
  background: none;
  border: none;
  padding: 0;
  height: 10px;
}
.tbx-dialog .body {
  margin: 5pt;
  overflow: auto;
}
.tbx-dialog .buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 5pt;
}

.tbx-modal {
  position: relative;
  z-index: 100;
}

.tbx-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 1fr auto 3fr;
  background: rgba(238, 241.25, 242.25, 0.5);
}

.tbx-modal-content {
  box-shadow: 2pt 2pt 3pt 3pt rgba(155.2173913043, 155.2173913043, 155.2173913043, 0.5);
  grid-row: 2/3;
  grid-column: 2/3;
  border-radius: 5pt;
}

#esd-body-header {
  /* Default layout is vertical column of
   *      [App controls]
   *    [Title]
   *  [Navigation]
   */
  display: grid;
  grid-gap: 10pt;
  grid-template-rows: repeat(3, max-content);
  grid-template-columns: 1fr;
  align-items: center;
  /* Alternate layout for >=900px displays:
   *  [Title]       [App controls]
   *  [Navigation]
   */
  /* Alternate layout for >=1200px displays:
   *  [Title]    [Navigation]    [App controls]
   */
}
#esd-body-header #site-title {
  font-family: "Aileron", sans-serif;
  font-size: 18pt;
  font-weight: 600;
  color: #2a86ff;
}
#esd-body-header #app-controls {
  display: flex;
  flex-direction: row;
  column-gap: 5pt;
  row-gap: 5pt;
  flex-wrap: nowrap;
}
#esd-body-header #site-title {
  grid-row: 2;
  justify-self: left;
}
#esd-body-header #app-controls {
  grid-row: 1;
  justify-self: right;
}
#esd-body-header #navigation {
  grid-row: 3;
  justify-self: center;
}
@media (min-width: 900px) {
  #esd-body-header {
    grid-template-rows: repeat(2, max-content);
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10pt;
  }
  #esd-body-header #site-title {
    grid-row: 1;
    grid-column: 1;
  }
  #esd-body-header #app-controls {
    grid-column: 2;
  }
  #esd-body-header #navigation {
    grid-row: 2;
    grid-column: 1/-1;
  }
}
@media (min-width: 1200px) {
  #esd-body-header {
    grid-template-rows: max-content;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20pt;
  }
  #esd-body-header #app-controls {
    grid-row: 1;
    grid-column: 3;
    align-self: baseline;
  }
  #esd-body-header #navigation {
    grid-row: 1;
    grid-column: 2;
    align-self: baseline;
  }
}

#esd-body-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10pt;
}

#esd-body-footer #esd-sysinfo {
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 300;
  float: right;
}

#esd-login-form {
  display: grid;
  column-gap: 10pt;
  row-gap: 10pt;
  width: 100%;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 1fr 1fr 2fr;
}
#esd-login-form form {
  grid-column: 2;
  grid-row: 2;
}
#esd-login-form label {
  width: max-content;
}
#esd-login-form fieldset input.db-action {
  grid-column: 2;
  justify-self: right;
}
#esd-login-form fieldset input.db-action {
  grid-row: 3;
}

#esd-change-password-form {
  display: grid;
  column-gap: 10pt;
  row-gap: 10pt;
  width: 100%;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 1fr 1fr 2fr;
}
#esd-change-password-form form {
  grid-column: 2;
  grid-row: 2;
}
#esd-change-password-form label {
  width: max-content;
}
#esd-change-password-form fieldset input.db-action {
  grid-column: 2;
  justify-self: right;
}
#esd-change-password-form fieldset input.db-action {
  grid-row: 4;
}

#page-title {
  margin: 20pt 0;
}

.esd-core-detail-page {
  display: grid;
  column-gap: 20pt;
  row-gap: 20pt;
}
.esd-core-detail-page.two-column {
  grid-template-columns: repeat(2, 1fr);
}
.esd-core-detail-page.three-column {
  grid-template-columns: repeat(3, 1fr);
}
.esd-core-detail-page .esd-core-detail-column {
  display: flex;
  flex-direction: column;
  gap: 20pt;
}
.esd-core-detail-page .span-full-width {
  grid-column: 1/-1;
}
.esd-core-detail-page .span-two-columns {
  grid-column: span 2;
}
.esd-core-detail-page .span-two-rows {
  grid-row: span 2;
}

.esd-calendar-day-cell {
  border: solid 1px #8b8e92;
  margin: 0 -1px -1px 0;
}
.esd-calendar-day-cell .day-title {
  display: flex;
  flex-direction: row;
  align-items: top;
  background: #dff7ff;
}
.esd-calendar-day-cell .day-title .date {
  margin: 5pt;
  font-family: "Aileron", sans-serif;
  font-size: 12pt;
  font-weight: 400;
  color: #8b8e92;
}
.esd-calendar-day-cell .day-content {
  min-height: 40pt;
}

.esd-calendar-weekday-title {
  justify-self: center;
  font-family: "Aileron", sans-serif;
  font-size: 12pt;
  font-weight: 300;
  color: #8b8e92;
  margin: 10pt;
}

.esd-scheduling-day-layout {
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 2pt;
}
.esd-scheduling-day-layout h3 {
  grid-column: 1/-1;
  justify-self: center;
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 300;
  color: #8b8e92;
  margin: 10pt;
}

.esd-schedule-overview {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr repeat(7, 2fr);
}
.esd-schedule-overview .week-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.esd-schedule-day {
  display: grid;
  grid-template-columns: auto;
}

.esd-scheduling-technicians-day {
  display: grid;
  grid-auto-columns: auto;
  justify-items: center;
  align-items: start;
  gap: 5pt;
  width: fit-content;
}
.esd-scheduling-technicians-day .esd-scheduling-day-layout {
  grid-row: 1;
}

.esd-schedule-week {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 2fr);
}

.esd-scheduling-summary-card {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
  border: solid 1px #7fb6ff;
  border-radius: 2pt;
  margin: 2pt;
}
.esd-scheduling-summary-card.status-dispatched {
  background-color: #eefbff;
}
.esd-scheduling-summary-card.status-scheduled {
  background-color: #dff7ff;
}

.esd-system-technicians-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.esd-system-technicians-list li {
  padding: 0;
  margin: 0;
}

span.warning {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 600;
  color: #c80006;
}

.warning-dialog {
  border: 1px solid #c80006;
  border-radius: 10pt;
  padding: 5pt;
  background: white;
}

.nowrap {
  white-space: nowrap;
}

turbo-frame {
  display: block;
  transition-property: opacity, filter;
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
}
turbo-frame[busy] {
  opacity: 0.6;
  filter: grayscale(0.3);
}

@font-face {
  font-family: "Phospher Icons";
  src: url("/static/ecows_core/theme/fonts/phospher-icons/Phosphor.3f34c6bbcc2d.woff2") format("woff2");
  font-weight: normal;
  font-weight: normal;
}
.ui-menu.ui-autocomplete {
  border-radius: 3pt;
  border: 1px solid;
  border-color: #7fb6ff;
  background-color: #eefbff;
  background-color: white;
  max-height: 30vh;
  overflow-y: scroll;
}
.ui-menu.ui-autocomplete .ui-menu-item {
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 300;
  color: black;
}
.ui-menu.ui-autocomplete .ui-menu-item .ui-state-focus,
.ui-menu.ui-autocomplete .ui-menu-item .ui-state-active {
  border: 1px #2a86ff;
  background: #2a86ff;
  color: #eefbff;
  margin: 0;
}

.ui-datepicker {
  border-radius: 3pt;
  border: 1px solid;
  border-color: #7fb6ff;
  background-color: #eefbff;
  background-color: white;
}
.ui-datepicker .ui-datepicker-prev {
  top: unset;
  left: 0;
  width: unset;
  height: unset;
}
.ui-datepicker .ui-datepicker-prev::before {
  font-family: "Phospher Icons";
  content: "\f72a";
  font-size: 14pt;
}
.ui-datepicker .ui-datepicker-prev span {
  display: none;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 0;
  top: unset;
}
.ui-datepicker .ui-datepicker-next {
  top: unset;
  right: 0;
  width: unset;
  height: unset;
}
.ui-datepicker .ui-datepicker-next::before {
  font-family: "Phospher Icons";
  content: "\f72b";
  font-size: 14pt;
}
.ui-datepicker .ui-datepicker-next span {
  display: none;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 0;
  top: unset;
}

.esd-form-layout {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 5pt;
  height: min-content;
  align-items: last baseline;
}
.esd-form-layout .db-field {
  display: contents;
}
.esd-form-layout h3 {
  font-family: "Aileron", sans-serif;
  font-size: 12pt;
  font-weight: 300;
  margin: 5pt;
  padding: 0;
}
.esd-form-layout label {
  grid-column: 1;
  padding: 4pt;
}
.esd-form-layout h3,
.esd-form-layout .tbx-button-group,
.esd-form-layout fieldset {
  grid-column: 1/4;
}
.esd-form-layout .tbx-button-group {
  justify-self: end;
}
.esd-form-layout .inputWidget {
  grid-column: 2;
}
.esd-form-layout .inputWidget ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.esd-form-layout .inputWidget ul li {
  padding: 0;
  margin: 0;
}
.esd-form-layout .inputWidget ul label {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 300;
  color: black;
}
.esd-form-layout .fieldErrors {
  grid-column: 3;
  padding: 4pt;
}
.esd-form-layout .esd-data-table,
.esd-form-layout .db-data-table {
  margin: 5pt 0;
  grid-column: 1/-1;
}
.esd-form-layout .db-field dl {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px;
}
.esd-form-layout .db-field dl dt,
.esd-form-layout .db-field dl dd {
  margin: 0;
  padding: 0;
}
.esd-form-layout .db-field dl dt {
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 400;
  color: #8b8e92;
  line-height: 1.5;
}

.esd-datepicker {
  position: relative;
}
.esd-datepicker .tbx-icon {
  position: absolute;
  height: 12pt;
  right: 3pt;
  stroke: #cccccc;
  top: -1pt;
  stroke: #cccccc;
}

#esd-messages {
  position: fixed;
  top: 0;
  right: 0;
  min-width: 15rem;
  width: 20vw;
  max-width: 20vw;
  z-index: 10;
}
#esd-messages ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#esd-messages ul li {
  padding: 0;
  margin: 0;
}
#esd-messages ul li {
  box-shadow: 2pt 2pt 3pt 3pt rgba(155.2173913043, 155.2173913043, 155.2173913043, 0.5);
  position: relative;
  border-radius: 10pt;
  padding: 10pt;
  text-align: center;
  margin: 10pt 20pt;
  border: 1px solid #8b8e92;
  left: 0;
  transition: all 0.75s;
}
#esd-messages ul li.removed {
  left: 20vw;
}
#esd-messages ul li.info {
  background-color: #dff7ff;
}
#esd-messages ul li.success {
  background-color: #D6FFDB;
}
#esd-messages ul li.warning {
  background-color: #ffe5a6;
}
#esd-messages ul li.error {
  background-color: #ff7b7b;
}

div.form-actions {
  border-radius: 3pt;
  border: 1px solid;
  margin-top: 10pt;
  box-sizing: border-box;
  padding: 10pt;
  border-color: #cff0ff;
  background-color: #dff7ff;
  display: flex;
  flex-direction: column;
  gap: 5pt;
}

.db-paginator {
  display: flex;
  flex-direction: row;
  column-gap: 5pt;
  row-gap: 5pt;
  flex-wrap: nowrap;
  align-items: baseline;
}

#searchContainer {
  display: contents;
}
#searchContainer form {
  display: flex;
  flex-direction: column;
  gap: 4pt;
  flex: 1;
  /* Occupy full width of enclosing toolbar */
}
#searchContainer #searchControls {
  display: grid;
  grid-template-rows: repeat(2, auto);
}
#searchContainer #searchControls div {
  --moz-margin-top: -1px;
  display: flex;
  flex-direction: row;
  column-gap: 5pt;
  row-gap: 5pt;
  flex-wrap: nowrap;
  align-items: center;
}
#searchContainer #searchInput {
  border: 1pt solid #7fb6ff;
  border-radius: 3pt;
  padding: 2pt;
}
#searchContainer #searchTitle {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #8b8e92;
  padding-left: 0;
}
#searchContainer #searchDescription {
  font-family: "Aileron", sans-serif;
  font-size: 8pt;
  font-weight: 300;
  color: #8b8e92;
}

.esd-data-table,
.db-data-table,
.db-report {
  border-collapse: collapse;
  box-sizing: border-box;
  width: 100%;
}
.esd-data-table td,
.esd-data-table th,
.db-data-table td,
.db-data-table th,
.db-report td,
.db-report th {
  overflow: hidden;
  text-overflow: ellipsis;
}
.esd-data-table td.nowrap,
.db-data-table td.nowrap,
.db-report td.nowrap {
  white-space: nowrap;
}
.esd-data-table thead tr th,
.db-data-table thead tr th,
.db-report thead tr th {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #8b8e92;
  padding: 4pt;
  text-align: left;
  border-bottom: solid 1px #8b8e92;
}
.esd-data-table tbody tr th,
.db-data-table tbody tr th,
.db-report tbody tr th {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #8b8e92;
  padding: 4pt;
  text-align: left;
}
.esd-data-table tr.db-report-group-header td,
.esd-data-table tr.db-report-column-header td,
.db-data-table tr.db-report-group-header td,
.db-data-table tr.db-report-column-header td,
.db-report tr.db-report-group-header td,
.db-report tr.db-report-column-header td {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #8b8e92;
  padding: 4pt;
  text-align: left;
  border-bottom: solid 1px #8b8e92;
}
.esd-data-table tr.esd-even-row, .esd-data-table tr.db-even-row,
.db-data-table tr.esd-even-row,
.db-data-table tr.db-even-row,
.db-report tr.esd-even-row,
.db-report tr.db-even-row {
  background-color: #dff7ff;
}
.esd-data-table tr.esd-odd-row, .esd-data-table tr.db-odd-row,
.db-data-table tr.esd-odd-row,
.db-data-table tr.db-odd-row,
.db-report tr.esd-odd-row,
.db-report tr.db-odd-row {
  background-color: #cff0ff;
}
.esd-data-table tr td,
.db-data-table tr td,
.db-report tr td {
  padding: 4pt;
  vertical-align: baseline;
}
.esd-data-table tr td.db-numeric,
.db-data-table tr td.db-numeric,
.db-report tr td.db-numeric {
  text-align: right;
}

td ul {
  list-style: inside;
  margin: 0;
  padding: 0;
}

.fieldValue {
  padding: 3pt;
}
.fieldValue ul {
  margin: 0;
  list-style-position: inside;
  padding: 0;
}

.ui-dialog iframe {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

#esd-system-detail-page {
  display: grid;
  column-gap: 10pt;
  row-gap: 10pt;
  grid-template-columns: repeat(6, 1fr);
}
#esd-system-detail-page #esd-system-detail-block {
  grid-column: span 2;
}
#esd-system-detail-page fieldset[data-fieldset-id=contact-roles] {
  grid-column: span 2;
}
#esd-system-detail-page #esd-customer-detail-block {
  grid-column: span 2;
}
#esd-system-detail-page #esd-plant-detail-block {
  grid-column: span 2;
}
#esd-system-detail-page #esd-system-parts-history-block {
  grid-column: span 6;
}
#esd-system-detail-page #esd-system-parts-current-block {
  grid-column: span 4;
}
#esd-system-detail-page #esd-service-list-block {
  grid-column: span 6;
}
#esd-system-detail-page #esd-service-list-block turbo-frame {
  display: contents;
}

div[data-controller=qmrPreview] {
  display: flex;
  flex-direction: row;
}
div[data-controller=qmrPreview] .webkit-shim-container {
  flex: 1;
}
div[data-controller=qmrPreview] #qmrPreviewPlaceholder {
  min-width: 0px;
  max-width: 0px;
  transition: all 0.4s ease-in;
  overflow: hidden;
}
div[data-controller=qmrPreview] #qmrPreviewPlaceholder.showPreview {
  min-width: 542px;
  max-width: 542px;
}
div[data-controller=qmrPreview] #qmrPreviewPlaceholder #qmrPreviewDialog {
  border-radius: 3pt;
  border: 1px solid;
  border-color: #7fb6ff;
  background-color: #eefbff;
  box-sizing: border-box;
  margin: 0 0 0 5px;
  width: 537px;
  height: max-content;
}
div[data-controller=qmrPreview] #qmrPreviewPlaceholder #qmrPreviewDialog .header {
  background-color: #dff7ff;
  display: flex;
  justify-content: flex-end;
  border-radius: 4px 4px 0 0;
}
div[data-controller=qmrPreview] #qmrPreviewPlaceholder #qmrPreviewDialog .header button {
  margin: 3pt;
  background: none;
  border: none;
  padding: 0;
  height: 15px;
}
div[data-controller=qmrPreview] #qmrPreviewPlaceholder #qmrPreviewDialog iframe {
  margin: 5px;
  border: 0;
  width: 525px;
  height: 800px;
}

#esd-service-list-data {
  table-layout: fixed;
}

#esd-customer-detail-page {
  display: grid;
  column-gap: 10pt;
  row-gap: 10pt;
  grid-template-columns: 1fr 2fr;
}
#esd-customer-detail-page #esd-customer-detail-block {
  grid-column: 1;
}
#esd-customer-detail-page #esd-system-list-block {
  grid-column: 2/3;
}
#esd-customer-detail-page #esd-service-list-block {
  grid-column: 1/-1;
}
#esd-customer-detail-page #esd-service-list-block turbo-frame {
  display: contents;
}

#esd-canvas-detail-block {
  display: grid;
  column-gap: 10pt;
  row-gap: 10pt;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, auto);
}
#esd-canvas-detail-block #esd-submission-detail-block {
  grid-column: 1;
}
#esd-canvas-detail-block #esd-submission-photos-block {
  grid-column: 1;
  grid-row: 2;
}
#esd-canvas-detail-block .esd-pdf-report {
  grid-column: 2;
  grid-row: 1/-1;
}
#esd-canvas-detail-block #esd-submission-events-block {
  grid-column: 1;
  grid-row: 3;
}

#esd-component-event-page {
  display: grid;
  column-gap: 10pt;
  row-gap: 10pt;
  grid-template-columns: 1fr 1fr 2fr;
  grid-template-rows: auto auto auto;
}
#esd-component-event-page #esd-component-event-form {
  grid-row: 1;
  grid-column: 1;
}
#esd-component-event-page #esd-service-detail-block {
  grid-row: 1;
  grid-column: 2;
}
#esd-component-event-page #esd-system-parts-current-block {
  grid-row: 2;
  grid-column: 1/3;
}
#esd-component-event-page #esd-system-parts-history-block {
  grid-row: 3;
  grid-column: 1/3;
}
#esd-component-event-page .esd-pdf-report {
  grid-row: 1/-1;
  grid-column: 3;
}

.inputWidget .custom-combobox {
  font-size: 12pt;
}
.inputWidget .custom-combobox .custom-combobox-toggle {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 300;
  height: 1.5rem;
  margin-top: -0.1rem;
}

.photoGallerySubjectTitle {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #8b8e92;
  margin: 5pt 0;
}

#esd-reports-index-page ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#esd-reports-index-page > ul > li {
  padding: 0;
  margin: 12pt;
}
#esd-reports-index-page > ul > li > ul > li {
  margin: 6pt 12pt;
}

.db-print-summary {
  font-family: "Aileron", sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #8b8e92;
  margin: 12pt 0;
}

#dispatch-download-block {
  display: flex;
  flex-direction: row;
  column-gap: 10pt;
  row-gap: 5pt;
  flex-wrap: nowrap;
}

/*# sourceMappingURL=theme.css.88265f838973.map */