* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  max-width: 100%;
}

body {
  min-height: 100%;
  line-height: 1.25rem;
  min-width: 1280px;
  width: 100%;
  overflow-y: scroll;
}

html {
  font-family: Verdana !important;
  -webkit-overflow-scrolling: touch;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  font-size: 13pt;
  font-family: Source Sans Pro, Calibri, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}

#wrap {
  background-color: #F7F7F7 !important;
  padding-bottom: 64px;
}

#wrap {
  width: 100%;
}

#header.header_graphic, #graphicHeader:not(:empty), #navnotify {
  background-color: #003B71 !important;
}

.isInside #header {
  transition-property: all !important;
}

#header.header_graphic {
  background-color: #246fb5;
  transition: height 0.2s;
  top: 0;
  position: sticky;
  position: -webkit-sticky;
}

#header:not(:empty) {
  box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
}

#header {
  background-color: transparent;
  background: transparent;
}

html.notile body[class*=md_] #wrap .header_graphic#header:not(:empty) .fitme {
  height: auto;
}

#header .fitme, #header .fitme.width {
  width: 100%;
}

#header.header_graphic .fitme {
  max-width: 1440px;
}

.fitme.width {
  margin: 0 auto;
  min-width: 1280px;
  width: 75%;
}

.fitme {
  display: block;
  position: relative;
}

#graphicHeader:not(:empty) {
  margin-left: 0.3rem;
  width: calc(100% - 0.6rem);
  display: flex;
  justify-content: space-between;
  padding: 0.5em 0 0.65rem 0;
}

#graphicHeader:not(:empty) #header_navigation {
  max-width: 45% !important;
}

#graphicHeader:not(:empty) #header_navigation,
#graphicHeader:not(:empty) .header_navigation_buttons {
  margin-right: 0.25rem;
  white-space: nowrap;
  transition: top 0.2s;
  width: auto;
}

#graphicHeader:not(:empty) #header_navigation, #graphicHeader:not(:empty) .header_navigation_buttons {
  display: flex;
  align-items: flex-start;
  column-gap: 8px;
}

#graphicHeader:not(:empty) .header_navigation_buttons {
  width: auto;
}

html.notile body[class*=md_] #wrap .header_graphic#header:not(:empty) .fitme #graphicHeader #header_navigation .header_navigation_buttons #header_menu {
  margin-top: 0;
  max-width: fit-content;
}

#graphicHeader:not(:empty) #header_menu {
  border: 1px solid #fff;
  border-radius: 6px;
  background-color: transparent !important;
}

#graphicHeader:not(:empty) #header_menu {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  height: 2.25rem;
}

#graphicHeader:not(:empty) .header_navigation_buttons > div {
  width: auto;
}

#header_menu {
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  padding: 2px 0.1rem;
  border-width: 0;
  line-height: 1rem;
  color: #ffffff;
  box-shadow: none;
}

#graphicHeader:not(:empty) #header_menu #header_menu_icon {
  box-shadow: none !important;
}

#graphicHeader:not(:empty) #header_menu #header_menu_icon {
  display: inline-block;
  vertical-align: middle;
}

#header_menu #header_menu_icon {
  margin-right: 0.5rem;
}

#header_menu #header_menu_icon {
  height: 1.9rem;
  width: 1.9rem;
  min-width: 1.9rem;
  line-height: 1.9rem;
  font-size: 1.5rem;
  border-radius: 50%;
}

#header_menu_icon.proxybgcolor[class*=color] {
  background-color: transparent !important;
}

.proxybgcolor.color1 {
  border-color: #878F9B !important;
}

@media only screen and (min-width: 1025px) {
  #graphicHeader:not(:empty) #header_menu #header_menu_icon .menu_image {
    fill: #fff;
  }
}
#graphicHeader:not(:empty) #header_menu #header_menu_icon .menu_image {
  fill: #ffffff;
  display: block;
  margin: 0 auto;
  height: 100%;
  padding: 0.15rem;
}

#header_menu #header_menu_icon .menu_image {
  height: 1.9rem;
  width: 1.9rem;
  min-width: 1.9rem;
  line-height: 1.9rem;
  font-size: 1.5rem;
  border-radius: 50%;
}

#header_menu #header_menu_name {
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-right: 0.4rem;
}

#header_menu #header_menu_name {
  max-width: 160px;
  text-overflow: ellipsis;
  white-space: initial;
}

#graphicHeader:not(:empty) .header_navigation_buttons > div {
  width: auto;
}

#graphicHeader:not(:empty) .headerButtonContainer {
  display: inline-block;
  width: auto;
}

#graphicHeader:not(:empty) .headerButton {
  border-radius: 6px;
  background-color: transparent !important;
}

#graphicHeader:not(:empty) .headerButton {
  cursor: pointer;
  color: #ffffff;
  padding: 2px 4px;
  line-height: 1.4rem;
  white-space: nowrap;
  z-index: 2;
  display: block;
}

#graphicHeader:not(:empty) .headerButton {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  height: 2.25rem;
}

#graphicHeader:not(:empty) .headerButton {
  width: max-content;
}

#graphicHeader:not(:empty) .headerButton {
  font-size: 0.9rem;
  line-height: 1rem;
}

a, .linkcolor, .subtle.linkcolor {
  color: #00a1db;
}

a {
  text-decoration: none;
}

#graphicHeader:not(:empty) .headerButton .headerImage {
  fill: #ffffff;
}

#graphicHeader:not(:empty) .header_button_icon {
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
}

#graphicHeader:not(:empty) #header_go_home {
  width: 200px;
  align-self: end;
}

#graphicHeader:not(:empty) #header_go_home {
  display: inline-block;
  width: auto;
}

#graphicHeader:not(:empty) #header_logo {
  z-index: 1;
  height: 2.25rem;
  margin-left: 0px;
  transition: margin 0.2s, height 0.2s;
  margin-top: 0;
}

.header_navigation_buttons + #header_go_home .header_logo_link {
  max-width: initial;
  position: relative;
  height: 100%;
}

.header_logo_link {
  display: block;
  position: fixed;
  top: 0;
  max-width: 35%;
  height: var(--wp-header-height);
  width: 200px;
}

body:not(.midlogin) #header:not(.compact):not(.isFromMCC) #header_extras {
  max-width: 66%;
}

body:not(.midlogin) #header:not(.compact):not(.isFromMCC) #header_extras {
  max-width: 66%;
}

#graphicHeader:not(:empty) #header_extras {
  position: absolute;
  right: 0.3rem;
  max-width: 50%;
  display: flex;
  flex-wrap: wrap;
  width: auto;
}

#graphicHeader:not(:empty) #header_extras_actions {
  flex: 0 1 auto;
  margin-top: 0;
  width: auto;
  height: auto;
}

#graphicHeader:not(:empty) #header_extras_actions_group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 8px;
  justify-content: flex-end;
}

#graphicHeader:not(:empty) .mychart_by_epic_logo {
  width: 4.2rem;
}

#graphicHeader:not(:empty) .logo_image {
  max-height: 100%;
}

#graphicHeader:not(:empty) .header_navigation_buttons {
  width: auto;
}

#graphicHeader:not(:empty) .header_navigation_buttons {
  display: flex;
  align-items: flex-start;
  column-gap: 8px;
}

#graphicHeader:not(:empty) #locale_container {
  width: auto;
  z-index: 1;
}

#locale_container {
  position: relative;
  text-align: right;
}

#graphicHeader:not(:empty) #locale_container #localeswitch {
  border: 1px solid #fff !important;
}

#graphicHeader:not(:empty) #locale_container #localeswitch {
  background: none !important;
}

#graphicHeader:not(:empty) #localeswitch {
  border: 1px solid #fff;
  border-radius: 6px;
  background-color: transparent !important;
}

#graphicHeader:not(:empty) #localeswitch {
  cursor: pointer;
  color: #ffffff;
  padding: 2px 4px;
  line-height: 1.4rem;
  white-space: nowrap;
  z-index: 2;
  display: block;
}

#graphicHeader:not(:empty) #localeswitch {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  height: 2.25rem;
}

#graphicHeader:not(:empty) #localeswitch {
  width: max-content;
}

#graphicHeader:not(:empty) #localeswitch {
  font-size: 0.9rem;
  line-height: 1rem;
}

body.graphicHeader #localeswitch {
  visibility: visible;
}

#localeswitch {
  visibility: hidden;
}

#graphicHeader:not(:empty) .header_button_icon {
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
}

