@media (prefers-color-scheme: light) {
  .account,
  .account .mud-button {
    color: white !important;
  }
}

body {
  overflow-x: hidden;
}

.wip-border {
  border-width: thick;
  border-color: orange;
}

.mud-table-container {
  overflow-y: hidden;
}

.selected-menu-item {
    border-bottom: 3px solid var(--mud-palette-primary);
    font-weight: 600;
    border-radius: 0;
}

.sequence-editor-dialog-height {
    height: 50vh;
    overflow-y: auto;
}

.panel-header {
  padding: 6px 12px;
  min-height: 48px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
}

.sequence-editor-dialog-content {
  height: calc(50vh + 3.125rem);
  overflow-y: auto;
}

.template-search-container {
  height: 3.125rem;
  border: 1px solid transparent;
}

.variables-alert-container {
  height: 3.125rem;
  display: flex;
  align-items: center;
}

.location-tree-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  width: 100%;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

.position-relative {
  position: relative;
}

table th:nth-child(1) {
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 4px 0px 0px 4px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 4px 0px 0px 4px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 4px 0px 0px 4px;
    border-left: 1px solid var(--mud-palette-table-lines);
}

table th:nth-last-child(1) {
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 0px 4px 4px 0px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 0px 4px 4px 0px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 0px 4px 4px 0px;
    border-right: 1px solid var(--mud-palette-table-lines);
}

table th {
    background-color: var(--mud-palette-background);
    border-top: 1px solid var(--mud-palette-table-lines);
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.mud-expand-panel-success {
    background-color: var(--mud-palette-success-hover);
    color: var(--mud-palette-success-darken);
}

.mud-expand-panel-info {
    color: var(--mud-palette-info-darken);
    background-color: var(--mud-palette-info-hover);
}

.mud-expand-panel-error {
    color: var(--mud-palette-error-darken);
    background-color: var(--mud-palette-error-hover);
}

.mud-expand-panel-warning {
    color: var(--mud-palette-warning-darken);
    background-color: var(--mud-palette-warning-hover);
}