/* Copyright 2018-2024 Epic Systems Corporation */
.grid > .row {
  max-width: auto;
  max-width: initial;
}
.grid > .row > .col,
.grid > .row > .col-1,
.grid > .row > .col-2,
.grid > .row > .col-3,
.grid > .row > .col-4,
.grid > .row > .col-5,
.grid > .row > .col-6,
.grid > .row > .col-7,
.grid > .row > .col-8,
.grid > .row > .col-9,
.grid > .row > .col-10,
.grid > .row > .col-11,
.grid > .row > .col-12 {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  font-size: 1rem;
  margin-right: 12px;
  word-wrap: break-word;
  margin-left: 0;
  margin-bottom: 12px;
}
.Visits .sevendaysvisits .grid > .row > .col,
.Visits .sevendaysvisits .grid > .row > .col-1,
.Visits .sevendaysvisits .grid > .row > .col-2,
.Visits .sevendaysvisits .grid > .row > .col-3,
.Visits .sevendaysvisits .grid > .row > .col-4,
.Visits .sevendaysvisits .grid > .row > .col-5,
.Visits .sevendaysvisits .grid > .row > .col-6,
.Visits .sevendaysvisits .grid > .row > .col-7,
.Visits .sevendaysvisits .grid > .row > .col-8,
.Visits .sevendaysvisits .grid > .row > .col-9,
.Visits .sevendaysvisits .grid > .row > .col-10,
.Visits .sevendaysvisits .grid > .row > .col-11,
.Visits .sevendaysvisits .grid > .row > .col-12 {
  word-wrap: initial;
}
.grid > .row > .col-1 {
  width: calc(8.3333333333% - 12px);
}
.grid > .row > .col-2 {
  width: calc(16.6666666667% - 12px);
}
.grid > .row > .col-3 {
  width: calc(25% - 12.01px);
}
.grid > .row > .col-4 {
  width: calc(33.3333333333% - 12px);
}
.grid > .row > .col-5 {
  width: calc(41.6666666667% - 12px);
}
.grid > .row > .col-6 {
  width: calc(50% - 12.01px);
}
.grid > .row > .col-7 {
  width: calc(58.3333333333% - 12px);
}
.grid > .row > .col-8 {
  width: calc(66.6666666667% - 12px);
}
.grid > .row > .col-9 {
  width: calc(75% - 12px);
}
.grid > .row > .col-10 {
  width: calc(83.3333333333% - 12px);
}
.grid > .row > .col-11 {
  width: calc(91.6666666667% - 12px);
}
.grid > .row > .col-12 {
  width: calc(100% - 12px);
}

@media only screen and (max-width: 768px) {
  .grid > .row:not(.fixed) > [class*=col],
  .grid.insulated > .row:not(.fixed) > [class*=col],
  .grid.compact > .row:not(.fixed) > [class*=col] {
    width: 100% !important;
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 1300px) {
  .md-hide {
    display: none;
  }
}
.soonvisits .date {
  width: 100%;
}

.TestResults .ColumnHeader.grid {
  margin-bottom: 0;
}
.TestResults .ColumnHeader.grid .grid {
  margin-top: 12px;
  margin-bottom: 6px;
}

.TestResultsList .SingleResult [class*=Wrapper] {
  margin-bottom: 0;
}

.isPrelogin #footer .grid {
  margin: 0px;
}
.isPrelogin #footer .links {
  vertical-align: bottom;
}

.externalheader .contactinfo.row {
  margin-bottom: 6px;
}