#graphicHeader:not(:empty) #locale_container #morelocales {
  border-radius: 6px;
  position: absolute;
  top: 3.1rem;
  background-color: #ffffff;
  color: #363636;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
  text-align: left;
  max-width: none;
}

ul {
  list-style: outside none none;
}

#graphicHeader:not(:empty) #locale_container #morelocales .morelocalesitem {
  padding: 0.35rem 0.6rem;
  white-space: nowrap;
}

.proxybgcolor.color1.opacity30 {
  background-color: rgba(37, 140, 219, 0.3);
}

#graphicHeader:not(:empty) #locale_container #morelocales .morelocalesitem a {
  color: black;
}

a {
  text-decoration: none;
}

.clearlabel {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

#graphicHeader:not(:empty) .header_navigation_buttons > div {
  width: auto;
}

.patient_name_switch {
  border-radius: 6px;
  background-color: #fff;
}

.patient_name_switch {
  font-size: 0.8rem;
  line-height: 1.2rem;
  width: auto;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  flex: 1 0 auto;
}

.patient_name_switch .proxySelectorDropDownContainer {
  margin-right: 0;
}

.proxySelectorDropDownContainer {
  position: relative;
  border-color: #cccccc;
  display: flex;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

#graphicHeader:not(:empty) .proxyMenuButton {
  border: 1px solid #fff;
  border-radius: 6px;
  background-color: transparent !important;
}

#graphicHeader:not(:empty) .proxyMenuButton {
  background: rgba(255, 255, 255, 0.1);
  height: 2.25rem;
}

.proxySelectorDropDownContainer .proxyButton {
  color: #0D1C3D !important;
}

.proxySelectorDropDownContainer .proxyButton {
  box-shadow: none !important;
}

.proxySelectorDropDownContainer .proxyButton {
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  padding: 2px 0.1rem;
  border-width: 0;
  line-height: 1rem;
  color: #ffffff;
  box-shadow: none;
}

.proxySelectorDropDownContainer .proxyButton .patientPhotoContainer {
  margin-right: 0.5rem;
}

.proxySelectorDropDownContainer .namePlusChevron {
  text-align: left;
}

.proxySelectorDropDownContainer .currentlySelectedName {
  margin-right: 5px;
  display: flex;
  align-items: center;
}

#graphicHeader:not(:empty) .currentlySelectedNameInner {
  font-size: 0.9rem;
  line-height: 1rem;
}

.proxySelectorDropDownContainer .proxyButton .roundedPatientPhoto {
  height: 1.9rem;
  width: 1.9rem;
  min-width: 1.9rem;
  line-height: 1.9rem;
  font-size: 1.5rem;
  border-radius: 50%;
}

.roundedPatientPhoto.noBorder {
  border-width: 0px;
}

.roundedPatientPhoto {
  background: no-repeat scroll center center/cover;
  border-radius: 100%;
  border-style: solid;
  border-width: 2px;
  overflow: hidden;
  color: #ffffff;
  text-align: center;
  height: 2.4rem;
  width: 2.4rem;
  line-height: 2.4rem;
  font-size: 1.7rem;
}

.proxybgcolor.color1 {
  background-color: #258cdb;
}

.proxySelectorDropDownContainer .proxyButton .currentlySelectedNameInner {
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.proxySelectorDropDownContainer .proxyButton .currentlySelectedNameInner {
  max-width: 160px;
  text-overflow: ellipsis;
  white-space: initial;
}

.currentlySelectedNameInner {
  color: #0D1C3D !important;
}

#graphicHeader:not(:empty) .switchPatientsTextOuter {
  width: max-content;
}

#graphicHeader:not(:empty) .switchPatientsTextOuter {
  font-size: 0.9rem;
  line-height: 1rem;
}

.proxySelectorDropDownContainer .switchPatientsTextOuter {
  align-items: center;
  display: flex;
}

@media (max-width: 1300px) {
  #graphicHeader:not(:empty) button.proxyButton .switchPatientsTextOuter {
    margin-top: 0;
  }
}
.proxyMenuShield {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.4);
}

.proxySelectorDropDownContainer .proxySwitchNav {
  position: absolute;
  width: 300px;
  max-width: 300px;
  z-index: 3001;
  margin-top: 2px;
  display: none;
  right: 0;
}

.patient_name_switch.show-menu .proxySelectorDropDownContainer .dropdown-menu {
  display: inline-block;
}

@media only screen and (orientation: landscape) and (max-height: 550px) {
  .proxySelectorDropDownContainer .dropdown-menu {
    max-height: 50vh;
  }
}
.proxySelectorDropDownContainer .dropdown-menu {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.88);
  cursor: pointer;
  display: none;
  margin: 0;
  overflow-y: auto;
  padding: 0;
  z-index: 99999;
  max-width: 100%;
  width: 100%;
  max-height: 75vh;
}

#proxySubjectHeaderItem {
  padding: 0.75rem;
  cursor: default;
  background: rgba(255, 255, 255, 0.88) none repeat scroll 0 0;
}

.subjectListHeader {
  padding: 0px;
}

h1, h2, h3, .proxytextcolor.color1, .feedItem .visitDetailsLayout .visitDate, ._VerticalDate {
  color: #0D1C3D !important;
}

h1, h2, h3, h4, .header, .heading, .hover a.header:focus, .hover a.header:hover, .hover a.heading:focus, .hover a.heading:hover, .titlebar, .sectionheader, table thead tr {
  color: #246fb5;
}

h1, h2, h3, h4, .header, .sectionheader {
  display: block;
  font-weight: normal;
  padding: 0.75rem 0 0.5rem;
  width: 100%;
}

.proxySelectorDropDownContainer .dropdown-menu li:not(:hover) {
  background: rgba(255, 255, 255, 0.88) none repeat scroll 0 0;
}

.proxySelectorDropDownContainer .dropDownProxyList li {
  list-style: none;
  height: 100%;
}

.proxybgcolor.color1.opacity30 {
  background-color: rgba(37, 140, 219, 0.3);
}

.proxySelectorDropDownContainer .dropDownProxyList li a {
  color: #000000;
  display: flex;
  text-decoration: none;
}

.proxySelectorDropDownContainer .dropDownProxyList li .proxySelectorDropDownPhotoContainer {
  margin: 0.5rem 0.5rem 0.5rem 0.25rem;
}

.proxySelectorDropDownContainer .dropDownProxyList li .proxySelectorDropDownName {
  display: inline-flex;
  align-items: center;
  max-width: 80%;
  font-size: 1rem;
}

.proxySelectorDropDownContainer .dropDownProxyList li .proxySelectorDropDownNameEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 50px);
  display: inline-block;
  margin-right: 8px;
}

.proxySelectorDropDownContainer .dropdown-menu li:not(:hover) {
  background: rgba(255, 255, 255, 0.88) none repeat scroll 0 0;
}

.proxySelectorDropDownContainer .dropDownProxyList li {
  list-style: none;
  height: 100%;
}

.proxybgcolor.color2 {
  background-color: #2c9b39;
}

.proxySelectorDropDownContainer .dropdown-menu .borderedListItem:first-child {
  border-top: thin solid;
  border-color: #cccccc;
}

.proxySelectorDropDownContainer .dropdown-menu svg {
  height: 2rem;
  width: 2rem;
  margin: 0.2rem 0.1rem 0 0.2rem;
}

.proxyfillcolor.color1 {
  fill: #258cdb;
}

.proxySelectorDropDownContainer .dropDownProxyList li .proxySelectorDropDownName {
  display: inline-flex;
  align-items: center;
  max-width: 80%;
  font-size: 1rem;
}

.proxySelectorDropDownContainer .dropDownProxyList li .proxySelectorDropDownMenuItem {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  margin-right: 8px;
}

.hidden {
  display: none !important;
}

.patient_name_switch.show-menu .proxySwitchNav {
  display: block;
}

#graphicHeader:not(:empty) .headerButtonContainer {
  display: inline-block;
  width: auto;
}

#graphicHeader:not(:empty) #logout_button {
  background-color: transparent !important;
}

#graphicHeader:not(:empty) .headerButton {
  border-radius: 6px;
  background-color: transparent !important;
}

#graphicHeader:not(:empty) .headerButton {
  cursor: pointer;
  color: #ffffff;
  padding: 2px 4px;
  line-height: 1.4rem;
  white-space: nowrap;
  z-index: 2;
  display: block;
}

#graphicHeader:not(:empty) .headerButton {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  height: 2.25rem;
}

