/* Copyright 2018-2024 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.without_search #header_navigation {
    flex-direction: column;
  }
  #header.without_search #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;
}
#header.header_graphic:not(.isFromMCC) #header_navigation, #header.header_graphic:not(.isFromMCC) #header_extras {
  max-width: 40vw;
}
@media only screen and (max-width: 768px) {
  #header.header_graphic .headerButton {
    font-size: 0.8rem;
  }
}
#header.header_graphic #home_button, #header.header_graphic .proxyMenuButton, #header.header_graphic .searchBarInput, #header.header_graphic .ClearSearchCommand, #header.header_graphic .searchButton {
  animation-duration: 0s;
  animation-delay: 0s;
  animation-fill-mode: forwards;
}
#header.header_graphic #home_button, #header.header_graphic .searchBarInput {
  animation-name: reset-display-block;
}
@keyframes reset-display-block {
  to {
    display: block;
  }
}
#header.header_graphic .proxyMenuButton {
  animation-name: reset-display-inline-flex;
}
@keyframes reset-display-inline-flex {
  to {
    display: inline-flex;
  }
}
#header.header_graphic .ClearSearchCommand, #header.header_graphic .searchButton {
  animation-name: reset-display-inline-block;
}
@keyframes reset-display-inline-block {
  to {
    display: inline-block;
  }
}
@media (max-width: 768px) {
  #header.header_graphic #header_search_bar_container {
    grid-area: 2/1/span 1/span 2;
    width: 100%;
    margin-left: 0;
    transition-property: width, margin-left;
    transition-duration: 0.1s;
    transition-delay: 0.15s;
  }
}
@media (max-width: 768px) and (prefers-reduced-motion) {
  #header.header_graphic #header_search_bar_container {
    transition: none;
  }
}
@media (max-width: 768px) {
  #header.header_graphic.isSearchOpen #home_button, #header.header_graphic.isSearchOpen .proxyMenuButton {
    animation-name: delay-display-none;
    animation-delay: 0.2s;
  }
}

@keyframes delay-display-none {
  to {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #header.compact #header_logo,
  #header.compact #header_go_home,
  #header.compact #header_logo_by_epic {
    display: none;
  }
  #header.compact #header_search_bar_container {
    grid-row-start: 1;
  }
}
@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;
  }
  .graphicHeader.md_home_index #header:not(.without_search) #header_navigation {
    max-width: unset;
  }
  .graphicHeader.md_home_index #header:not(.without_search) #header_navigation #header_go_home {
    max-width: 50vw;
  }
  .graphicHeader.md_home_index #header:not(.without_search) #header_logo_by_epic {
    display: none;
  }
  .graphicHeader.inSearchResultsPage #header:not(.without_search) #header_go_home, .graphicHeader.inSearchResultsPage #header:not(.without_search) #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;
  }
}
@media (max-width: 768px) {
  .graphicHeader:not(.md_home_index):not(.inSearchResultsPage) #header #header_navigation {
    grid-row: 1/span 2;
    flex-direction: column;
    row-gap: 0.5rem;
  }
  .graphicHeader:not(.md_home_index):not(.inSearchResultsPage) #header #header_search_bar_container {
    grid-column: 1/span 2;
    width: 2.25rem;
    margin-left: 2.75rem;
  }
  .graphicHeader:not(.md_home_index):not(.inSearchResultsPage) #header #header_search_bar_container:not(.isSearchOpen) .searchBarInput, .graphicHeader:not(.md_home_index):not(.inSearchResultsPage) #header #header_search_bar_container:not(.isSearchOpen) .ClearSearchCommand, .graphicHeader:not(.md_home_index):not(.inSearchResultsPage) #header #header_search_bar_container:not(.isSearchOpen) .searchButton {
    animation-name: delay-display-none;
    animation-delay: 0.2s;
  }
  .graphicHeader:not(.md_home_index):not(.inSearchResultsPage) #header #header_extras {
    grid-row: 1/span 2;
    flex-direction: column-reverse;
  }
  .graphicHeader:not(.md_home_index):not(.inSearchResultsPage) #header.compact #header_navigation {
    grid-row-end: 1;
  }
  .graphicHeader:not(.md_home_index):not(.inSearchResultsPage) #header.compact #header_search_bar_container {
    grid-row-start: 1;
  }
  .graphicHeader:not(.md_home_index):not(.inSearchResultsPage) #header.compact #header_search_bar_container.isSearchOpen {
    width: 100%;
    margin-left: 0;
    transition-delay: 0s;
  }
  .graphicHeader:not(.md_home_index):not(.inSearchResultsPage) #header.compact #header_extras {
    grid-row-end: 1;
  }
}
@media (max-width: 768px) {
  .graphicHeader.md_home_index #header.compact #header_search_bar_container {
    margin-left: 0;
  }
  .graphicHeader.inSearchResultsPage #header.compact #header_search_bar_container {
    margin-left: 2.75rem;
  }
  .graphicHeader.md_home_index #header.compact #header_search_bar_container, .graphicHeader.inSearchResultsPage #header.compact #header_search_bar_container {
    grid-row-start: 1;
    width: 2.25rem;
  }
  .graphicHeader.md_home_index #header.compact #header_search_bar_container.isSearchOpen, .graphicHeader.inSearchResultsPage #header.compact #header_search_bar_container.isSearchOpen {
    width: 100%;
    margin-left: 0;
    transition-delay: 0s;
  }
  .graphicHeader.md_home_index #header.compact #header_search_bar_container:not(.isSearchOpen) .searchBarInput, .graphicHeader.md_home_index #header.compact #header_search_bar_container:not(.isSearchOpen) .ClearSearchCommand, .graphicHeader.md_home_index #header.compact #header_search_bar_container:not(.isSearchOpen) .searchButton, .graphicHeader.inSearchResultsPage #header.compact #header_search_bar_container:not(.isSearchOpen) .searchBarInput, .graphicHeader.inSearchResultsPage #header.compact #header_search_bar_container:not(.isSearchOpen) .ClearSearchCommand, .graphicHeader.inSearchResultsPage #header.compact #header_search_bar_container:not(.isSearchOpen) .searchButton {
    animation-name: delay-display-none;
    animation-delay: 0.2s;
  }
  .graphicHeader.md_home_index #header:not(.compact) #header_search_bar_container, .graphicHeader.inSearchResultsPage #header:not(.compact) #header_search_bar_container {
    transition-delay: 0s;
  }
}
