/* Copyright 2019-2024 Epic Systems Corporation */
@media only screen and (max-width: 1300px) {
  /*#region CSS Grid Layout*/
  #content.hasSidebar {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
    grid-template-areas: "main" "sidebar" "footer";
  }
  #content.hasSidebar #sidebar {
    padding-bottom: 2rem;
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    box-shadow: none;
  }
  #content.hasSidebar #sidebar:empty {
    display: none;
  }
  #content.hasSidebar #footer {
    -ms-grid-row: 3;
    background-color: rgba(255, 255, 255, 0.75000024);
  }
  body.isPrelogin #content.hasSidebar {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
    grid-template-areas: "main" "sidebar" "footer";
  }
  body.isPrelogin #content.hasSidebar #footer {
    background: transparent url("../images/prelogin.jpg") no-repeat fixed center center/cover;
    box-shadow: inset 0px 4px 4px -2px rgba(0, 0, 0, 0.3);
  }
  body.isPrelogin #content.hasSidebar #mainFooter, body.isPrelogin #content.hasSidebar #sidebarFooter {
    background-color: rgba(255, 255, 255, 0.75000024);
  }
  body.isPrelogin #content.hasSidebar #mainFooter {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
  body.isPrelogin #content.hasSidebar #sidebarFooter {
    box-shadow: none;
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }
  body.isPrelogin #content.hasSidebar #sidebar {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    box-shadow: none;
  }
  body.isPrelogin #content.hasSidebar #footer {
    grid-template-areas: "mainFooter" "sidebarFooter";
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
    -ms-grid-column-span: 1;
  }
  /*#endregion*/
  body,
  body #wrap,
  #content,
  .isInside #content,
  #footer,
  .isInside #footer,
  #main,
  #sidebar,
  #content.hasSidebar,
  #header:not(:empty),
  .fitme,
  .fitme.width {
    min-width: auto;
    min-width: initial;
    width: 100%;
  }
  #header:not(:empty) + #content #sidebar, #header.compact:not(:empty) + #content #sidebar,
  #header:not(:empty) + #toastWrapper + #content #sidebar,
  #header.compact:not(:empty) + #toastWrapper + #content #sidebar {
    padding-top: 2em;
  }
  #sidebar {
    padding-top: 2rem;
    min-height: 0px !important;
    max-width: initial;
    position: relative;
    top: 0px;
    left: 0px;
  }
  #sidebar > * {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  #sidebar:before {
    box-shadow: none;
  }
  .datatile #sidebar:before {
    border: none;
    height: auto;
  }
  #sidebar .assistiveicon[src*="print.png"] {
    display: none;
  }
  #main {
    margin-right: 0px;
    max-width: 100vw;
  }
}
@media only screen and (max-width: 1300px) {
  .isPrelogin #content {
    overflow: visible;
  }
  .isPrelogin .logo {
    margin-bottom: 0;
  }
  .isPrelogin #main {
    padding-bottom: 0.5rem;
  }
  .isPrelogin #sidebar:not(:empty) {
    padding-top: 0.5rem;
    display: block;
  }
  .isPrelogin #sidebar:empty {
    display: none;
  }
  .signup,
  .recovery,
  .login,
  .loginAlerts {
    max-width: 24rem;
    margin-left: auto;
    margin-right: auto;
  }
  .loginAlerts {
    margin-top: 1rem;
    min-height: 0px;
    min-height: initial;
  }
  .downTimeAlert {
    margin-top: 1rem;
    min-height: 0px;
  }
  .downTimeAlert + .loginAlerts {
    min-height: 0px;
  }
  .isPrelogin #locale_container {
    top: 0;
  }
  #locale_container.midlogin {
    position: relative;
  }
  .navigation.backarrow {
    position: relative;
    left: 1rem;
    top: 0;
    max-width: 50%;
  }
  .navigation.backarrow:not(:first-child) {
    top: -1.25rem;
  }
  #main .title {
    margin-bottom: 0.5rem;
    height: auto;
  }
  #main .title.hasPrint, #main .title.hasHelp {
    display: flex;
  }
  #main .title.hasPrint.hasLinks, #main .title.hasHelp.hasLinks {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #main .title .headerlink {
    display: inline-block;
    position: static;
    width: 100%;
    margin: 1rem 0px;
  }
  #main .title .headerlink .button {
    display: inline-block;
  }
  #main .title h1 {
    white-space: normal;
    width: 100%;
    padding-right: 0.5rem;
  }
  #main .title.hasPrint h1, #main .title.hasHelp h1 {
    max-width: calc(100% - 2rem);
    overflow-wrap: break-word;
  }
  #main .title.hasLinks.hasPrint.hasHelp h1 {
    max-width: calc(100% - 4rem);
  }
  #main .title #assistiveicons {
    width: auto;
    padding-right: 0;
    padding-left: 0;
  }
  #main .title #assistiveicons img[src*="space.gif"] {
    display: none;
  }
  #lightbox:not(.captchaPopup),
  .component.Popup:not(.small):not(.sm-autosizedpopup),
  .component.Popup.medium:not(.sm-autosizedpopup),
  .component.Popup.large:not(.sm-autosizedpopup),
  .contentpopup.Popup.component.textlessTitle {
    width: 100vw;
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    margin: 0px !important;
    transform: none !important;
    margin-top: 0px !important;
    overflow-y: auto;
    overflow-x: auto;
    transition: none;
    border-radius: 0;
    min-width: 0;
    max-width: 100%;
    max-height: 100%;
  }
  #lightbox:not(.captchaPopup) .titlebar,
  .component.Popup:not(.small):not(.sm-autosizedpopup) .titlebar,
  .component.Popup.medium:not(.sm-autosizedpopup) .titlebar,
  .component.Popup.large:not(.sm-autosizedpopup) .titlebar,
  .contentpopup.Popup.component.textlessTitle .titlebar {
    border-radius: 0;
  }
  .childOrgPopup, .externaljumppopup, .lookupcontainer {
    height: 100%;
  }
  .childOrgPopup > .scrollable, .externaljumppopup > .scrollable, .lookupcontainer > .scrollable {
    height: 100%;
  }
  .Popup.component:not(.sm-autosizedpopup):not(.esigndocument):not(.healthadvisorymultiplehmtpopupcontainer) .content {
    max-height: none !important;
    min-height: 0 !important;
  }
  html:not(.datatile) .Popup.component:not(.externaljumppopup):not(.notificationreview):not(.esigndocument) > .scrollable > .content {
    height: calc(100% - 2.4rem);
  }
  .Popup.container.component.large.documentpopup:not(.dummyOne):not(.dummyTwo) > div.content {
    height: auto;
  }
  .datatile .component.Popup > div.content {
    height: auto;
  }
  .datatile .component.Popup.externaljumppopup[class] > div.content {
    height: calc(100% - 3.75rem);
    padding-top: 0;
  }
  .component.Popup.textlessTitle:not(.small):not(.sm-autosizedpopup) > .titlebar {
    min-height: 40px;
  }
  .Popup.component:not(.small):not(.sm-autosizedpopup) .titlebar .buttons {
    top: 6px;
    right: 6px;
  }
  .Popup .buttonDiv {
    position: static;
  }
  .filters > .search {
    margin-bottom: 8px;
    width: 100%;
    display: block;
  }
  .filters > .search > input:not([type=image]) {
    width: 100%;
  }
  .subway {
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    min-height: 7em;
    max-width: none;
    width: calc(100% + 2rem);
    margin-left: -1rem;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .subway.noScrolling {
    overflow-x: hidden;
  }
  .subway .line {
    margin-bottom: -0.333em;
    top: calc(2.25rem + 0.325em);
  }
  .subway .line .trainrail {
    margin-bottom: 0.667em;
  }
  .subway:not(.scrollable) .line:after,
  .subway:not(.scrollable) .line:before {
    content: "";
    display: inline-block;
    height: 0.333em;
    width: 4em;
  }
  .subway .showMobile {
    display: inline-block !important;
  }
  .subway .line .trainrail,
  .subway .stops .trainstop {
    padding: 0 0.3em;
    white-space: normal;
    width: 9em;
  }
  .subway .trainstop {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
  .stops .trainstop span.trainstation {
    border-radius: 0.5em;
    height: 1em;
    width: 1em;
  }
  .stops .trainstop span.description {
    vertical-align: top;
  }
  .trainstop a {
    -webkit-tap-highlight-color: transparent;
  }
  .subway .line,
  .subway .line .trainrail {
    height: 0.333em;
  }
  .evisit-embedded .subway {
    margin-left: inherit;
    width: inherit;
    overflow-x: hidden;
    min-height: inherit;
    margin: 0 0 0.4rem;
  }
  .evisit-embedded .subway .line:after,
  .evisit-embedded .subway .line:before {
    content: "";
    display: inline-block;
    width: 0em;
  }
  .evisit-embedded .subway .line .trainrail,
  .evisit-embedded .subway .stops .trainstop {
    width: 13.5%;
  }
  .ghostInput label {
    position: relative;
    z-index: 1;
  }
}
@media only screen and (max-width: 768px) {
  #main {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .quickLinks {
    height: auto !important;
  }
  .quicklinks a {
    width: calc(50% - 3px);
    margin-bottom: 1.75rem;
  }
  .tabcontainer {
    border: none;
    margin: 0;
    padding: 0;
  }
  .tabcontainer .navparent {
    padding: 0;
    margin: 0 0 24px;
    top: 0;
  }
  .tabcontainer .navchild {
    display: flex;
    flex-wrap: wrap;
  }
  .tabcontainer .navparent.singleRow .navchild {
    flex-wrap: nowrap;
  }
  .membertab {
    max-width: 50%;
    flex-grow: 2;
    font-size: 1rem;
    text-align: center;
    border-color: #cccccc;
    border-left-color: transparent;
  }
  .membertab > a {
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }
  .tabcontainer .navparent:not(.singleRow) .membertab:last-of-type {
    flex-grow: 0;
  }
  .section canvas.graphCanvas {
    max-width: none !important;
    margin-left: 0 !important;
    left: 0 !important;
  }
  :not(html.mobile):not(html.respquestionnaire) > body #calendar {
    left: max(50vw - 10rem, 0px) !important;
    overflow: auto;
    max-height: 100%;
  }
  .iOSSafariTabbarFixer {
    padding-bottom: 60px !important;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .button, #main .back .button {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .mobile .button, .mobile #main .back .button {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .button.secondary[class], .button.subtle[class], #main .back .button.secondary[class], #main .back .button.subtle[class] {
    padding-top: calc(0.625rem - 1px);
    padding-bottom: calc(0.625rem - 1px);
  }
  .mobile .button.secondary[class], .mobile .button.subtle[class], .mobile #main .back .button.secondary[class], .mobile #main .back .button.subtle[class] {
    padding-top: calc(0.75rem - 1px);
    padding-bottom: calc(0.75rem - 1px);
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .formbuttons {
    flex-direction: column;
  }
  .formbuttons .button {
    margin: 0.5rem 0 0;
    width: 100%;
  }
  .tvmode .formbuttons {
    flex-direction: row;
    width: fit-content;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .formbuttons.multiStep {
    flex-flow: row wrap;
  }
  .formbuttons.multiStep .button {
    margin: 0.5rem 0 0;
    width: 100%;
  }
  .formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden) {
    margin-right: 0.5rem;
    width: calc(25% - 0.5rem);
    flex-grow: 1;
    overflow-wrap: break-word;
  }
  .formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):last-child {
    margin-right: 0;
  }
  .formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden)[class][class][class] {
    padding-top: calc(0.625rem - 1px);
    padding-bottom: calc(0.625rem - 1px);
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) and (max-width: 768px) {
  .formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden)[class][class][class] {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .mobile .formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden)[class][class][class] {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden)[class][class][class].secondary[class], .formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden)[class][class][class].subtle[class] {
    padding-top: calc(0.625rem - 1px);
    padding-bottom: calc(0.625rem - 1px);
  }
  .mobile .formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden)[class][class][class].secondary[class], .mobile .formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden)[class][class][class].subtle[class] {
    padding-top: calc(0.75rem - 1px);
    padding-bottom: calc(0.75rem - 1px);
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .mobile .formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden)[class][class][class] {
    padding-top: calc(0.75rem - 1px);
    padding-bottom: calc(0.75rem - 1px);
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .card .buttonList {
    flex-wrap: wrap;
    justify-content: center;
  }
  .card .buttonList .button {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .card .buttonList .button:last-child {
    margin-right: 0.25rem;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .withButtonColumn, .withButtonColumn.withSubtleActions, .withButtonColumn.withButtonColumn, .withButtonColumn.card, .withButtonColumn.card.withSubtleActions, .withButtonColumn.card.withButtonColumn, .withButtonColumn.row, .withButtonColumn.row.withSubtleActions, .withButtonColumn.row.withButtonColumn {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) and (max-width: 768px) {
  .withButtonColumn .contentColumn + .buttonColumn,
  .withButtonColumn .contentColumn + .buttonColumn[class*=col-],
  .withButtonColumn .contentColumn + * .buttonColumn, .withButtonColumn.card .contentColumn + .buttonColumn,
  .withButtonColumn.card .contentColumn + .buttonColumn[class*=col-],
  .withButtonColumn.card .contentColumn + * .buttonColumn, .withButtonColumn.row .contentColumn + .buttonColumn,
  .withButtonColumn.row .contentColumn + .buttonColumn[class*=col-],
  .withButtonColumn.row .contentColumn + * .buttonColumn {
    flex-flow: row wrap;
    justify-content: center;
    align-self: auto;
    width: 100%;
  }
  .withButtonColumn .contentColumn + .buttonColumn .button,
  .withButtonColumn .contentColumn + .buttonColumn[class*=col-] .button,
  .withButtonColumn .contentColumn + * .buttonColumn .button, .withButtonColumn.card .contentColumn + .buttonColumn .button,
  .withButtonColumn.card .contentColumn + .buttonColumn[class*=col-] .button,
  .withButtonColumn.card .contentColumn + * .buttonColumn .button, .withButtonColumn.row .contentColumn + .buttonColumn .button,
  .withButtonColumn.row .contentColumn + .buttonColumn[class*=col-] .button,
  .withButtonColumn.row .contentColumn + * .buttonColumn .button {
    width: auto;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .withButtonColumn .contentColumn + .buttonColumn .button:last-child,
  .withButtonColumn .contentColumn + .buttonColumn[class*=col-] .button:last-child,
  .withButtonColumn .contentColumn + * .buttonColumn .button:last-child, .withButtonColumn.card .contentColumn + .buttonColumn .button:last-child,
  .withButtonColumn.card .contentColumn + .buttonColumn[class*=col-] .button:last-child,
  .withButtonColumn.card .contentColumn + * .buttonColumn .button:last-child, .withButtonColumn.row .contentColumn + .buttonColumn .button:last-child,
  .withButtonColumn.row .contentColumn + .buttonColumn[class*=col-] .button:last-child,
  .withButtonColumn.row .contentColumn + * .buttonColumn .button:last-child {
    margin-right: 0.25rem;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .withButtonColumn .contentColumn:not([class*=col-]),
  .withButtonColumn .contentColumn:not([class*=col-]) + .buttonColumn,
  .withButtonColumn .contentColumn:not([class*=col-]) + * .buttonColumn, .withButtonColumn.card .contentColumn:not([class*=col-]),
  .withButtonColumn.card .contentColumn:not([class*=col-]) + .buttonColumn,
  .withButtonColumn.card .contentColumn:not([class*=col-]) + * .buttonColumn, .withButtonColumn.row .contentColumn:not([class*=col-]),
  .withButtonColumn.row .contentColumn:not([class*=col-]) + .buttonColumn,
  .withButtonColumn.row .contentColumn:not([class*=col-]) + * .buttonColumn {
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  .subway {
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
  .subway.compact .line:before {
    width: 4em;
  }
}
@media only screen and (max-width: 400px) {
  .component.Popup.small {
    min-width: 90%;
    max-width: 90%;
  }
}
@media only screen and (min-width: 1301px) {
  #main .title.hasLinks #assistiveicons {
    display: none;
  }
}