#graphicHeader:not(:empty) .headerButton {
  width: max-content;
  font-size: 0.9rem;
}

#graphicHeader:not(:empty) #logOutLabel {
  display: none;
}

#localeswitch:not(:only-child):after, #header #localeswitch:after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 4px 0px 4px;
  border-color: #ffffff transparent;
}

#morelocalesnav {
  display: none;
}

#header_logo a:hover {
  background-color: transparent !important;
}

body.ready #content {
  opacity: 1;
}

#content {
  border-radius: 12px;
}

#content {
  padding-bottom: 0px;
  margin-top: 30px !important;
}

#content {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

content {
  z-index: 1;
  min-height: calc(100vh - var(--wp-header-height)) !important;
  max-width: 1440px;
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1fr;
  grid-template-areas: "main" "footer";
  display: -ms-grid;
  -ms-grid-columns: 100%;
  -ms-grid-rows: 1fr;
}

.fitme.width {
  margin: 0 auto;
  min-width: 1280px;
  width: 75%;
}

#content:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: opacity 0.4s ease-in-out;
  z-index: -1;
}

#content #main {
  grid-area: main;
  display: block;
  position: relative;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

@media only screen and (min-width: 769px) {
  #main {
    padding: 1.25rem !important;
  }
}
#main {
  overflow: hidden;
  padding-top: 0;
}

#main, body:not(.isPrelogin) #footer {
  background-color: rgba(255, 255, 255, 0.88);
}

@media only screen and (min-width: 769px) {
  #content {
    border: solid 1px #B3B6C5 !important;
    box-shadow: 0px 2px 4.8px 0 rgba(0, 0, 0, 0.06) !important;
  }
}
section {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 1025px) {
  .CommunicationCenter .commCenterTitle {
    width: 25%;
    position: relative;
  }
}
.CommunicationCenter .commCenterTitle {
  padding-bottom: 0;
}

h1._heading {
  font-size: 1.5rem;
}

._heading {
  color: #246fb5;
  display: block;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  padding: 0.75rem 0 0.5rem;
  width: 100%;
}

p:last-of-type {
  margin-bottom: 0;
}

p:first-of-type {
  margin-top: 0;
}

p {
  margin: 0.5rem 0;
}

html.notile body[class*=md] #wrap #content a:not(.button, .card.selectable, [role=button], [role=tab], a[class*=page], .anchorListElement, ._readOnlyText.main, .EndTriageCard, .selectableevent, .ResultDetailsLink, .backLink, .Page, .ResultHeaderCompareAllButton) {
  color: #00a1db;
}

a {
  text-decoration: none;
}

#wrap .subjectIndicator {
  margin: 0 0 0 0.5rem;
}

RecallOnboardingCommand._command.tertiary.neutral {
  align-items: center;
  display: flex;
  margin: 0;
  padding: 0;
}

._link.tertiary.neutral, ._command.tertiary.neutral {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  fill: currentColor;
  font-family: inherit;
  font-size: 1rem;
  line-height: normal;
  margin: 0.5rem 0;
  padding: 0.375rem 0.75rem;
  position: relative;
  text-align: center;
  user-select: none;
  white-space: normal;
  overflow-wrap: break-word;
  background-color: transparent;
  box-shadow: none;
  color: #0084d6;
}

._image.size-10 {
  width: 16px;
  width: clamp(16px, 0.9231rem, 48px);
  height: 16px;
  height: clamp(16px, 0.9231rem, 48px);
}

._command ._image, ._command ._readOnlyText {
  vertical-align: middle;
}

._SvgSprite {
  fill: currentColor;
}

.RecallOnboardingCommand._command.tertiary.neutral .commandLabel {
  font-size: 0.8rem;
  line-height: 1rem;
  padding-left: 0.1rem;
}

._command ._readOnlyText[class], ._command.iconOnly[class] {
  margin: 0;
  padding: 0;
  line-height: normal;
}

._command ._image, ._command ._readOnlyText {
  vertical-align: middle;
}

._ViewPicker._SideControls {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25% 75%;
  -ms-grid-rows: auto 1fr;
  grid-template-columns: 25% 75%;
  grid-template-rows: [start] auto [end-commands start-tabs] 1fr [end];
}

._ViewPicker {
  margin: 1rem 0 0.5rem;
}

._ViewPicker._SideControls ._ViewPickerCommandPane {
  -ms-grid-row: 1;
  grid-row: start/end-commands;
  border-right: 1px solid #cccccc;
}

.md_react_index #main #appRoot ._command.primary:hover {
  background-color: #003B71 !important;
  border: 1px solid #003B71 !important;
  color: #fff !important;
}

.md_react_index #main #appRoot ._command.primary {
  background-color: #0074AD !important;
  border: 1px solid #0074AD !important;
  color: #fff !important;
}

._command.primary.positive {
  border-radius: 8px !important;
  box-shadow: none !important;
}

._command.primary.positive {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  fill: currentColor;
  font-family: inherit !important;
  font-size: 1rem;
  line-height: normal;
  margin: 0.5rem 0;
  padding: 0.375rem 0.75rem;
  position: relative;
  text-align: center;
  user-select: none;
  white-space: normal;
  overflow-wrap: break-word;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  background-color: #09aa71;
}

.ConversationListPicker .sendNewMessage {
  width: calc(100% - 1.25rem);
}

._ViewPicker._SideControls ._ViewPickerCommandPane + ._TabList {
  -ms-grid-row: 2;
  grid-row: start-tabs/end;
}

@media screen and (min-width: 1025px) {
  .ConversationListPicker [role=tablist][class], .ConversationListPicker [role=tabpanel][class] {
    padding-bottom: 0;
    position: relative;
  }
}
._ViewPicker._SideControls ._TabList {
  -ms-grid-row: 1;
  grid-row: start/end;
}

._TabList.vertical {
  flex-direction: column;
  padding: 0 0 1.5rem;
}

._TabList {
  display: flex;
  width: auto;
}

._OptionList {
  position: relative;
}

ul {
  list-style: outside none none;
}