@media only screen and (min-width: 769px) {
  .soonvisits .date {
    min-width: 50px;
    margin-left: -12px;
  }
  .md_labdetail .components .sm-only,
  .md_testresults_details .components .sm-only {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .title,
  h1 {
    line-height: normal;
  }
  .header.large {
    line-height: normal;
  }
  .menudetailstable .leftcolumn {
    display: none;
  }
  .dataselect label ~ :not(label) {
    float: left;
  }
  .dataselect span.inlineinput {
    clear: both;
    width: 15vw;
    padding-top: 6px;
  }
  .dataselect [id*=_recentvalue] + .inlineinput {
    clear: none;
    width: auto;
  }
  .dataselect #apply {
    clear: both;
  }
  #tbl-container {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .Visits .filters {
    flex-direction: column;
    row-gap: 0.5rem;
  }
  .Visits .filters > *, .Visits .filters.extendedBar > * {
    margin: 0;
  }
  .Visits .filters .legacyLabelledField {
    width: inherit;
  }
  .Visits .filters .legacyLabelledField select {
    min-width: inherit;
    max-width: inherit;
    width: inherit;
  }
  .Visits .filters .filterAction {
    width: inherit;
  }
  .Visits .filters .filterAction button {
    margin: auto;
    width: inherit;
  }
  .Visits .filters .dropdown {
    position: static;
    width: inherit;
  }
  .Visits .filters .dropdown button {
    width: inherit;
  }
  .Visits .filters .dropdown-content {
    position: relative;
    overflow-x: scroll;
    min-width: 0;
  }
  .Visits .filters .dropdown-content .filterOptionsButtons {
    flex-direction: column;
  }
  .Visits .filters .dropdown-content .filterOptionsButtons button {
    width: calc(100% - 1rem);
    margin: 0.5rem auto;
  }
  .Visits .filters .loadingFilterProgressBar {
    margin: auto;
  }
  .Visits .truncate {
    max-width: 90vw !important;
    word-break: break-word;
  }
  .Visits .smallcard .card {
    container-name: smallcardvisit;
    container-type: inline-size;
  }
  .BeforeTestResultsList .FilterWrapper,
  .BeforeTestResultsList .ToggleWrapper {
    padding-left: 0;
  }
  .BeforeTestResultsList .ToggleWrapper > * {
    display: inline-block;
  }
  .BeforeTestResultsList .ToggleInpatient {
    margin: 0 1rem 0.65rem 0.5rem;
  }
  .TestResultsList .SingleResult.Header {
    max-height: none;
    height: auto;
    width: 100%;
  }
  .TestResultsList .SingleResult [class*=Wrapper] {
    margin: 0 12px;
  }
  .TestResultsList .SingleResult .ResultType,
  .TestResultsList .SingleResult .orgicon {
    min-width: 32px;
  }
  .TestResultsList .SingleResult .ResultType {
    margin-top: 12px;
    padding-top: 0;
  }
  .TestResultsList .SenderName .hidden {
    display: inline;
  }
  .TestResultsList .SingleResult .CommentIcon {
    width: 17px;
    height: 17px;
    position: relative;
    top: -1px;
    vertical-align: middle;
  }
  .TestResultsList .SingleResult .orgicon {
    margin: -24px 0 0 10px;
  }
  .homepage .ToDoEvents .multiMonthCalendar.component {
    display: none;
  }
  .homepage .ToDoEvents .ToDolist.component {
    width: 100%;
  }
  .MessageList .SingleMessage.collapsed, .MessageList .SingleMessage.collapsed .head {
    height: 7rem !important;
  }
  .MessageList .SingleMessage.expanded .head {
    height: auto !important;
  }
  .MessageSummary {
    padding-left: 46px;
  }
  ul.MessageList li .actionButtons {
    right: 0px;
    position: static;
  }
}
@media only screen and (max-width: 1300px) {
  .title,
  h1 {
    line-height: normal;
  }
  .header.large {
    line-height: normal;
  }
  .homepage .Alerts,
  .homepage .ToDoEvents,
  .homepage .news {
    height: auto !important;
    min-height: 0px;
  }
  .menudetailstable .leftcolumn {
    display: none;
  }
  .externalheader .contactinfo.nocontact .address {
    left: 0;
    width: 100%;
  }
  .SingleMessage.expanded {
    height: auto !important;
  }
}
@container smallcardvisit (width < 300px) {
  .Visits .smallcard .card .mainDetails {
    flex-direction: column;
  }
  .Visits .smallcard .card .mainDetails .info {
    padding-right: 0;
  }
}