.sqc-center-text {
  text-align: center !important;
}

.sqc-nav-child {
  padding-left: 10px !important;
}

.sqc-nav-child {
  padding-left: 10px !important;
}


:root {
  --header-height: 80px;
  --stoplight-critical: #ff0000;
  --stoplight-error: #ffa500;
  --stoplight-warning: #ffff00;
  --stoplight-info: #f5f5f5;
}

#sqc-app-bar > .mud-toolbar-appbar .app-bar-component {
  background-color: var(--mud-palette-appbar-background);
  padding: 2px;
}

/* MudBlazor error popup overrides */
#blazor-error-ui {
  color: white;
  background: #d11b1b;
  width: 75%;
  margin: auto;
  position: sticky;
}

html,
body,
#app {
  height: 100%;
  margin: 0;
}

.sqc-layout-container {
  display: contents;
}

.sqc-body-container {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.sqc-main-content {
  flex: 1 1 auto;
}

.sqc-dialog-actions-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.sqc-dialog-actions-buttons {
  display: flex;
  flex: 1 1 auto;
  justify-content: end;
  width: max-content;
  height: fit-content;
  align-self: end;
}

.sqc-dialog-actions-buttons .mud-button {
  min-width: fit-content;
}

.sqc-dialog-actions-buttons>.mud-button:not(:first-child) {
  margin-left: 8px;
  margin-inline-start: 8px;
  margin-inline-end: unset;
}

.sqc-dialog-actions-error
{
  display: flex;
  max-width: 75%;
  align-self: center;
}

/**
MudBlazor overrides
**/
.mud-drawer:not(.mud-drawer-fixed) {
  position: fixed;
}

.mud-drawer.mud-drawer-mini {
  height: calc(100% - var(--header-height))
}

div.mud-main-content.left-drawer-closed {
  margin-left: 56px;
}

div.mud-main-content.left-drawer-open {
  margin-left: 256px;
}

.mud-button {
  min-height: 32px;
}

.mud-button-label {
  text-transform: capitalize !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1407px !important;
  text-align: initial;
}

.mud-button-root>.mud-button-label>* {
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1407px !important;
}

.mud-button-root>.mud-button-label:first-child {
  text-transform: capitalize !important;
}

.mud-button-root>.mud-button-label:nth-child(n + 1) {
  text-transform: none !important;
}

.mud-input-root>.mud-input-label {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.mud-input-label {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom.mud-drawer--closed {
  bottom: -68px !important;
}

@media (max-width: 1280px) {
  button {
    white-space: nowrap;
  }

  a[type="button"] {
    white-space: nowrap;
  }

  button > span.mud-button-label > span.mud-button-icon-start {
    display: none;
  }

  button > span.mud-button-label > span.mud-button-icon-end {
    display: none;
  }
}

/* These .view-only-input overrides because the MudBlazor ReadOnly property still allows interacting with the input */
/* although the text can't change, it's a confusing experience */
.view-only-input .mud-input.mud-disabled {
  color: var(--mud-palette-text-secondary) !important;
}

.view-only-input label {
  color: var(--mud-palette-text-primary) !important;
}

.well-info-run-select {
  display: inline-flex;
  width: 10em;
  max-height: 28px;
  padding-right: 1.5em;
}

.well-info-run-select .mud-select {
  min-width: 100%;
  padding-left: .5em;
}

.definitive-run-select {
  display: inline-flex;
  max-height: 28px;
  padding-left: .5em;
  min-width: fit-content;
}

.definitive-run-select .mud-select {
  padding-left: .5em;
}

.definitive-corrections-buttons-container {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    gap: 18px;
}

/* Reduce start and end button padding so icons appear together*/
.quick-select-menu .mud-button-icon-start {
  margin-right: unset;
  margin-inline-end: unset;
}

.quick-select-menu .mud-button-icon-end {
  margin-left: unset;
  margin-inline-start: unset;
}

.quick-select-popover {
  margin-top: 3em;
}

.header-toolbar,
.header-toolbar.mud-appbar .mud-toolbar-appbar {
  height: var(--header-height);
}

.header-toolbar .logo-image {
  position: relative;
  top: 3px;
  padding: 0 15px;
}

.header-toolbar .bar-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.selected-well-info-bar {
  display: inline-flex;
  align-items: baseline;
  width: 100%;
}

.selected-well-actions-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0 10px;
    min-width: 170px;
}

@media (max-width: 960px) {
    .selected-well-actions-wrapper {
        flex-direction: row;
        min-width: unset;
    }
}

.selected-well-actions-wrapper .mud-button {
    height: 20px;
    min-height: unset;
}

.header-toolbar .tooltip-wrapper .mud-tooltip-root.mud-tooltip-inline {
    max-width: 100%;
}

.header-toolbar .header-text {
  padding: 0 7px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  top: 3px;
  position: relative;
  font-weight: 600;
}

.header-toolbar .header-text,
.header-toolbar .header-text p {
  font-size: 16px;
}

.header-toolbar .switch-button {
  padding-bottom: 2px;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

@media (max-width: 1401px) {
  .header-toolbar .bar-wrapper {
    max-width: 56%;
  }

  .header-toolbar .tooltip-wrapper {
    min-width: 120px;
  }

  .header-toolbar .header-text,
  .header-toolbar .header-text p {
    font-size: 14px;
  }

  .header-toolbar .switch-button {
    font-size: 12px;
  }
}

.guidance-toolbar-input {
  max-width: 14rem;
  margin-left: 1em;
}

.mud-main-content {
  padding-top: var(--header-height);
}

.login-body-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: fit-content;
  justify-content: center;
  padding-top: 2em;
}

.login-body-container .mud-card-actions>.mud-error-text {
  max-width: 75%;
}

.nav-image-wrapper {
  text-align: center;
  width: 100%;
}

aside.side-nav {
  top: 80px;
  height: calc(100%);
}

.witsml-drawer {
  bottom: 0;
  width: 100%;
  position: sticky;
  flex: unset;
}

.witsml-drawer-closed.mud-expand-panel {
  flex: unset;
}

.witsml-drawer .mud-expand-panel-content {
  padding: unset;
}

.witsml-drawer-closer {
  margin: 0 auto;
  padding: unset;
  height: 1.5vh;
}

.witsml-drawer-content-container {
  width: 100%;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  /* prevent scrolling in the drawer */
}

.witsml-drawer-title {
  width: 100px;
  padding: 0 75px;
}

.witsml-drawer-table {
  width: 85%;
  margin: 10px auto 0 auto;
}

.witsml-drawer-table th {
  text-align: center;
  font-size: 0.7rem;
  line-height: 0.1 !important;
  /* prevent override by .mud-table-head class*/
  font-weight: bold !important;
  /* prevent override by .mud-table-head class*/
}

.witsml-drawer-table td {
  text-align: center;
  line-height: 0.1;
  font-size: 0.7rem;
  padding: 0 24px 0 16px !important;
}

/* Time and Status columns */
.witsml-drawer-table p {
  text-align: center;
  font-size: 0.7rem;
  padding: 0 24px 0 16px !important;
}

.witsml-drawer-closed .witsml-drawer {
  height: 40px !important;
}

.witsml-drawer-closed .witsml-drawer-content-container {
  display: none;
}

.raw-data-table.mud-table-dense * .mud-table-row .mud-table-cell {
  padding: 6px 8px 6px 8px;
  padding-inline-start: 8px;
  padding-inline-end: 8px;
}

.raw-data-table td .mud-button-group-root .mud-button-root.mud-icon-button {
  padding-left: 3px;
  padding-right: 3px;
}

.raw-data-table td .mud-button-group-root .mud-button-root.mud-icon-button .mud-icon-root {
  font-size: 20px;
}

.raw-data-table th,
.raw-data-table td {
  text-align: center;
}

/* Remove the border/stripe from the header before the CopyToClipboard button */
.raw-data-table thead>tr>th {
  border: none;
}

/* Override the MudBlazor edit button column */
.raw-data-table [data-label=" "] {
  border-right: none !important;
  padding-right: 0 !important;
}

.raw-data-table [data-label=" "] button:nth-child(1) {
  margin-left: 4px !important;
}

.raw-data-table table {
  table-layout: fixed;
}

/* Overridding the MudBlazor sticky-header property on the second header so that the top matches the bottom of the first header */
/* This value MUST match the value defined on the <MudTHeadRow> of the top/first header */
/* A bunch of :not to get all the children of the "Select All" checkbox */
.definitive-surveys-table.mud-table-sticky-header * .mud-table-root .mud-table-head .mud-table-row:last-child *:not(button, span, .mud-input-control, .mud-input-control-input-container, .mud-checkbox, input) {
    top: 40px;
}

.action-column {
  width: 3%;
}

.multi-action-column {
  display: inline-flex;
  align-items: center;
}

.edit-column {
  border-right: none !important;
  width: 3%;
}

.edit-column-end {
  border-left: none !important;
  width: 3%;
}

.mini-column {
  width: 3%;
}

.small-column {
  width: 5%;
}

.medium-column {
  width: 7%;
}

.large-column {
  width: 10%;
}

.extra-large-column {
  width: 20%;
}

.force-column {
  width: 10%;
}

.date-column {
  width: 7%;
}

.wide-column {
  width: 10%;
}

.run-column {
    width: 4%;
}

.raw-data-table .ellipse-text div {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.table-title-header th {
  font-size: large !important;
  font-weight: bold !important;
}

.dashboard-zone {
  min-height: 35vh;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12)
}

.dashboard-zone.edit {
  cursor: grab;
}

/* Disable the default "grab" cursor from MudBlazor */
.mud-drop-item:not(.mud-drop-item-preview-start) {
  cursor: inherit;
}

.fdir-dashboard-item {
  min-height: 500px;
  min-width: 0;
  max-width: 100%;
}

.fdir-dashboard-residual-charts-container {
  justify-self: center;
  align-items: center;
  width: 100%;
}

@media(max-width: 1280px) {
  .fdir-dashboard-well-data.right {
    align-self: end;
  }
}

.chart-loading {
  padding: 20px 0;
  margin: 0 auto;
  width: fit-content;
}

.chart-error {
    padding: 16px !important;
    margin: 0 20px !important;
    border: solid var(--mud-palette-primary) 2px !important;
    max-height: 75px;
    align-content: center;
}

.chart-error svg {
  vertical-align: middle;
}

.out-of-spec {
  color: #ffffff;
  background-color: #d11b1b;
}

.in-spec {
  color: #ffffff;
  background-color: #419741;
}

.possibly-out-spec {
  color: #000000;
  background-color: #ffe54b;
}

.probably-out-spec {
  color: #000000;
  background-color: #d1690e;
}

.green-back {
  background-color: #419741;
}

.blue-back {
  background-color: #3a7ce5;
}

.create-well-switch-item {
  display: flex;
  justify-content: center;
}

.create-well-switches {
  display: flex;
  flex-direction: column;
}

.create-well-settings-switch .mud-switch {
  display: flex;
  flex-direction: column !important;
}

.create-well-settings-switch .mud-switch p {
  text-align: center;
}

.label-with-input {
  display: flex;
  align-items: baseline;
  max-width: 175px;
}

.label-with-input .mud-input-control {
  max-width: 25%;
  padding-left: 1em;
}

.downloads-container {
  height: 75vh;
}

.download-section {
  position: relative;
  margin: 10% 0;
}

.edr-form-file-name {
  padding: 15px;
}

.edr-inputs-container {
  padding: 0 15px;
  width: 250px;
  align-items: center;
  gap: 16px;
}

.edr-form-run-button {
  width: 150px;
  margin: auto;
}

.chart,
.gauge {
  min-height: unset !important;
}

.gauge.dashboard {
  height: 15vh !important;
  width: 20vw;
  margin-right: 50px;
}

.guidance-dashboard-area.top-row {
  height: 45vh;
}

.guidance-dashboard-area.bottom-row {
  height: 42vh;
}

.guidance-chart-wrapper {
  position: relative;
  overflow: hidden;
}

.guidance-chart-overlay {
  z-index: 99;
  position: absolute;
  top: 3vh;
  left: 15%;
  background-color: var(--mud-palette-background);
  padding: 5px;
  opacity: 0.6;
  user-select: none;
}

.guidance-slide-progress {
  width: 75% !important;
  margin: .5em auto;
}

.yield-indicator-alert {
  width: 100%;
  padding: 0 !important;
}

.yield-indicator-alert .mud-alert-message {
  padding: 0 !important;
}

.yield-indicator-alert.effective-yield {
  border: 0.25em ridge var(--mud-palette-success-darken);
}

.yield-indicator-alert.effective-yield-error {
  border: 0.25em ridge var(--mud-palette-error-darken);
}

.guidance-plan-information {
  padding-top: 6px;
  overflow-y: scroll;
}

.chart.dashboard {
  max-height: 32vh;
}

.chart.full-page {
  max-height: 67vh;
}

.full-page-nav-btn {
  position: absolute;
  right: 10px;
  top: 5px;
}

.editing.full-page-nav-btn {
  top: 53px;
}

.guidance-dashboard-table th {
  text-align: center;
  line-height: unset !important;
}

.guidance-dashboard-table td {
  text-align: center !important;
}

.guidance-dashboard-table.slide-table {
  padding: 0 5%;
}

.guidance-dashboard-table.slide-table div {
  margin: 0 auto;
}

.guidance-dashboard-table.slide-table .mud-table-pagination-toolbar {
  height: 3vh;
  min-height: unset;
}

.guidance-dashboard-table.slide-table .mud-table-pagination-actions .mud-icon-button {
  padding: 0 !important;
  font-size: unset !important;
}

.guidance-dashboard-table.target-table {
  padding: 0 5%;
}

/* Override the MudBlazor edit button column */
.guidance-dashboard-table.target-table [data-label=" "] {
  border-right: none !important;
  padding-right: 0 !important;
}

.guidance-dashboard-table.target-table .mud-table-pagination-toolbar {
  height: 3vh;
  min-height: unset;
}

.guidance-dashboard-table.target-table .mud-table-pagination-actions .mud-icon-button {
  padding: 0 !important;
  font-size: unset !important;
}

.guidance-gauge-container {
  display: flex;
  justify-content: space-around;
}

.guidance-survey-ptb-indicator {
    font-size: 0.75em;
    text-transform: capitalize;
    writing-mode: sideways-lr;
    position: absolute;
    left: -35px;
    color: var(--mud-palette-warning);
}

/* Big screens */
@media (min-width: 1800px) {
  .grav-toggle-container {
    padding: 0 8px;
  }

  .guidance-dashboard-table th {
    padding: 4px 10px 0 10px !important;
    font-size: 0.9rem;
  }

  .guidance-dashboard-table td {
    padding: 5px 10px 0 10px !important;
    font-size: 0.9rem !important;
  }

  .guidance-dashboard-table.target-table th {
    padding: 4px 10px !important;
    font-size: 1rem;
  }

  .guidance-dashboard-table.target-table td {
    padding: 5px 10px !important;
    font-size: 1rem !important;
  }

  .yield-indicator-alert .mud-alert-message {
    font-size: 0.9rem !important;
  }
}

/* Laptop-sized screens */
@media (max-width: 1799px) {
  .grav-toggle-container {
    padding: 0 2px;
  }

  .grav-toggle-container .mud-button {
    padding: 0;
  }

  .grav-toggle-container .mud-button-label {
    /* Wide enough to prevent wrapping lines */
    width: 8em;
  }

  .planaz-input-container {
    padding: 0 2px;
  }

  .guidance-plan-information p {
    font-size: 0.8rem;
  }

  .guidance-dashboard-table th {
    padding: 2px 5px 0 5px !important;
    font-size: 0.7rem;
  }

  .guidance-dashboard-table td {
    padding: 2px 5px 0 5px !important;
    font-size: 0.7rem !important;
  }

  .guidance-dashboard-table.slide-table {
    padding: 0;
  }

  .guidance-dashboard-table.target-table th {
    padding: 2px 5px !important;
    font-size: 0.9rem;
  }

  .guidance-dashboard-table.target-table td {
    padding: 2px 5px !important;
    font-size: 0.9rem !important;
  }

  .guidance-dashboard-table.target-table {
    padding: 0;
  }

  .yield-indicator-alert .mud-alert-message {
    font-size: 0.7rem !important;
  }

  .guidance-survey-ptb-indicator {
    left: -20px;
  }
}

@media (max-width: 960px) {
  .guidance-dashboard-area.top-row {
    height: unset;
  }

  .guidance-dashboard-area.bottom-row {
    height: unset;
  }
}



.update-def-table .update-def-header {
  border-left: 1px solid #bebebe;
  border-right: 1px solid #bebebe;
  border-top: 1px solid #bebebe;
}

.table-header-with-copy {
  display: inline-flex;
}

.copy-table-btn {
  margin: 0 0.5em;
}

.copy-table-btn .mud-icon-button {
  padding: 0;
}

.witsml-page {
  padding-top: 10px;
}

.witsml-edr-lookup {
  padding: 10px;
}

.witsml-functions-title {
  padding-bottom: 10px;
  font-weight: bold;
}

.witsml-well-functions {
  padding: 10px 0;
}

.witsml-report-error {
  text-align: center;
  position: relative;
  top: 50%;
}

.witsml-report-table {
  margin-top: 10px;
  height: 65vh;
  overflow-x: auto;
}

.witsml-report-table th {
  background: var(--mud-palette-background);
  position: sticky;
  top: 0;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

.witsml-mnemonics-container .mud-grid-item {
  display: flex;
  justify-content: center;
}

.witsml-mnemonics-container .input-with-label {
  display: flex;
  align-items: baseline;
  gap: 1em;
}

.input-with-label .mud-input-control-input-container {
  width: 75%;
}

.input-with-label .mud-typography {
  font-weight: bold;
}

.mud-primary-text {
  color: var(--mud-palette-text-primary) !important;
}

.mud-secondary-text {
  color: var(--mud-palette-text-secondary) !important;
}

.calc-kop-inputs {
  max-width: 50%;
  margin: auto;
  align-items: baseline;
}

.calc-kop-suggested {
  padding-top: 10%;
}

.company-inherited-assign-item {
    background: repeating-linear-gradient(-55deg, var(--mud-palette-surface), 
    var(--mud-palette-surface) 10px, 
    var(--mud-palette-background) 10px, 
    var(--mud-palette-background) 20px);
}

.guidance-contacts-dialog {
  min-width: 25%;
}

.pad-rig-select {
  margin: 0 auto;
  min-width: 50%;
  display: inline-flex;
  align-items: baseline;
}

.pad-rig-select .mud-select {
  max-width: 75%;
  margin: 0 .5em;
}

.pad-management-container {
  overflow-y: scroll;
  overflow-x: hidden;
  /* 90 to give room for the well selection area. -70 for the app toolbar header */
  height: calc(90vh - 70px);
}

.pad-management-area {
  padding: 16px;
  margin: 16px 0;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background-color: var(--mud-palette-background-gray);
  overflow-y: scroll;
}

.pad-management-well-name {
  overflow: hidden;
  text-overflow: ellipsis;
}

.pad-management-lock-header .mud-expand-panel-text {
  width: 100%
}

.locked-pad-area {
  border-width: 2px;
  border-style: solid;
  overflow-y: scroll;
}

.pad-well-item {
  padding: 16px;
  margin: 16px 0;
  border-radius: 8px !important;
}

.pad-well-item.inactive {
  background: repeating-linear-gradient(-55deg,
      var(--mud-palette-surface),
      var(--mud-palette-surface) 10px,
      var(--mud-palette-background) 10px,
      var(--mud-palette-background) 20px);
}

.pad-well-item.highlighted{
    border: 1px solid yellow;
}

.pad-title-stack {
    justify-content: space-between;
}

.pad-created-date {
  font-size: .75em;
  display: inline;
  padding-left: 1em;
}

.pad-lat-long {
  text-align: center;
  font-size: .8em;
}

.pad-edit-menu button {
  padding: unset;
}

.predrill-goal-achieved {
  color: white;
  background-color: green;
}

.predrill-goal-not-achieved {
  color: black;
  background-color: red;
}

.predrill-compass-upload-dialog {
  min-width: 725px;
  max-width: 30%;
}

.predrill-compass-upload-container {
  display: flex;
  margin: 0 auto;
  padding: 0 10%;
}

.predrill-compass-upload-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.well-created-message-list {
  max-height: 25vh;
  overflow-y: scroll;
}

.parsed-edr-data-dialog {
  max-height: 75%;
  max-width: 100%;
}

@media (max-width: 1290px) {
  .parsed-edr-data-dialog .mud-dialog-content {
    padding: unset;
  }
}

.manage-wells-selected-row {
  background-color: var(--mud-palette-background);
}

.notification-center-menu-item {
    display: flex;
    align-items: start;
    width: 100%;
    max-width: 500px;
}

.notification-center-menu-item > MudText{
    flex-grow: 1;
}

.notification-center-menu-item > .mud-icon-button{
    margin-left: auto;
}

.notification-center-header{
    display: flex;
    align-items: center;
    width: 100%;
}

.notification-center-header-text {
    flex-grow: 1;
    padding: 0 1em;
    font-style: italic;
    font-weight: lighter;
    white-space: nowrap;
    color: gray;
}

.notification-center-header > .mud-button{
    margin-left: auto;
    flex-basis: content;
}

.full-divider-container {
  padding: 0px !important;
}

.rss-settings-dialog {
  min-width: 45%;
}

.rss-settings-container {
  padding: 10px;
  margin: 10px 0;
}

.rss-settings-select {
  width: 80%;
}

.rss-inputs-area {
  margin: 16px 0;
  padding: 5px 0 15px 0;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  border-color: var(--mud-palette-background-gray);
}

.rss-inputs-area.selected {
  border-color: var(--mud-palette-success-lighten);
}

.rss-inputs-area .mud-typography {
  padding-left: 5%;
}

.rss-inputs-area .mud-input-control {
  max-width: 75%;
}

.double-label-switch {
  display: inline-flex;
  align-items: center;
}

.wells-table-toolbar {
  align-items: center;
}

.wells-actions-group {
  padding: unset !important;
}

.wells-actions-button {
  padding: 5px !important;
}

.wells-advanced-filters .mud-expand-panel-header {
  height: 0;
  padding: 0;
  min-height: unset;
}

.wells-advanced-filters .mud-expand-panel-content {
  padding-top: 16px; /* to match the MudBlazor padding-bottom value */
}

.wells-advanced-filters .switch-filter {
  width: fit-content;
  margin: 0 auto;
}

/* :not because the date-picker applied the class to all its children as well */
.wells-advanced-filters .select-filter:not(.mud-input):not(.mud-input-adornment) {
  width: 75%;
  max-width: 75%;
  margin: 0 auto;
}

.wells-advanced-filters .flag-selector-label {
  margin: 0 auto;
  width: fit-content;
}

.wells-advanced-filters .flag-selector-slide {
  width: 50%;
  margin: 0 auto;
  display: flex;
}

.wells-filters-applied {
  width: 20%;
}

.rss-dashboard-values-container p:first-child {
  text-decoration: underline;
  font-weight: bold;
}

.rss-dashboard-values-container p:last-child {
  text-align: center;
}

.rss-output-table .column-title {
  text-align: center;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
}

.rss-output-table .data-row {
  padding-top: 1px;
  padding-bottom: 1px;
  border-bottom: none;
}

.rss-output-table tr > th, .rss-output-table tr > td {
  text-align: center !important;
}

.rss-output-table th[scope=row] {
    border-left: 2px solid var(--mud-palette-action-default);
}

.rss-output-table tr > th[scope=rowGroup],
.rss-output-table .last-downlink-row {
    border-bottom: 2px solid var(--mud-palette-action-default);
}

/* Overridding the MudBlazor sticky-header property on the second header so that the top matches the bottom of the first header */
/* This value MUST match the value defined on the <MudTHeadRow> of the top/first header */
.guidance-tracking-table.mud-table-sticky-header * .mud-table-root .mud-table-head .mud-table-row:last-child *:not(button) {
    top: 110px;
}

.guidance-tracking-table .column-title {
    text-align: center;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
}

.guidance-tracking-table .data-row {
    padding-top: 1px;
    padding-bottom: 1px;
}

.guidance-tracking-table tr > th, .guidance-tracking-table tr > td {
    text-align: center !important;
}

.guidance-tracking-table th[scope=row] {
    border-left: 2px solid var(--mud-palette-action-default);
}

.guidance-tracking-table .startGroup{
    border-left: 2px solid var(--mud-palette-action-default);
}

.guidance-tracking-table .lastColumn {
    border-left: 2px solid var(--mud-palette-action-default);
    border-right: 2px solid var(--mud-palette-action-default);
}

.guidance-tracking-table table {
    border-bottom: solid 1px var(--mud-palette-action-default);
}

.subscription-log-dialog {
  min-width: 50%;
  min-height: 50vh;
  max-height: 80vh;
}

.subscription-log-dialog .mud-dialog-content {
  height: 60vh;
}

.subscription-log-dialog .messages-filter {
  max-width: 50%;
  margin: 0 auto;
  padding-bottom: 10px;
}

.version-update-dialog {
  backdrop-filter: blur(10px);
}

.well-settings .load-data-button-container {
  display: flex;
  justify-content: space-evenly;
  width: 50%;
  margin: 0 auto;
}

.well-settings-toolbar {
    height: fit-content;
}

.well-settings-toolbar :is(button, h3){
    min-width: min-content;
}

@media (min-width: 1180px) {
    .well-settings-toolbar :is(button, h3) {
        min-width: max-content;
    }
}

.well-settings-button-container {
    display: inline-flex;
    justify-content: center;
    gap: 18px;
    width: 100%;
}

.well-settings-messages-card .mud-card-header {
    padding-bottom: unset;
}

.well-settings-messages-card .mud-card-header-content > p {
  font-weight: bold;
}

.well-settings-messages-card .mud-card-content {
  padding-top: unset;
  margin: 0 auto;
  line-height: 1.75em;
  white-space: nowrap;
}

.well-settings-card {
    width: 100%
}

.well-settings-card .mud-card-header {
  padding-bottom: unset;
}

.well-settings-card .mud-card-header-content p {
  font-weight: bold;
}

.well-settings-card .mud-card-content {
  padding-top: unset;
}

.well-settings-card :is(.mud-input-control, .multi-input-div) {
    width: 90%;
    justify-items: center;
    justify-self: center;
    max-width: 90%;
    margin: 0 auto;
}

.well-settings-card :is(.mud-select.mud-autocomplete) {
  width: 100%;
}

.well-settings-card .mud-switch {
  justify-content: space-between;
  flex-direction: row-reverse !important;
  margin: unset;
  margin-inline: unset;
}

.well-settings-card .well-settings-flags .pad {
  margin: 0 auto;
  padding-top: 1.5em;
}

.multi-input-div {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

/* Override to reset inputs to full width since outer container is 75% */
.multi-input-div :is(.mud-select, .mud-input-control, .mud-picker) {
    width: 100%;
    margin: 0 auto;
}

.multi-input-div .double-label-switch .mud-input-control {
    width: fit-content;
}

.double-label-switch .mud-input-control {
    width: unset;
} 

.well-settings-card .only-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 10%;
    padding: 12px 0;
}

.well-settings-card .only-buttons > div:first-child .mud-grid-item {
    display: flex;
    justify-content: end;
}

.well-settings-card .only-buttons > div:last-child .mud-grid-item{
    display: flex;
    justify-content: start;
}

.well-settings-card .well-settings-actions {
    /* 'borrowed' from .mud-dialog-actions */
    flex: 0 0 auto;
    display: flex;
    padding: 8px;
    align-items: center;
    justify-content: flex-end;
}

.well-settings-card .well-settings-actions.multiple {
  justify-content: space-evenly;
}

.well-settings-card .inline-inputs {
  width: 75%;
  margin: 0 auto;
  padding: 2em 0;
}

.data-item-stack {
  width: 40%;
}

.data-item-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}

.data-label {
  font-weight: bolder;
  text-align: center;
}

.data-value {
  display: flex;
  align-self: center;
  align-items: baseline;
  border: 0.1em solid var(--mud-palette-lines-default);
  width: 100%;
  justify-content: center;
}

.data-value .unit {
  padding-left: 0.2em;
  font-size: var(--mud-typography-caption-size);

  /* Copied from MudBlazor Typo.subtitle2 */
  font-family: var(--mud-typography-subtitle2-family);
  font-weight: var(--mud-typography-subtitle2-weight);
  line-height: var(--mud-typography-subtitle2-lineheight);
  letter-spacing: var(--mud-typography-subtitle2-letterspacing);
  text-transform: var(--mud-typography-subtitle2-text-transform);
}

.well-settings-waypoint-text {
  width: fit-content;
  display: flex;
  align-items: baseline;
  margin: 0 auto;
  padding-top: 2em;
}

.well-settings-waypoint-text p {
  font-size: 1em;
}

.well-settings-waypoint-text #waypoint-output {
  font-weight: bold;
  padding-left: 1em;
}

.run-settings-dialog {
  width: 50%
}

.run-settings-dialog .input-stack {
  width: 75%;
  margin: 0 auto;
}

.input-stack .mud-select,
.input-stack .mud-input-number-control {
  width: 75%;
}

.bha-settings-dialog {
  max-width: 60%;
}

.bha-settings-dialog .input-stack {
  margin: 0 auto;
  padding: 0 2em 1em;
}


.bha-settings-user-note {
  padding-top: 1em;
  font-style: italic;
  font-weight: lighter;
  width: fit-content;
  font-variant: sub;
  margin: 0 auto;
}

.calCheck-area.row {
    height: 25vh;
    max-height: 25vh;
}

.warning-shadow {
  filter: drop-shadow(
      0 0 12px var(--mud-palette-warning)
  );
}

.parse-expansion-unsaved-row {
  background-color: var(--mud-palette-success-hover);
}

.parse-expansion-user-note {
  padding: 0 2em 1em;
  font-style: italic;
  font-weight: lighter;
  width: fit-content;
}

.parse-expansion-actions-container {
  display: flex;
  justify-content: end;
  padding-top: 16px !important;
}

.paste-area-container {
  min-height: 5vh;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 75%;
  margin: 0 auto;
  border: 2px dashed;
}

.paste-unavailable-alert {
  width: fit-content;
  margin: 0 auto;
}

.template-download-list-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.template-download-list-item {
  display: inline-flex;
  justify-content: space-between;
  width: 75%;
  align-items: center;
}

/* Remove the empty cell generated by MudBlazor when doing grouping */
.rss-mnemonics-table > .mud-table-container > table > tbody > tr > td:nth-child(2) {
    display: none !important;
}

.view-only-form .mud-disabled {
  color: var(--mud-palette-text-primary);
}

.view-only-form .mud-switch.mud-disabled {
  color: var(--mud-palette-text-primary) !important;
}

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

.spread-switch .mud-switch {
  justify-content: space-between;
  flex-direction: row-reverse !important;
  margin: unset;
  margin-inline: unset;
}

.sqc-table-footer-center {
    display: inline-flex;
    justify-content: center;
    width: 100%;
}

.well-plan-preview-column {
    width: 33%;
}

.well-plan-toolbar {
    display: inline-flex;
    justify-content: space-evenly;
    width: 100%;
}

.well-plan-section-title {
    border: 2px var(--mud-palette-lines-inputs) solid;
    width: max-content;
    padding: 6px;
    align-content: center;
}

.well-plan-missing-value {
    border: 2px var(--mud-palette-error) solid;
}

.sqc-input-with-label-container {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-items: center;
}

.sqc-input-with-label-container.inline {
    flex-direction: row;
}

.sqc-input-with-label-container > .sqc-input-label {
    justify-items: center;
    width: 100%;
}

.sqc-input-with-label-container.inline > .sqc-input-label {
    width: 50%;
}

.sqc-input-with-label-container > .sqc-input-label > p {
    width: max-content;
    font-weight: bold;
}

.sqc-input-with-label-container > .sqc-input-input {
    width: 75%;
    margin: 0 auto;
}

.sqc-date-time-input-container {
  display: inline-flex;
  width: min-content;
  gap: 0 10px;
}

.sqc-date-time-input-container .mud-picker.date {
  min-width: 140px;
}

.sqc-date-time-input-container .mud-picker.time {
  min-width: 100px;
}

.predrill-error-model-container {
    display: inline-flex;
    justify-content: left;
    width: 100%;
}

.predrill-error-model-container > h6 > p {
    font-size: 1em;
}

.provider-edit-dialog {
    max-width: unset !important;
}

.provider-edit-tokens-container {
    width: 50%;
    margin: 1em auto;
    padding: 1em;
}

.provider-edit-uri-note {
    padding: 0 2em 1em;
    font-style: italic;
    font-weight: lighter;
    font-size: small;
}

.trajectory-value-display {
    display: inline-flex;
    width: 100%;
    justify-content: space-around;
    margin: 0 auto;
}

.trajectory-value-display > p {
    font-weight: bold;
    width: 80px;
    text-align: left;
}

.trajectory-value-display > div {
    width: 100px;
    text-align: right;
}

.last-ifr-source-label {
    font-size: small;
    text-align: center;
    text-decoration: underline;
}

.last-ifr-source-value {
    font-weight: bold;
    text-align: center;
}

.operator-settings-card {
    width: 100%;
    padding-top: 3px;
}

.operator-settings-card .mud-switch{
    padding-top: 4px;
}

.admin-table-toolbar {
  display: inline-flex;
  width: 100%;
  align-items: baseline;
}

.height-inherit {
  height: inherit;
}

.profile-toolbar {
    margin-bottom: 10px;
    height: 50px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.profile-select {
    margin: 0 auto;
    min-width: 60%;
    display: inline-flex;
    align-items: baseline;
}

.memory-file-parse-selection-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35%;
  min-height: 200px;
  justify-self: center;
  margin-top: 50px;
}

.memory-file-unmatched-drawer {
  top: 80px !important;
  height: calc(100% - 80px) !important;
  color: var(--mud-palette-text-primary);
}

.memory-file-unmatched-drawer.mud-drawer--open {
  width: 335px !important;
}

.memory-file-unmatched-drawer-button-container {
  position: absolute;
  z-index: 1;
  right: 50px;
}

.memory-file-unmatched-survey-row {
  background-color: var(--mud-palette-warning-hover);
  font-style: italic;
}

.memory-file-unmatched-survey-row td:not(:first-child) {
  color: var(--mud-palette-text-disabled) !important;
}

.memory-file-unmatched-survey-row.vectors td {
  background-color: var(--mud-palette-warning-hover);
  font-style: initial;
  color: inherit !important;
}

.memory-file-selected-survey-row {
  background-color: var(--mud-palette-info-lighten);
  font-weight: bold;
}

.memory-file-matched-survey-cell {
    border-bottom: none;
}

.memory-file-matched-survey-cell.first {
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.memory-file-matched-child-cell {
    font-size: small;
    background-color: var(--mud-palette-success-hover);
}

.memory-file-rt-surveys-table .ellipse-text div {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.memory-file-match-dialog-table {
    height: fit-content;
    width: 1500px;
}

.memory-file-match-dialog-table .md-column {
    text-align: center;
    width: 75px;
}

.memory-file-match-dialog-table .data-column {
    text-align: center;
    width: 175px;
}

.memory-file-match-dialog-table .selected {
    background-color: var(--mud-palette-success-hover);
}

.memory-file-match-options-row {
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 16px;
    justify-content: space-around !important;
    margin-top: 8px;
}

.memory-file-match-options-row-item {
    width: 50%;
}

/* Used to shift auto search container to align with checkboxes on the memory file match options dialog. */
.memory-file-match-options-auto-search {
    left: 14px;
    margin-right: 14px;
    position: relative;
    top: -14px;
    width: 50%;
}

.advanced-options-container {
    padding: 0px !important;
}

.advanced-options {
    margin-left: 18px !important;
}

.memory-file-match-table-note {
    flex-grow: 1;
    padding: 0 1em;
    font-style: italic;
    font-weight: lighter;
    white-space: nowrap;
    color: gray;
    text-align: center;
    flex-direction: column;
    display: inline-flex;
    width: 100%;
}

.memory-file-diff-yellow {
    color: gold !important;
    font-weight: bold;
}

.memory-file-diff-orange {
    color: darkorange !important;
    font-weight: bold;
}

.memory-file-diff-red {
    color: red !important;
    font-weight: bold;
}

.memory-file-diff-row td {
    background-color: var(--mud-palette-background-gray);
    border-bottom: 1px solid var(--mud-palette-table-lines);
    border-top: 2px solid var(--mud-palette-table-lines);
}

.stoplight-card-content {
    padding: 8px !important;
}

.stoplight-card-title-container {
    display: flex;
    flex-direction: column;
    row-gap: 2px;
    padding-bottom: .25em;
}

.stoplight-card-lights-container {
    display: inline-flex;
    justify-content: center;
}

.stoplight-card {
    cursor: pointer;

    &.clear {
        box-shadow: inset 0 0 50px var(--mud-palette-success);
    }
    
    &.warning {
        box-shadow: inset 0 0 50px var(--stoplight-warning);
    }
    
    &.error {
        box-shadow: inset 0 0 50px var(--stoplight-error);
    }
    
    &.critical {
        box-shadow: inset 0 0 50px var(--stoplight-critical);
    }
}

.stoplight-card-light {
    margin-left: 0.75em;;

    &.critical:not(.badge) {
        color: var(--stoplight-critical);
    }
    &.critical.badge {
        background-color: var(--stoplight-critical);
        color: white;
    }
    &.critical.lighted {
        filter: drop-shadow(
                0 0 12px var(--stoplight-critical)
        )
    }
    
    &.error:not(.badge) {
        color: var(--stoplight-error);
    }
    &.error.badge {
        background-color: var(--stoplight-error);
    }
    &.error.lighted {
        filter: drop-shadow(
                0 0 12px var(--stoplight-error)
        )
    }

    &.warning:not(.badge) {
        color: var(--stoplight-warning);
    }
    &.warning.badge {
        background-color: var(--stoplight-warning);
    }
    &.warning.lighted {
        filter: drop-shadow(
                0 0 12px var(--stoplight-warning)
        )
    }
    
    &.badge {
        height: 14px;
        width: 14px;
        min-width: unset !important;
        font-size: xx-small;
        top: 5px;
        right: 5px;
        color: black;
    }
}

.stoplight-card-title-name {
    overflow-x: clip;
    text-overflow: ellipsis;
    text-align: center;
    
    &.subtitle {
        font-style: italic;
    }
}

.well-issue-list {
    &.issue {
        display: inline-flex;
        width: 100%;
        align-items: center;

        .created-date {
            min-width: max-content;
        }

        .run {
            width: 8%;
            text-align: center;
        }

        .severity {
            width: 10%;
            margin: 0 5px;
        }

        .message {
            width: 52%;
        }

        .resolution {
            width: 15%;
        }

        &.critical {
            &.selected {
                border: 2px solid var(--stoplight-critical);
                border-right: unset;
            }
        }

        &.error {
            &.selected {
                border: 2px solid var(--stoplight-error);
                border-right: unset;
            }
        }
        &.warning {
            &.selected {
                border: 2px solid var(--stoplight-warning);
                border-right: unset;
            }
        }
        
        &.info {
            &.selected {
                border: 2px solid var(--stoplight-info);
                border-right: unset;
            }
        }
    }
}

.well-issue-list.severity-pill {
    width: 10%;
    margin: 0 5px;
    text-align: center;
    color: black;
    border-radius: 20px;
    font-size: small;

    &.critical {
        background-color: var(--stoplight-critical);
        color: white;
    }

    &.error {
        background-color: var(--stoplight-error);
    }
    &.warning {
        background-color: var(--stoplight-warning);
    }

    &.info {
        background-color: var(--stoplight-info);
    }
}

.well-issue-edit-card {
    height: 100%;

    .mud-card-header-content {
        display: inline-flex;

        .severity-pill {
            width: 25%;
        }
    }
}
    
.well-issue-edit-content {
    display: flex;
    flex-direction: column;
    align-items: center;

    .mud-select {
        width: 90%;
        flex-grow: 0;
    }
    
    .header {
        display: inline-flex;
        width: 100%;
        padding-bottom: 1em;
    }

    .resolution-input {
        /*margin: 0 auto;*/
    }
    .notes-input {
        width: 90%;
        height: max-content;
        padding-top: 25px;
    }
    
    .last-resolved {
        display: inline-flex;
        justify-content: space-between;
        width: 75%;
    }
}

/* Force the Plotly ModeBar (aka tool buttons) to be horizontal */
#Downhole3DChart .modebar-group {
    flex-direction: row;
    display: flex;
}

.contact-dialog-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.bottom-line-chart-container {
    height: 30vh;
    margin: 25px;
}

.bottom-line-table .last-data-cell {
    border-right: 1px solid var(--mud-palette-table-lines);
}

.bottom-line-table .bottom-row, .bottom-line-table .bottom-row > td {
    border-bottom: 3px solid var(--mud-palette-table-lines);
}

.bottom-line-table tr > th, .bottom-line-table tr > td {
    text-align: center;
}