div {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .ConversationListPicker .sendNewMessage {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .CommunicationCenter .commCenterTitle::after {
    content: "";
    position: absolute;
    right: 0;
    top: -0.5rem;
    bottom: -2rem;
    border-right: 1px solid #cccccc;
    transform: translateY(2px);
  }
}
._TabList.vertical ._OptionListElement.selected {
  border-right-color: transparent;
}

._TabList.vertical ._OptionListElement {
  border-right: 1px solid #cccccc;
  display: block;
  margin: 0 0 -1px 0;
}

._OptionListElement {
  position: relative;
  vertical-align: bottom;
}

._TabList.vertical ._OptionListElement.selected ._OptionListCommand {
  border-color: #cccccc #246fb5;
}

._ViewPicker._SideControls ._OptionListCommand {
  container-type: inline-size;
  container-name: tabSize;
  display: block;
}

._TabList.vertical ._OptionListCommand {
  border-width: 1px 0 1px 0.25rem;
}

._OptionListElement.selected ._OptionListCommand {
  cursor: default;
  opacity: 1;
}

._TabList.vertical ._OptionListElement {
  border-right: 1px solid #cccccc;
  display: block;
  margin: 0 0 -1px 0;
}

._OptionListCommand {
  border: 1px solid transparent;
  margin: 0;
  opacity: 0.8;
  padding: 0.5rem 0.75rem;
  text-align: left;
  text-transform: none;
  width: 100%;
}

._ViewPicker ._HighlightedControl, ._ViewPicker ._AssistiveTextWrapper {
  display: flex;
  align-items: center;
  min-width: 0;
}

._ViewPicker ._ConsumerControl {
  min-width: 0;
}

._AssistiveTextWrapper {
  position: relative;
}

._AssistiveTextWrapper .assistivetext {
  position: absolute;
  opacity: 0;
  line-height: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

[role=tab][aria-selected=true] .Tab {
  color: #246fb5;
}

.ConversationListPicker .Tab {
  height: 100%;
}

.Tab {
  align-items: center;
  display: flex;
}

.Tab .folderIcon {
  margin-right: 0.75rem;
  flex-shrink: 0;
  fill: currentColor;
}

._image.size-20 {
  width: 24px;
  width: clamp(16px, 1.385rem, 48px);
  height: 24px;
  height: clamp(16px, 1.385rem, 48px);
}

._SvgSprite {
  fill: currentColor;
}

.ConversationListPicker ._ControlHighlight {
  line-height: normal;
}

._ViewPicker ._ControlHighlight {
  margin-left: 0.5rem;
  line-height: 1.25rem;
  font-size: 0.8rem;
}

._ViewPicker ._HighlightBadge {
  background: #005ebb;
  color: #ffffff;
  border-radius: 1rem;
  padding: 0 0.65rem;
  width: auto;
  text-align: center;
}

@media screen and (min-width: 1025px) {
  .ConversationListPicker [role=tablist][class], .ConversationListPicker [role=tabpanel][class] {
    padding-bottom: 0;
    position: relative;
  }
}
._ViewPicker._SideControls ._ViewPickerPanel {
  -ms-grid-column: 2;
  -ms-grid-row-span: 2;
  grid-row: start/end;
  padding: 0 0 1.5rem 1.5rem;
}

.ConversationListPicker [role=tabpanel] > * {
  flex: 0 0 auto;
}

.ConversationListPicker .ConversationFolderHeader {
  align-items: flex-start;
  display: flex;
  margin: 0.7rem 0 0rem;
  position: relative;
  top: 0.5rem;
}

@media screen and (min-width: 1025px) {
  .ConversationListPicker [role=tabpanel] {
    min-height: calc(100vh - 12.45rem);
    min-height: calc(100vh - (var(--wp-header-height) + var(--wp-footer-height) + 1rem));
    transform: translateY(-5.125rem);
    margin-bottom: -5.125rem;
  }
}
.ConversationListPicker [role=tabpanel] {
  display: flex;
  flex-direction: column;
}

.ConversationListPicker [role=tabpanel] > * {
  flex: 0 0 auto;
}

.ConversationListPicker .ConversationFolderHeader {
  align-items: flex-start;
  display: flex;
  margin: 0.7rem 0 0rem;
  position: relative;
  top: 0.5rem;
}

@media screen and (min-width: 1025px) {
  .ConversationListPicker .ConversationFolderHeader .sectionTitle {
    width: 100%;
  }
}
.ConversationListPicker .ConversationFolderHeader .sectionTitle {
  display: inline-block;
  padding: 0 0.5rem 1rem 0;
}

h2._heading {
  font-size: 1.25rem;
}

._heading {
  color: #246fb5;
  display: block;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  padding: 0.75rem 0 0.5rem;
  width: 100%;
}

@media screen and (min-width: 1025px) {
  .ConversationListPicker .ConversationFolderHeader .SearchInput {
    width: 17rem !important;
    min-width: 17rem;
  }
}
.ConversationListPicker .ConversationFolderHeader .SearchInput {
  background: #ffffff;
  display: flex;
  align-items: stretch;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
}

.ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField {
  flex-grow: 1;
}

._labelledField {
  display: block;
  position: relative;
  width: fit-content;
}

.ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField ._readOnlyText {
  border: none;
  margin-bottom: -1rem;
}

label {
  border-color: transparent;
  border-style: none solid;
  border-width: 0 1px;
  font-size: 0.75rem;
  margin: 0 0.4rem;
  padding: 0.2rem 0 0;
  width: fit-content;
  position: relative;
  z-index: 1;
}

label, .fieldGroupPrompt {
  color: #767676;
  display: block;
  line-height: 1rem;
  text-align: left;
}

label.widget::before, label.widget::after {
  content: "";
  background: none;
}

.ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField ._input {
  -webkit-appearance: none;
}

.ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField ._input {
  background-color: inherit !important;
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  width: 100%;
}

label + ._input {
  padding-top: 1.2rem !important;
  margin-top: -1.2rem !important;
}

._input {
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  color: #000000;
  display: block;
  font-family: Source Sans Pro, Calibri, Arial, sans-serif;
  font-size: 1rem;
  line-height: normal !important;
  margin: 0 0 0.5rem !important;
  padding: 0.25rem 0.4rem !important;
  resize: none;
  width: 100%;
}

.ConversationListPicker .ConversationFolderHeader .SearchInput .RunSearchCommand.nonClickable {
  pointer-events: none;
}

.ConversationListPicker .ConversationFolderHeader .SearchInput .RunSearchCommand, .ConversationListPicker .ConversationFolderHeader .SearchInput .searchIconPlaceholder {
  border-radius: 4px 0 0 4px;
  order: -1;
}

.ConversationListPicker .ConversationFolderHeader .SearchInput .RunSearchCommand {
  border-radius: 0 4px 4px 0;
}

.ConversationListPicker .ConversationFolderHeader .SearchInput ._command {
  background-color: inherit;
  color: #565656;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  padding: 0 0.25rem;
}

.ConversationListPicker .ConversationFolderHeader .SearchInput ._image {
  color: #565656;
  flex-shrink: 0;
}

._image.size-30 {
  width: 32px;
  width: clamp(16px, 1.847rem, 48px);
  height: 32px;
  height: clamp(16px, 1.847rem, 48px);
}

._command ._image, ._command ._readOnlyText {
  vertical-align: middle;
}

._SvgSprite {
  fill: currentColor;
}

@media screen and (min-width: 1301px) {
  .ConversationListStatus {
    width: 100%;
    position: relative;
    top: -0.5rem;
  }
}
.ConversationListStatus {
  color: #565656;
  font-size: 0.8rem;
  line-height: 1rem;
  overflow-wrap: break-word;
}

.ConversationListPicker [role=tabpanel] > * {
  flex: 0 0 auto;
}

.ConversationListPicker .ConversationList {
  margin-left: 1px;
  margin-right: 1px;
  width: calc(100% - 2px);
}

.ConversationListPicker .ConversationList {
  margin-left: 1px;
  margin-right: 1px;
  width: calc(100% - 2px);
}

ul.ConversationList {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  display: inline-block;
  margin: 0.25rem 0.5%;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  vertical-align: top;
  width: 99%;
  padding: 0;
}

._List {
  list-style: outside none none;
}

ul.ConversationList > li:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
}

.ConversationPreview .main {
  width: 100%;
  text-align: left;
  padding: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  container-type: inline-size;
}

.ConversationPreview .previewPhoto {
  position: relative;
  flex-shrink: 0;
  margin-right: 0.75rem;
}

.ConversationPreview .previewPhoto .ParticipantPhoto {
  top: 0.25rem;
}

.ParticipantPhoto.color1 {
  border-color: #258cdb;
  background-color: #258cdb;
}

.ParticipantPhoto.initialOnly {
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  line-height: 2.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ParticipantPhoto {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 1px solid #cccccc;
  background-color: rgba(36, 111, 181, 0.6);
  overflow: hidden;
  object-fit: cover;
}

.ParticipantPhoto.initialOnly ._readOnlyText {
  line-height: 2.3rem;
}

._command ._readOnlyText[class], ._command.iconOnly[class] {
  margin: 0;
  padding: 0;
  line-height: normal;
}

.ConversationPreview ._readOnlyText {
  vertical-align: unset;
}

.ConversationPreview .subjectNameTimestamp {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  flex-grow: 1;
  flex-basis: 1%;
  min-width: 0;
}

.ConversationPreview .subjectAndSender {
  flex-grow: 1;
  width: auto;
  min-width: 0;
}

.ConversationPreview .subjectSegment {
  min-width: 0;
}

.ConversationPreview .draftIndicator {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  color: #935d15;
  background: #ffe8c9;
  border: 1px solid #ffa020;
  border-radius: 0.25rem;
  padding: 0.125rem 0.25rem;
  margin: calc(0.125rem - 1px) 0.375rem calc(0.125rem - 1px) 0;
}

._command ._readOnlyText[class], ._command.iconOnly[class] {
  margin: 0;
  padding: 0;
  line-height: normal;
}

.ConversationPreview ._readOnlyText {
  vertical-align: unset;
}

.ConversationPreview .subject {
  color: #246fb5;
  display: block;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  padding: 0.75rem 0 0.5rem;
  width: 100%;
  font-size: 1.25rem;
  color: #000000;
  word-wrap: break-word;
  display: inline;
  padding: 0;
}

.ConversationPreview .senderName[class] {
  margin: 0.2rem 0 0 0;
  padding: 0;
}

.ConversationPreview .senderName {
  color: #246fb5;
  display: block;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  padding: 0.75rem 0 0.5rem;
  width: 100%;
  font-size: 1.1rem;
  color: #363636;
  word-wrap: break-word;
}

.ConversationPreview .timestamp {
  color: #565656;
  white-space: nowrap;
}

.ConversationPreview .previewLine {
  display: flex;
  width: 100%;
  align-items: center;
  flex-basis: 100%;
}

.ConversationPreview .flagContainer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  line-height: normal;
  width: auto;
  color: #363636;
  column-gap: 0.5rem;
  min-width: 2.5rem;
  margin-right: 0.75rem;
}

.ConversationPreview .previewText {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  color: #565656;
  display: inline-block;
  line-height: normal;
}

button {
  -webkit-appearance: none;
  font-size: 100%;
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  cursor: pointer;
}

._link {
  text-decoration: none;
  color: #00a1db;
}

.ConversationPreview .main:hover {
  background-color: #edf3f9 !important;
  text-decoration: none !important;
}

.ConversationPreview .draftIndicator .draftIndicatorText {
  line-height: 1rem;
  flex-shrink: 1;
  word-wrap: break-word;
}

._LoadMoreCommand.finished {
  color: #767676;
  margin: 0.75rem 0;
  font-size: 0.8rem;
  line-height: 1rem;
}

._LoadMoreCommand {
  display: flex;
  justify-content: center;
}

#content #footer {
  grid-area: footer;
  -ms-grid-column: 1;
  -ms-grid-row: 2;
}

