/* Copyright 2018-2025 Epic Systems Corporation */
@media only screen and (min-width: 1px) and (max-width: 768px) {
  #header .menugroup.droppeddown .submenu {
    position: absolute;
    width: 100vw;
  }
}
@media (max-width: 768px) {
  #graphicHeader:not(:empty) #header_extras {
    grid-column-start: 2;
  }
}

@media only screen and (max-width: 768px) and (min-width: 1px) {
  #header[lang=ar] #menu {
    padding: 18px 0 0;
  }
}
html {
  -webkit-overflow-scrolling: touch;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 768px) {
  #graphicHeader:empty {
    height: 6rem;
  }
}

@media (max-width: 768px) {
  #header.shouldUseLegacyMenu #header_navigation {
    flex-direction: column;
  }
  #header.shouldUseLegacyMenu #header_extras {
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 768px) {
  #graphicHeader:not(:empty) #header_logo,
  #graphicHeader:not(:empty) #header_logo_by_epic {
    height: 2.25rem;
  }
  #graphicHeader:not(:empty) #header_logo .logo_image,
  #graphicHeader:not(:empty) #header_logo_by_epic .logo_image {
    height: 2.25rem;
  }
}

#header.header_graphic #header_logo_by_epic {
  max-width: 30vw;
}
#header.header_graphic.isFromMCC #header_go_home {
  max-width: 50vw;
}
#header.header_graphic.isFromMCC[lang=ar] #header_logo_by_epic {
  max-width: 20vw;
}
@media only screen and (max-width: 768px) {
  #header.header_graphic .headerButton {
    font-size: 0.8rem;
  }
}
@media (max-width: 768px) {
  #header.header_graphic #header_navigation {
    flex-direction: column;
    row-gap: 0.5rem;
  }
  #header.header_graphic .header_navigation_buttons {
    width: 100%;
  }
  #header.header_graphic #header_search_bar_container {
    height: 2.25rem;
    width: 2.25rem;
    transition: width 0.15s ease, margin-left 0.15s ease;
  }
}
@media (max-width: 768px) and (prefers-reduced-motion) {
  #header.header_graphic #header_search_bar_container {
    transition: opacity 0.15s ease;
  }
}
@media (max-width: 768px) {
  #header.header_graphic #header_search_bar_container.skipAnimation {
    transition: none;
  }
  #header.header_graphic #header_extras {
    grid-column: 2/span 1;
    flex-direction: column-reverse;
    row-gap: 0.5rem;
  }
  #header.header_graphic.isSearchOpen #home_button,
  #header.header_graphic.isSearchOpen .proxyMenuButton {
    display: none;
  }
  #header.header_graphic.isSearchOpen .header_navigation_buttons {
    column-gap: 0rem;
  }
  #header.header_graphic.isSearchOpen #header_search_bar_container {
    width: 100%;
  }
  #header.header_graphic.isSearchOpen .searchBarInputGroup,
  #header.header_graphic.isSearchOpen .searchBarInput,
  #header.header_graphic.isSearchOpen .ClearSearchCommand,
  #header.header_graphic.isSearchOpen .searchBarIcon {
    pointer-events: auto;
    visibility: visible;
    transition: visibility 0s linear 0s;
  }
  #header.header_graphic:not(.isSearchOpen) .searchBarInputGroup,
  #header.header_graphic:not(.isSearchOpen) .searchBarInput,
  #header.header_graphic:not(.isSearchOpen) .ClearSearchCommand,
  #header.header_graphic:not(.isSearchOpen) .searchBarIcon {
    pointer-events: none;
    visibility: hidden;
    transition: visibility 0s linear 0.15s;
  }
  #header.header_graphic.compact #header_navigation,
  #header.header_graphic.compact #header_extras {
    grid-row-end: 1;
    row-gap: 0rem;
  }
}

@media only screen and (max-width: 768px) {
  #header.compact #header_logo,
  #header.compact #header_go_home,
  #header.compact #header_logo_by_epic {
    display: none;
  }
}
@media only screen and (max-width: 768px) and (max-width: 265px) {
  #header.static #header_logo_by_epic {
    display: none;
  }
  #header.isFromMCC #graphicHeader:not(:empty) #header_extras {
    grid-column: 1/span 1;
  }
  #header.isFromMCC #graphicHeader:not(:empty) #header_extras #header_logo_by_epic {
    display: none;
  }
}
@media only screen and (max-width: 768px) and (max-width: 321px) {
  #header.isFromMCC[lang=ar].isFromMCC #graphicHeader:not(:empty) #header_extras {
    grid-column: 1/span 1;
  }
  #header.isFromMCC[lang=ar].isFromMCC #graphicHeader:not(:empty) #header_extras #header_logo_by_epic {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #access-review-container [class*=col] {
    text-align: center;
  }
}