header.page-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
header,
header a {
  color: var(--clr-base-w);
}
header a:hover {
  color: var(--clr-common-hover-green);
}
header img {
  max-height: 48px;
  padding: 6px 0;
}
.page-front header img,
.Colorado header img {
  max-height: 48px;
  padding: 6px 0;
}
header .app-name {
  color: var(--clr-base-w);
  font-size: 1.5rem;
  line-height: 48px;
}
#block-altarumappheader .contextual {
  display: none;
}
.dcc-menu {
  position: relative;
  padding: 4px 0 0 0;
  margin: 12px 12px 0 0;
  display: inline-block;
}

/* state admin menu */
.dcc-menu.state-admin {
  position: static;
  padding: 4px 0 0 0;
  margin: 12px 12px 0 0;
  display: inline-block;
  text-align: left;
}
.dcc-menu.state-admin #state-admin-menu {
  position: absolute;
  width: 100%;
  min-height: 75vh;
  max-height: 75vh;
  top: 36px;
  left: 0;
  right: 0;
  padding: 32px 16px;
  margin: 0;
  z-index: 201;
  background: var(--clr-neutral-light);
  display: none;
  overflow: auto;
}
#state-admin-menu .menu-item.menu-item--expanded {
  display: inline-block;
  vertical-align: top;
  width: auto;
  min-width: 280px;
  margin: 32px;
}
#state-admin-menu .menu-item.menu-item--expanded span {
  color: var(--clr-altarum-dark-text);
  font-weight: 600;
  text-transform: uppercase;
}
#state-admin-menu .menu-item.menu-item--expanded .menu {
  padding-top: 6px;
}
#state-admin-menu .menu-item.menu-item--expanded .menu .menu-item {
  padding-bottom: 6px;
}
#state-admin-menu .menu-item a {
  list-style: none;
  text-decoration: none;
  background: none;
}
#state-admin-menu .menu-item a.is-active {
  text-decoration: underline;
  background: none;
}
.active-menu {
  display: block !important;
  visibility: visible !important;
}
#state-admin-off-top,
#state-admin-off-bottom {
  position: absolute;
  top: 4%;
  right: 24px;
  z-index: 501;
  color: var(--clr-base-b);
}

/* select state menu */
.dcc-menu.state ul {
  padding: 8px 8px 8px 16px;
  margin: 0;
  min-width: 164px;
  position: absolute;
  top: 24px;
  right: 0;
  z-index: 101;
  background: var(--clr-neutral-light);
  display: none;
}
.dcc-menu.state ul li {
  display: block;
  width: 100%;
  padding-top: 8px;
  border-bottom: 1px solid var(--clr-base-b);
}
.dcc-menu.state ul li a {
  color: var(--clr-base-b) !important;
  margin-left: 0 !important;
  text-decoration: none;
}
.dcc-menu.state:hover ul,
.dcc-menu.state:focus ul,
.dcc-menu.state:focus-within ul,
#switch-state-link:hover ~ ul,
#switch-state-link:focus ~ ul,
#switch-state-link:focus-within ~ ul {
  display: block;
}

/* select language menu */
.dcc-menu.language .child-menu {
  padding: 8px 8px 8px 16px;
  margin: 0;
  min-width: 104px;
  position: absolute;
  top: 24px;
  right: 0;
  z-index: 101;
  background: var(--clr-neutral-light);
  display: none;
}
.dcc-menu.language .child-menu li {
  display: block;
  width: 100%;
  padding-top: 8px;
  border-bottom: 1px solid var(--clr-base-b);
}
.dcc-menu.language .child-menu li a {
  color: var(--clr-base-b) !important;
  margin-left: 0 !important;
  text-decoration: none;
}
.dcc-menu.language:hover .child-menu,
.dcc-menu.language:focus .child-menu,
.dcc-menu.language:focus-within .child-menu,
#select-language-link:hover ~ .child-menu,
#select-language-link:focus ~ .child-menu,
#select-language-like:focus-within ~ .child-menu {
  display: block;
}