body.ready #footer {
  opacity: 1;
}

body #footer {
  color: #565656;
}

#footer {
  width: 100%;
}

#footer {
  box-sizing: content-box;
  font-size: 0.8rem;
  line-height: 1rem;
  margin-top: 0;
  padding: 0;
  position: relative;
  text-align: center;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

#footer, #footer a {
  transition: color 0.3s ease-in-out;
}

#footer .mainStyle {
  border: none;
}

#footer .mainStyle {
  padding: 0.5rem 1.25rem;
}

#footer .mainStyle > *:not(#mychart_by_epic_logo_wrapper) {
  display: inline-block;
  margin: 0 0.5rem;
  width: auto;
}

#footer .mainStyle > *:not(#mychart_by_epic_logo_wrapper) {
  display: inline-block !important;
  margin: 0 0.5rem !important;
  width: auto !important;
}

#mychart_by_epic_logo_wrapper {
  display: none;
}

._OptionListCommand:focus, ._OptionListCommand:hover {
  border-color: #cccccc;
  opacity: 1;
}

.ConversationList._LoadMoreList ._StatusMessage {
  display: none;
}

.ConversationPreview.unread .senderName, .ConversationPreview.unread .subject, .ConversationPreview.unread .timestamp, .ConversationPreview.unread .previewText {
  color: #000000;
  font-weight: bold;
  font-size: 1.25rem !important;
}

.ConversationPreview .flagUnread {
  height: 0.6rem;
  width: 0.6rem;
  display: inline-block;
  border-radius: 1rem;
  background-color: #005ebb;
}

:not(tr):not(td).nodata:not(:empty) {
  background-color: rgba(204, 204, 204, 0.25);
  color: #565656;
}

._readOnlyText._Text:not(:only-child):last-of-type, ._readOnlyText._ExternalAccessibleDescription:not(:only-child):last-of-type {
  margin-bottom: 0;
}

._readOnlyText._Text:not(:only-child), ._readOnlyText._ExternalAccessibleDescription:not(:only-child) {
  margin: 0.5rem 0;
}

:not(tr):not(td).nodata:not(:empty) {
  display: block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 1.5rem 0.5rem;
  text-align: center;
  width: 100%;
}

.ConversationDetails.full {
  display: flex;
  flex-wrap: wrap;
}

