.header-top #header-top {
    background-color: #1b84ff;
}
.header-top .pkp_navigation_user,.header-top .pkp_navigation_user .profile {
    background-color: rgba(0,0,0,0.3);
    color: #FFFFFF;
}
.task_count{
    --bs-badge-padding-x: 0.5rem;
  --bs-badge-padding-y: 0.325rem;
  --bs-badge-font-size: 0.85rem;
  --bs-badge-font-weight: 600;
  --bs-badge-color: var(--bs-body-color);
  --bs-badge-border-radius: 0.425rem;
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.75rem;
  padding: 0 0.1rem;
  line-height: 0;
  border-radius: 50%;
  padding: 0;
  min-width: 1.5rem;
  font-size: 0.8rem;
  width: 1.75rem;
    color: var(--bs-danger-inverse);
  background-color: var(--bs-danger);
  margin-left: 0.5rem !important;
}

#kt_header_navs > div{
    background-color: #1b84ff;
    color: #FFFFFF;
}
.pkp_navigation_primary > .menu-item > .menu-link,.pkp_navigation_primary > .menu-item > .menu-link > .menu-title{
    color: #FFFFFF !important;
}
 .pkp_navigation_primary > .menu-item > .menu-link:hover,.pkp_navigation_primary > .menu-item > .menu-link:active{
   background-color: rgba(0,0,0,0.2);
}
.menu-state-bg .menu-item.show > .menu-link {
  transition: color 0.2s ease;
   background-color: rgba(0,0,0,0.2);
    color: #FFFFFF !important;
}
.make-submission {
  background-image: url(/plugins/themes/cerolas/assets/media/make-submission.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}