/* user menu */
.user-logged-in .dcc-menu.dcc-user-menu img {
  padding: 0;
  margin-bottom: -4px;
  width: auto;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--clr-base-w);
}
.user-logged-in .dcc-menu.dcc-user-menu .user-thumbnail img {
  padding: 2px;
  width: auto;
  height: 48px;
  border: 1px solid var(--clr-base-b);
  border-radius: 50%;
}
.user-logged-in .dcc-menu.dcc-user-menu p,
.user-logged-in .dcc-menu.dcc-user-menu p strong {
  font-weight: 600;
  font-size: 1em;
  color: var(--clr-base-b);
  padding: 0;
  margin: 0;
  line-height: 1.25em;
}
.dcc-menu.dcc-user-menu .menu {
  padding: 24px 8px 24px 8px;
  margin: 0;
  min-width: 112px;
  position: absolute;
  top: 24px;
  right: 0;
  z-index: 101;
  background: var(--clr-neutral-light);
  width: 84px;
  text-align: center;
  color: var(--clr-base-b);
  display: none;
}
.user-logged-in .dcc-menu.dcc-user-menu .menu {
  min-width: 240px;
}
.dcc-menu.dcc-user-menu .menu .user-account-card {
  margin-bottom: 16px;
}
.dcc-menu.dcc-user-menu .menu .user-image {
  padding: 0;
  margin: 0 auto;
  width: 32px;
  height: 32px;
  border: 2px solid var(--clr-base-b);
  border-radius: 50%;
}
.dcc-menu.dcc-user-menu .menu li {
  display: block;
  width: 90%;
  margin: 0 8px;
  padding-top: 8px;
  border-bottom: 1px solid var(--clr-base-b);
  text-align: left;
  font-size: 0.95em;
}
.dcc-menu.dcc-user-menu .menu li a {
  color: var(--clr-base-b);
  margin-left: 0 !important;
  text-decoration: none;
}
.dcc-menu.dcc-user-menu:hover .menu,
.dcc-menu.dcc-user-menu:focus .menu,
.dcc-menu.dcc-user-menu:focus-within .menu,
#user-account-link:hover ~ .menu,
#user-account-link:focus ~ .menu,
#user-account-link:focus-within ~ .menu {
  display: block;
}
.dcc-menu.dcc-user-menu > ul > div > div.user-account-email.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* main menu */
.alert-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 101;
  display: none;
}
.alert-overlay.active {
  display: block;
}
.dcc-menu.dcc-main-menu #main-menu-overlay {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 25%;
  background-color: var(--clr-base-w);
  z-index: 201;
  display: none;
}
.dcc-menu.dcc-main-menu #main-menu-overlay.active {
  display: block;
}
.dcc-menu.dcc-main-menu #main-menu-overlay .container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 501;
}
#dcc-menu-off-top {
  position: absolute;
  top: 18px;
  right: 24px;
  z-index: 501;
  color: var(--clr-base-b);
}
#dcc-menu-off-bottom {
  position: absolute;
  top: 18px;
  right: 24px;
  z-index: 501;
  color: var(--clr-base-b);
}
.dcc-menu.dcc-main-menu #main-menu-overlay .main-menu {
  position: absolute;
  display: block;
  top: 48px;
  right: 16px;
  z-index: 301;
  width: 96%;
  padding-top: 24px;
}
.dcc-menu.dcc-main-menu #main-menu-overlay .main-menu li {
  display: block;
  float: none;
  border-bottom: 1px solid var(--clr-base-b);
  text-align: left;
  margin: 0 16px 8px 16px;
}
.dcc-menu.dcc-main-menu #main-menu-overlay .main-menu li a {
  color: var(--clr-base-b);
  text-decoration: none;
}
#sidebarCollapse {
  margin-left: 108px;
}
#renew-jobs-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20%;
  width: 100%;
  border-top: 2px solid var(--clr-common-hover-green);
  padding: 8px 64px 8px 16px;
  background: var(--clr-neutral-light);
  z-index: 201;
}
@media (max-width: 991.98px) {
  .mobile-hide {
    display: none;
  }
  .dcc-menu.dcc-main-menu #main-menu-overlay {
    width: 75%;
  }
  #sidebarCollapse {
    margin-left: 16px;
  }
}

/* Language-specific styles */
html[lang="ru"] header .app-name {
  font-size: 20px !important;
}