.ConversationDetails {
  --conversation-header-height: 0px;
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

.ConversationDetails .ConversationHeader {
  border-bottom: 1px solid #cccccc;
  position: relative;
  top: 0;
}

._StickyHeader {
  position: -webkit-sticky;
  position: sticky;
  /* z-index: 50; */
  top: var(--wp-header-height);
}

.ConversationHeader {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(222, 233, 244, 0.75);
  padding: 0 0.75rem;
  display: flex;
  align-items: flex-end;
}

.ConversationHeader .heading {
  flex-grow: 1;
  padding-top: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.ConversationHeader .backToListLink {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0 0.5rem;
}

.ConversationHeader .subject {
  padding-top: 0;
  overflow-wrap: break-word;
}

h1._heading {
  font-size: 1.5rem;
}

#wrap .subjectIndicator {
  margin: 0 0 0 0.5rem;
}

.ConversationHeader .commands {
  display: flex;
  width: auto;
  flex-shrink: 0;
}

.ConversationHeader .commands .ConversationToggleCommand:not(:last-child) {
  margin-right: 0.375rem;
}

.ConversationHeader .commands .ConversationToggleCommand._command {
  display: flex;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.ConversationHeader .commands .ConversationToggleCommand {
  flex-shrink: 0;
  justify-content: center;
}

._command.tertiary.neutral {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  fill: currentColor;
  font-family: inherit;
  font-size: 1rem;
  line-height: normal;
  margin: 0.5rem 0;
  padding: 0.375rem 0.75rem;
  position: relative;
  text-align: center;
  user-select: none;
  white-space: normal;
  overflow-wrap: break-word;
  background-color: transparent;
  box-shadow: none;
  color: #0084d6;
}

.ConversationDetails.full .participantLists {
  padding: 0.75rem;
  width: 325px;
  border-right: 1px solid #cccccc;
}

._ScrollRegion.scrollV {
  overflow-x: hidden;
  overflow-y: auto;
}

._ScrollRegion {
  overflow: auto;
}

.ParticipantDisplay.noSubtext.noOutOfContact .displayName {
  grid-row: 1/3;
  align-self: center;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-row-align: center;
}

.ParticipantDisplay .displayName, .ParticipantDisplay .subtext {
  -ms-grid-column: 2;
  display: inline-block;
  overflow-wrap: break-word;
  min-width: 0;
}

.ParticipantList .listTitle {
  padding: 0;
}

.ParticipantList .ParticipantDisplay {
  padding: 0.5rem 0;
}

.ParticipantDisplay {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 3rem auto;
  -ms-grid-columns: 3rem auto;
  grid-template-rows: auto auto;
  -ms-grid-rows: auto auto;
}

.ParticipantDisplay .ParticipantPhoto {
  grid-row: 1/3;
  -ms-grid-row: 1;
}

.ParticipantList .ParticipantDisplay:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
  grid-column: 2/3;
  -ms-grid-column: 2;
  grid-row: 3/4;
  -ms-grid-row: 3;
  position: relative;
  top: 0.5rem;
}

.ConversationDetails.full .ConversationMessages {
  overflow-y: auto;
  width: calc(100% - 325px);
}

.ConversationDetails .ConversationMessages {
  padding: 0.75rem;
}

.ConversationMessages .paneHeading {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}

.ConversationDetails .ConversationMessages .skipToRelevant {
  top: 8rem;
  top: calc(var(--wp-header-height) + var(--conversation-header-height) + 0.75rem);
  display: block;
  position: fixed;
  color: #ffffff;
  background: #000000;
  border: 1px solid #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 3px #ffffff;
  filter: brightness(1.2);
  margin: 2px;
  padding: 0.2rem;
  pointer-events: none;
  text-decoration: underline;
  z-index: 1;
  opacity: 0;
  transition-duration: 0.2s;
  transition-property: opacity;
}

._ScrollRegion.scrollV {
  overflow-x: hidden;
  overflow-y: auto;
}

.ConversationMessages .messagesScrollRegion {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000000 0.75rem, #000000 calc(100% - 0.75rem), transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000000 0.75rem, #000000 calc(100% - 0.75rem), transparent 100%);
  padding-top: 0.75rem;
  margin-top: -0.375rem;
}

.ConversationMessages .messagesScrollRegion {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

._LoadMoreCommand.finished {
  color: #767676;
  margin: 0.75rem 0;
  font-size: 0.8rem;
  line-height: 1rem;
}

._LoadMoreCommand {
  display: flex;
  justify-content: center;
}

.ConversationMessages ul.messageList {
  padding: 1px;
}

.ConversationMessages ul.messageList > li {
  display: flex;
  flex-wrap: wrap;
  padding: 1px;
}

@media screen and (min-width: 769px) {
  .Message.fromUs {
    margin-right: 0.3rem;
  }
}
.Message.fromUs {
  margin-left: auto;
}

.Message {
  width: auto;
  margin-bottom: 1rem;
  max-width: 85%;
  flex-shrink: 0;
}

.ConversationDetails .ConversationMessages .mostRelevantMessageTarget.messageWrapperTarget {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-height: 749px) {
  .ConversationDetails.full .messagesScrollRegion ._ScrollToHere, .ConversationDetails.full .messagesScrollRegion .mostRelevantMessageTarget {
    margin-top: -13.55rem;
    margin-top: calc(-3rem - (var(--wp-header-height) + 7.75rem));
    padding-top: 13.55rem;
    padding-top: calc(3rem + var(--wp-header-height) + 7.75rem);
    margin-top: calc(-3rem - (2.8rem + var(--conversation-header-height)));
    margin-top: calc(-3rem - (var(--wp-header-height) + var(--conversation-header-height)));
    padding-top: calc(5.8rem + var(--conversation-header-height));
    padding-top: calc(3rem + var(--wp-header-height) + var(--conversation-header-height));
  }
}
.Message .ParticipantDisplay {
  margin: 0 6px 5px;
  width: auto;
}

.ParticipantDisplay.mirrored {
  grid-template-columns: auto 3rem;
  -ms-grid-columns: calc(100% - 3rem) 3rem;
}

.ParticipantDisplay {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 3rem auto;
  -ms-grid-columns: 3rem auto;
  grid-template-rows: auto auto;
  -ms-grid-rows: auto auto;
}

.ParticipantDisplay.mirrored .ParticipantPhoto {
  grid-column: 2/3;
  justify-self: end;
  -ms-grid-column: 2;
  -ms-grid-column-align: end;
}

.ParticipantDisplay .subtext {
  color: #565656;
  font-size: 0.8rem;
  line-height: 1rem;
  -ms-grid-row: 2;
}

.Message {
  width: auto;
  margin-bottom: 1rem;
  max-width: 85%;
  flex-shrink: 0;
}

.Message.fromThem .MessageContent {
  background-color: #fff !important;
  border: none !important;
  padding: 0 !important;
}

.Message.fromThem .MessageContent {
  border-color: #dbdbdb;
  border: 2px solid #dbdbdb;
  background: #ffffff;
  border-radius: 0.75rem;
  border-top-left-radius: 0;
  padding: 0.5rem;
  position: relative;
}

.Message .MessageContent {
  max-width: 40em;
  word-wrap: break-word;
}

.ConversationDetails .ConversationMessages .listCount {
  color: #565656;
  font-size: 0.8rem;
  line-height: 1rem;
  text-align: center;
}

.fmtConv div {
  width: auto;
}

.ConversationMessages .messagesScrollRegion:after {
  content: "";
  border: 1px solid transparent;
  padding-bottom: 0.75rem;
}

.ParticipantDisplay.mirrored .displayName, .ParticipantDisplay.mirrored .subtext {
  -ms-grid-column: 1;
  text-align: right;
}

.ParticipantDisplay .displayName, .ParticipantDisplay .subtext {
  -ms-grid-column: 2;
  display: inline-block;
  overflow-wrap: break-word;
  min-width: 0;
}

.Message .ParticipantDisplay {
  margin: 0 6px 5px;
  width: auto;
}

.ParticipantDisplay.mirrored {
  grid-template-columns: auto 3rem;
  -ms-grid-columns: calc(100% - 3rem) 3rem;
}

.ConversationDetails .ConversationMessages .ConversationReply.cannotReply {
  position: static;
}

.ConversationDetails .ConversationMessages .ConversationReply {
  bottom: 0.75rem;
  position: sticky;
  position: -webkit-sticky;
}

.ConversationDetails .ConversationMessages .replySegment {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ConversationDetails.full .replySegment .cannotReplyString {
  flex-grow: 1;
  min-width: 0;
}

.ConversationDetails .ConversationMessages .replySegment .cannotReplyString {
  order: 2;
  color: #565656;
  font-size: 0.8rem;
  line-height: 1rem;
  margin-top: 0.75rem;
  margin-bottom: -0.25rem;
  width: auto;
}

.md_react_index #main #appRoot ._command.primary[aria-disabled=true] {
  background-color: #A0A5B7 !important;
  border: 1px solid #A0A5B6 !important;
  color: #E9EBEE !important;
}

.UnreadSeparator {
  display: flex;
  align-self: stretch;
  margin: 1rem 0;
  color: #005ebb;
}

.UnreadSeparator .numUnread {
  margin-right: 0.25rem;
  background: #005ebb;
  color: #ffffff;
  border-radius: 1rem;
  padding: 0 0.65rem;
  width: auto;
}

.UnreadSeparator .unreadLabel {
  flex-shrink: 0;
  padding: 0 0.5rem 0 0;
}

.ConversationDetails.full .participantLists {
  padding: 0.75rem;
  width: 325px;
  border-right: 1px solid #cccccc;
}

.UnreadSeparator::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #dbdbdb;
  align-self: center;
}

.Message.fromThem.unread .MessageContent {
  box-shadow: 0 0 3px 1px #005ebb;
  margin-left: 2px;
  background: #ffffff;
  border-radius: 0.75rem;
  border-top-left-radius: 0;
  padding: 0.5rem;
  position: relative;
  border: none;
}

.Message.fromThem.unread .MessageContent::after {
  content: "";
  position: absolute;
  left: -3px;
  background: linear-gradient(to right, transparent, rgba(0, 94, 187, 0.7));
  top: -1.45rem;
  height: 1.45rem;
  width: 3px;
  -webkit-mask-image: linear-gradient(to bottom, #000000 85%, rgba(0, 0, 0, 0.5));
  mask-image: linear-gradient(to bottom, #000000 85%, rgba(0, 0, 0, 0.5));
}

.overlayContainer#appPopupRoot {
  position: relative;
}

.overlayContainer {
  z-index: 1000;
}

._ShieldOfJustice.shield-weak {
  background-color: rgba(0, 0, 0, 0.2);
}

._ShieldOfJustice {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  cursor: default;
}

.Drawer {
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #ffffff;
  bottom: 0;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  height: 60%;
  min-height: 500px;
  min-width: 25rem;
  position: fixed;
  right: 3%;
  width: 27.5%;
  z-index: 1001;
}

.Drawer .titleBar {
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #246fb5;
  color: #ffffff;
  height: 2.5rem;
}

.Drawer .titleBarActions {
  align-items: center;
  display: flex;
  height: 2.5rem;
  left: 0;
  position: absolute;
  top: 0;
}

.Drawer .titleBarActions * {
  min-width: 0;
}

.Drawer .titleBar .title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.25em;
  line-height: 2.5rem;
  margin: 0;
  padding: 0 0.7rem;
}

.Drawer .titleBarActions * {
  min-width: 0;
}

.Drawer .titleBarActions ._command {
  align-items: center;
  border: 2px solid transparent;
  border-radius: 0;
  color: #ffffff;
  display: flex;
  flex: 0 0 auto;
  height: 2.5rem;
  margin: 0;
  padding: 0.25rem;
}

.Drawer .titleBarActions * {
  min-width: 0;
}

.Drawer .titleBarActions * {
  min-width: 0;
}

._image.size-20 {
  width: 24px;
  width: clamp(16px, 1.385rem, 48px);
  height: 24px;
  height: clamp(16px, 1.385rem, 48px);
}

.Drawer .titleBarActions .fullscreenButton {
  display: flex;
  flex: 0 0 auto;
  width: auto;
}

.Drawer .titleBarActions > ._command:last-child {
  border-top-right-radius: 0.5rem;
  padding-right: 0.7rem;
}

.Drawer .drawerContent {
  background-color: #edf3f9;
  height: calc(100% - 2.5rem);
  overflow-y: visible;
  position: relative;
}

.Drawer .drawerContent .workflowStep {
  height: 100%;
  padding: 0.75rem;
  overflow-y: auto;
}

.Drawer .drawerContent .stepTitle:first-child {
  padding-top: 0;
}

.drawerContent .SelectionList {
  margin-top: 0.5rem;
}

.drawerContent .SelectionList li:not(:last-child) {
  margin-bottom: 0.65rem;
}

.drawerContent .selectionOption {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background: #ffffff calc(100% - 10px) center/0.75rem 0.75rem no-repeat;
  margin: 0;
  padding: 0.5rem;
  padding-right: 2rem;
  position: relative;
  width: 100%;
  text-align: left;
  container-type: inline-size;
  text-size-adjust: none;
}

.drawerContent .selectionOption.Topic .leftImage {
  margin-left: 0rem;
  margin-top: 0.25rem;
  height: 2.5rem;
  width: 2.5rem;
}

.drawerContent .selectionOption .leftImage {
  float: left;
  margin-left: 0.4rem;
  margin-top: 0.25rem;
}

._image.size-40 {
  width: 64px;
  height: 64px;
}

.drawerContent .selectionOption .displayName:not(:last-child) {
  margin-bottom: 0.1rem;
}

.drawerContent .selectionOption .displayName {
  color: #363636;
}

.drawerContent .selectionOption .displayName, .drawerContent .selectionOption .subtext {
  display: block;
  margin-left: 3rem !important;
  word-wrap: break-word;
}

._command ._readOnlyText[class] {
  margin: 0;
  padding: 0;
  line-height: normal;
}

._command ._readOnlyText {
  vertical-align: middle;
}

.drawerContent .selectionOption .subtext:not(:last-child) {
  margin-bottom: 0.1rem;
}

.drawerContent .selectionOption .subtext {
  color: #565656;
  font-size: 0.8rem;
  line-height: 1rem;
}

.drawerContent .selectionOption .arrowIcon {
  fill: #767676;
  position: absolute;
  right: 1rem;
  top: calc(0.5rem + 50% - 16px);
}

#wrap.scrollDisabled {
  position: fixed;
  overflow: clip;
}

