html, body {
  height: 100%;
}

a {
  color: #484848;
  cursor: pointer;
}
a.alert {
  color: var(--link-color);
  font-weight: bold;
  text-decoration: underline !important;
}

*:focus {
  outline: none;
}

/*search-page {
    .hero {
        visibility: collapse;
    }
}*/
.banner {
  justify-content: center;
  display: flex;
  background-color: var(--mud-palette-warning-lighten);
}

content-page {
  grid-area: 2/2/3/3;
  /*grid-area: main;*/
  /*background-color: yellow;*/
}

.landing-content {
  grid-area: landing-content;
}

.content-padding {
  padding-top: 30px;
  padding-bottom: 50px;
}

.narrow-content {
  max-width: 600px;
  margin: auto;
}

/*.header-content {
    grid-area: 1/2/2/2;
    z-index: 1;
    align-self: center;
    display: flex;*/
/*flex-direction: column;*/
/*background-color: orange;*/
/*.brand-icon {
        display: flex;
        align-items: center;
        margin-bottom: 2px;
    }

    .brand-label {
        display: flex;
        align-items: center;
        margin-left: 12px;
        font-size: 25px;*/
/*align-content: center;*/
/*}
}*/
.uppercase {
  text-transform: uppercase;
}

.mud-button {
  text-transform: none;
}

.icon-and-text {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.icon-and-text .mud-icon-root {
  margin-right: 11px;
}

/*.panel {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    display: flex;
    flex-flow: column;

    .panel-header {
        background-color: whitesmoke;
        border-radius: 5px 5px 0px 0px;
        padding: 13px 20px 13px 23px;
        border-bottom: 1px solid #dcdcdc;
        font-weight: bold;
        font-size: 17px;
    }

    .panel-content {
        padding: 18px 25px 18px 23px;
    }

    .panel-content-no-padding {
        padding: 0px 0px 0px 0px;
    }

    .panel-footer {
    }
}*/
table td.shrink {
  white-space: nowrap;
  padding-right: 10px;
}
table td.expand {
  width: 99%;
}

.table-edit {
  line-height: 32px;
}
.table-edit td:first-child {
  padding-right: 15px;
}
.table-edit span {
  line-height: normal;
}

.table-bordered {
  border-collapse: collapse;
}
.table-bordered th {
  font-weight: bold;
  text-align: left;
}
.table-bordered td, .table-bordered th {
  border: 1px solid #dcdcdc;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.table-dashed-border td, .table-dashed-border th {
  border-style: dashed;
}

#map {
  height: 400px;
  border-radius: 8px;
}
#map .leaflet-attribution-flag {
  display: none !important;
}

.mud-tab-slider {
  height: 4px !important;
}

.mud-tab {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.bold {
  font-weight: 500;
}

.fs-110 {
  font-size: 110%;
}

.fs-120 {
  font-size: 120%;
}

.loader {
  display: flex;
  height: 50vh;
  align-items: center;
  justify-content: center;
}

#tableQShifts > tbody > tr:first-child {
  font-weight: bold;
  border-bottom: thin solid;
}
#tableQShifts > tbody > tr > td:first-child {
  font-weight: bold;
}
#tableQShifts td {
  padding-left: 0px;
  padding-right: 12px;
  vertical-align: text-top;
}

.no-wrap {
  white-space: nowrap;
}

.vertical-align-top {
  vertical-align: top;
}

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

.mud-breadcrumbs {
  padding-left: 0px;
}

.mud-breadcrumb-item > a {
  color: var(--mud-palette-primary);
  font-size: 1rem !important;
}

.tv-layout ~ .cc-isolation-container {
  display: none;
}

.fit-height {
  height: fit-content;
}

.text-soft {
  color: silver;
}

.price-list .comment {
  font-size: 90%;
}

.account-membership-active {
  color: var(--mud-palette-primary);
  font-size: 85%;
}

::deep .mud-alert.ds-alert-icon-center .mud-alert-icon {
  align-self: center;
}