.Drawer.fullscreen {
  bottom: 20%;
  width: 50%;
  right: 25%;
}

.Drawer.collapsed {
  box-shadow: none;
  display: block;
  min-height: 0;
  height: auto;
}

.Drawer .drawerContent {
  background-color: #edf3f9;
  height: calc(100% - 2.5rem);
  overflow-y: visible;
  position: relative;
}

.childrenWrapper {
  height: 100%;
}

.MessageComposer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.MessageComposer .scrollableSection {
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-shrink: 1;
  min-height: 5rem;
}

.MessageComposer .scrollableSection {
  flex-grow: 1;
}

.MessageComposer > * {
  flex: 0 0 auto;
}

.MessageComposer .toolbar:first-child {
  padding-top: 0.25rem;
}

.MessageComposer .scrollableSection > * {
  flex: 0 0 auto;
}

.MessageComposer .toolbar {
  background-color: #eaeaea;
  padding: 0 0.75rem 0.25rem;
  display: flex;
  flex-direction: column;
}

.MessageComposer .toolbar > :only-child {
  max-width: 100%;
}

.MessageComposer .toRecipientWrapper {
  display: flex;
}

.MessageComposer .toolbarLabel {
  color: #565656;
  overflow-wrap: break-word;
  max-width: 40%;
  line-height: 1.5rem;
}

.MessageComposer .ParticipantDisplay.mini {
  display: inline-grid;
  margin-left: 0.25rem;
  width: auto;
}

.MessageComposer .toolbarLabel ~ * {
  width: auto;
}

.ParticipantDisplay.mini {
  grid-template-columns: 1.625rem auto;
  -ms-grid-columns: 1.625rem auto;
}

.ParticipantDisplay.mini .ParticipantPhoto {
  grid-row: 1/3;
  -ms-grid-row-span: 2;
  height: 1.5rem;
  width: 1.5rem;
}

.ParticipantDisplay.noSubtext.noOutOfContact .displayName {
  grid-row: 1/3;
  align-self: center;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-row-align: center;
}

.ParticipantDisplay.mini .displayName {
  line-height: 1.5rem;
}

.MessageComposer .scrollableSection > * {
  flex: 0 0 auto;
}

.MessageComposer .Actions, .MessageComposer .ComposeDisclaimer, .MessageComposer .readOnlyReasonText {
  border-top: 2px solid #dbdbdb;
}

.ComposeDisclaimer.outer {
  background-color: aliceblue;
  padding: 0.25rem 0;
}

.ComposeDisclaimer .inner {
  align-items: center;
  display: flex;
  position: relative;
  padding: 0 0.75rem;
}

.ComposeDisclaimer .disclaimerText.noMargin {
  margin: 0;
}

.ComposeDisclaimer .disclaimerText {
  font-size: 0.8rem;
  line-height: 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #363636;
  width: auto;
}

.ComposeDisclaimer .disclaimerButton {
  display: inline-flex;
  flex: 0 0 auto;
  margin: 0 0 0 0.5rem;
}

.ComposeDisclaimer .disclaimerButton .disclaimerButtonText {
  font-size: 0.8rem;
  line-height: 1rem;
  color: #007199;
}

.MessageComposer .scrollableSection .Composer {
  flex-grow: 1;
}

.MessageComposer .scrollableSection > * {
  flex: 0 0 auto;
}

.Composer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
  background-color: #ffffff;
}

.Composer .subject, .Composer .body {
  direction: ltr;
  text-align: left;
  margin: 2px;
  width: calc(100% - 4px);
}

._labelledField {
  display: block;
  position: relative;
  width: fit-content;
}

label {
  border-color: transparent;
  border-style: none solid;
  border-width: 0 1px;
  font-size: 0.75rem;
  margin: 0 0.4rem;
  padding: 0.2rem 0 0;
  width: fit-content;
  position: relative;
  z-index: 1;
}

label, .fieldGroupPrompt {
  color: #767676;
  display: block;
  line-height: 1rem;
  text-align: left;
}

.md_react_index label.required::before {
  content: "*" !important;
  color: #D00000;
  margin: 0 0.25rem 0 0 !important;
  background: none !important;
}

label.required::before, .required label::before, .fieldGroupPrompt.required::before, .required .fieldGroupPrompt::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url(../images/required_asterisk.png) scroll no-repeat transparent 0 0/0.4rem 0.4rem;
  margin: 0.15rem 0.15rem 0 0;
  height: 0.4rem;
  width: 0.4rem;
}

.Composer .subject input {
  border-color: transparent;
  margin-bottom: 0;
  min-height: 100%;
}

._input:invalid {
  box-shadow: none;
}

.Composer .MessageBodyInput {
  flex-grow: 1;
}

.MessageBodyInput {
  display: flex;
  position: relative;
  min-height: 5rem;
}

.Composer > * {
  flex: 0 0 auto;
}

.MessageBodyInput .body textarea:not(:invalid) {
  box-shadow: none;
}

label + textarea[class][class] {
  border: none;
  box-shadow: 0 -1px 0 0 #dbdbdb, 1px 0 0 0 #dbdbdb, 0 1px 0 0 #dbdbdb, -1px 0 0 0 #dbdbdb;
  margin-left: 1px;
  border-top: 1.2rem solid transparent;
  padding-top: 0;
}

.MessageBodyInput .body textarea {
  overflow: hidden;
}

.Composer .body textarea {
  padding-bottom: 1.25rem;
}

.Composer .body textarea {
  border-color: transparent;
  margin-bottom: 0;
  min-height: 100%;
}

.textAreaClone {
  border: 1px solid transparent;
  line-height: normal;
  padding: 1rem 0.4rem 1.25rem;
  position: absolute;
  top: -1px;
  visibility: hidden;
  white-space: pre-wrap;
}

.MessageBodyInput .messageBodyInputNotification {
  position: absolute;
  bottom: 0.2rem;
  left: 0.4rem;
  right: 0.4rem;
  width: auto;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: end;
}

.MessageBodyInput .CharacterCounter.invisible {
  display: none;
}

.MessageBodyInput .CharacterCounter {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background: rgba(255, 255, 255, 0.5);
  color: #565656;
  font-size: 0.8rem;
  line-height: 1rem;
  margin-left: auto;
}

.MessageBodyInput .messageBodyInputNotification > * {
  width: auto;
}

.invisible {
  visibility: hidden;
}

.Actions {
  display: flex;
  flex-wrap: wrap;
  background-color: #eaeaea;
}

.Actions .action.left:first-child {
  margin-left: 0.5rem;
}

.Actions .action.left {
  padding: 0.375rem 0.375rem 0.375rem 0;
  margin: 0;
  display: flex;
  align-items: center;
}

._command.tertiary.neutral {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  fill: currentColor;
  font-family: inherit;
  font-size: 1rem;
  line-height: normal;
  margin: 0.5rem 0;
  padding: 0.375rem 0.75rem;
  position: relative;
  text-align: center;
  user-select: none;
  white-space: normal;
  overflow-wrap: break-word;
  background-color: transparent;
  box-shadow: none;
  color: #0084d6;
}

.left {
  text-align: left;
  justify-content: flex-start;
}

.hidden {
  display: none !important;
}

.md_react_index #appPopupRoot .Drawer .MessageComposer .Actions button.primary[aria-disabled=true] {
  background-color: #A0A5B6;
  border: 1px solid #A0A5B6;
  color: #E9EBEE;
}

.md_react_index #appPopupRoot .Drawer .MessageComposer .Actions button.primary {
  background-color: #0074AD;
  border: 1px solid #0074AD;
  color: #fff;
}

._command.primary.positive[aria-disabled=true][class][class] {
  background-color: #dbdbdb;
  border: none;
  box-shadow: none;
  color: #565656;
  text-decoration: none;
  transform: none;
}

.Actions .action.left + .right {
  margin-left: auto;
}

.Actions .action:last-child {
  margin-right: 0.5rem;
}

#appointments {
  display: none;
}

#trash {
  display: none;
}

#automatedMessages {
  display: none;
}

#bookmarks {
  display: none;
}

#bookmarksFullDetails {
  display: none;
}

#conversationFullDetails {
  display: none;
}

#autoomatedFullDetails {
  display: none;
}

#appointmentsFullDetails {
  display: none;
}

#drawerCollapsed {
  display: none;
}

#minimizeFullScreen {
  display: none;
}

#drawerConversation {
  display: none;
}

#drawerConversationCollapsed {
  display: none;
}

@media only screen and (max-width: 768px) {
  #wrap {
    background-color: #fff !important;
  }
}
@media only screen and (max-width: 768px) {
  #header.header_graphic, #graphicHeader:not(:empty), #navnotify {
    padding: 0.15em 0.4em 0.4em 0.4em !important;
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  #graphicHeader:not(:empty) #header_navigation {
    flex-direction: column-reverse;
    row-gap: 5px;
  }
}
@media only screen and (max-width: 768px) {
  #graphicHeader:not(:empty) .header_navigation_buttons {
    column-gap: 15px;
  }
}
@media only screen and (max-width: 768px) {
  #graphicHeader:not(:empty) #header_extras {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1300px) {
  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%;
  }
}
body.graphicHeader:not(.isPrelogin):before, body.md_selftriage_load:before, body.md_landingpage_loadlandingpagedecisiontrees:before, body.md_selftriage_errorpage:before, body.graphicHeader.md_crossdeploymentscheduling_schedulefromtoken:before, body.graphicHeader.md_openscheduling_index:before, body.graphicHeader.md_openscheduling_standalone:before, body.graphicHeader.md_anonymoustelehealth_index:before, body.md_telemedicinehome_guestvisit:before, body.graphicHeader.md_onmyway_index:before, body.graphicHeader.md_standalone_signup:before, body.graphicHeader.md_anonymousscheduling_generateerrorviewfromtoken:before, body.md_proxyselect_index:before, body.graphicHeader.md_bedlogin_index:before, body.graphicHeader.md_react_index:before {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  content: " ";
  z-index: -2;
  background-color: #246fb5;
  background-image: none;
}

body.graphicHeader:not(.isPrelogin):before, .mobile body:not(.tvmode).MOBackgroundOverride, .mobile body:not(.tvmode).MOBackgroundOverride #main, .mobile body:not(.tvmode).MOBackgroundOverride #footer, body.graphicHeader:not(.isPrelogin) #content:after, .LandingPageReact .ticketsFavorites::before, .SettingsMenu .settingsContainer, ._PageTitle.valance {
  background-color: #fff !important;
}

@media only screen and (max-width: 768px), only screen and (max-height: 500px) {
  .Drawer.expanded {
    height: 100%;
    width: 100%;
    border-radius: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 0;
    min-width: 0;
  }
}
@media only screen and (max-width: 768px), only screen and (max-height: 500px) {
  .Drawer.expanded .titleBarActions ._command:last-child {
    border-radius: 0;
  }
}
@media only screen and (max-width: 768px) {
  #graphicHeader:not(:empty) #header_navigation {
    flex-direction: column-reverse;
    row-gap: 5px;
  }
}
@media only screen and (max-width: 768px) {
  #graphicHeader:not(:empty) #header_menu #header_menu_name {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #graphicHeader:not(:empty) #header_extras {
    flex-direction: column;
  }
}
@media only screen and (max-width: 426px) {
  #graphicHeader:not(:empty) #header_extras_actions {
    margin-right: 0.1rem;
  }
}
@media only screen and (max-width: 768px) {
  body:not(.workflowRestricted):not(.midlogin):not(.isPrelogin) #header:not(.compact) #graphicHeader:not(:empty):not(.isFromMCC) #header_extras_actions_group {
    flex-direction: column;
    row-gap: 9px;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 768px) {
  #graphicHeader:not(:empty) #header_menu {
    padding: 0;
    width: 2.25rem;
  }
}
@media only screen and (max-width: 768px) {
  #graphicHeader:not(:empty) #header_menu #header_menu_icon {
    height: 100%;
    width: 100%;
    border-radius: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  #graphicHeader:not(:empty) #header_menu_name, #graphicHeader:not(:empty) .headerButton, #graphicHeader:not(:empty) #localeswitch, #graphicHeader:not(:empty) .currentlySelectedNameInner, #graphicHeader:not(:empty) .switchPatientsTextOuter {
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 768px) {
  #graphicHeader:not(:empty) #header_go_home {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 768px) {
  #graphicHeader:not(:empty) #header_logo, #graphicHeader:not(:empty) #header_logo_by_epic {
    height: 2.25rem;
  }
}
@media only screen and (max-width: 768px) {
  #graphicHeader:not(:empty) #header_logo .header_logo_link, #graphicHeader:not(:empty) #header_logo_by_epic .header_logo_link {
    top: 0;
  }
}
@media only screen and (max-width: 768px) {
  #graphicHeader:not(:empty) #header_logo .header_logo_link {
    background: transparent url(assets/images/kporg-web.logo.kp.stacked.svg) no-repeat scroll left/contain;
  }
}
@media only screen and (max-width: 768px) {
  #content {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
  }
}
@media only screen and (max-width: 768px) {
  #main {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  #toggleDrawer {
    display: none;
    width: 0;
    padding: 0;
    height: 0;
  }
  #desktopLogo {
    display: none;
    height: 0;
    width: 0;
  }
}
._ViewPicker._CollapsedControls ._ViewPickerCommandPane {
  -ms-grid-row: 3;
  grid-row: start-commands/end-commands;
  bottom: 0.5rem;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}

._ViewPicker._CollapsedControls {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  -ms-grid-rows: auto 1fr auto;
  grid-template-rows: [start-tabs] auto [end-tabs start-list] 1fr [end-list start-commands] auto [end-commands];
  overflow: visible;
}

@media only screen and (max-width: 768px), only screen and (max-height: 500px) {
  .Drawer.expanded .titleBar .Drawer.expanded .titleBarActions ._command:last-child {
    border-radius: 0;
  }
}
@media screen and (max-width: 768px) {
  .ConversationDetails {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .ConversationHeader {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .ConversationHeader .heading {
    padding-top: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .ConversationHeader .subject {
    font-size: 1.25rem;
    padding-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .ConversationHeader .headerChildren {
    flex-grow: 1;
    width: calc(100vw - 9rem);
    position: relative;
    display: inline-flex !important;
  }
}
@media screen and (max-width: 768px) {
  .ConversationHeader .headerChildren .ConversationParticipantsCommand._command, .mobile .ConversationHeader .headerChildren .ConversationParticipantsCommand._command {
    display: inline-flex;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  ._link.tertiary.neutral, ._command.tertiary.neutral {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}
@media screen and (max-width: 768px) {
  .ConversationHeader .commands {
    align-self: stretch;
  }
  #scrollVDesktop {
    display: none;
  }
}
.ConversationHeader .headerChildren {
  display: none;
}

@media screen and (max-width: 768px) {
  .ConversationHeader .commands .ConversationCommand ._readOnlyText, .ConversationHeader .commands .ConversationToggleCommand ._readOnlyText {
    color: transparent !important;
    display: block !important;
    height: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: 0 !important;
  }
}
.ConversationHeader .ConversationParticipantsCommand .displayName:not(:last-child) {
  margin-right: 0.25rem;
}

.ConversationHeader .ConversationParticipantsCommand .displayName {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ConversationHeader .ConversationParticipantsCommand .summaryLabelSuffix {
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .ConversationHeader .commands::before {
    content: "";
    width: 1px;
    margin: 0.375rem 0.75rem;
    background: rgba(118, 118, 118, 0.25);
    flex-shrink: 0;
  }
  .ConversationDetails.full .ConversationMessages {
    min-height: calc(90vh - var(--wp-header-height));
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}