.content-header {
  background-color: #45a7b9;
}
.bg-header {
  background-color: #e2e4ec;
  border-bottom: 1px solid rgba(72, 94, 144, 0.16);
}

.content-header .nav-link {
  color: #fff;
}
.content-header .nav-link :hover {
  color: rgba(255, 255, 255, 1);
}
.content-search svg {
  color: #fff;
}
.content-header svg {
  width: 18px;
  height: 18px;
}
.navbar-header {
  background-color: #45a7b9;
  border-bottom-color: transparent;
}
.navbar-header .df-logo,
.navbar-header .df-logo:hover,
.navbar-header .df-logo:focus {
  color: #fff;
  font-weight: 600;
}
.navbar-header .df-logo span,
.navbar-header .df-logo:hover span,
.navbar-header .df-logo:focus span {
  color: #fff;
}
.navbar-header .burger-menu {
  color: #fff;
}
.navbar-header .burger-menu:hover,
.navbar-header .burger-menu:focus {
  color: #fff;
}
@media (min-width: 992px) {
  .navbar-header .nav-item.with-sub .nav-link::after {
    border-color: #fff;
  }
  .navbar-header .nav-item.with-sub .nav-link:hover::after,
  .navbar-header .nav-item.with-sub .nav-link:focus::after {
    border-color: #fff;
  }
}
@media (min-width: 992px) {
  .navbar-header .nav-item.active .nav-link {
    color: #fff;
  }
}
@media (min-width: 992px) {
  .navbar-header .nav-item.active.with-sub .nav-link::after {
    border-color: #fff;
  }
}
@media (min-width: 992px) {
  .navbar-header .nav-link {
    color: #fff;
  }
  .navbar-header .nav-link:hover,
  .navbar-header .nav-link:focus {
    color: #fff;
  }
}
.navbar-header .navbar-menu-sub {
  border-top-color: transparent;
  margin-top: 15px;
}
@media (min-width: 992px) {
  .navbar-header .navbar-menu-sub {
    margin-top: 1px;
    box-shadow: 0 0 8px rgba(28, 39, 60, 0.06);
  }
}
.navbar-header .navbar-menu-sub::before {
  opacity: 0;
}
.navbar-header .navbar-right .search-link {
  color: rgba(255, 255, 255, 0.7);
}
.navbar-header .navbar-right .search-link:hover,
.navbar-header .navbar-right .search-link:focus {
  color: #fff;
}
.navbar-header .dropdown-notification .dropdown-link,
.navbar-header .dropdown-message .dropdown-link {
  color: rgba(255, 255, 255, 0.7);
}
.navbar-header .dropdown-notification .dropdown-link:hover,
.navbar-header .dropdown-notification .dropdown-link:focus,
.navbar-header .dropdown-message .dropdown-link:hover,
.navbar-header .dropdown-message .dropdown-link:focus {
  color: #fff;
  background-color: #ff2f94;
}
.navbar-header .dropdown-notification .dropdown-menu,
.navbar-header .dropdown-message .dropdown-menu {
  margin-top: 19.5px;
}
.navbar-header .dropdown-notification .dropdown-menu::before,
.navbar-header .dropdown-message .dropdown-menu::before {
  opacity: 0;
}
.navbar-header .dropdown-profile .dropdown-link:hover .avatar img,
.navbar-header .dropdown-profile .dropdown-link:focus .avatar img {
  background-color: rgba(255, 255, 255, 0.2);
}
.navbar-header .dropdown-menu {
  border-width: 0;
  box-shadow: 0 0 8px 2px rgba(28, 39, 60, 0.1);
}
.navbar-header .btn-social {
  color: #fff;
}
.navbar-header .btn-social:hover,
.navbar-header .btn-social:focus {
  color: #fff;
}
.navbar-header .btn-buy {
  background-color: #45a7b9;
  color: #fff;
}

.navbar-search-header {
  background-color: #45a7b9;
  border-bottom-width: 0;
}
.navbar-search-header .form-control {
  color: #fff;
}
.navbar-search-header .btn {
  color: #fff;
}
.navbar-search-header .link-03 {
  color: #fff;
}
.navbar-search-header .link-03:hover,
.navbar-search-header .link-03:focus {
  color: #fff;
}

.navbar-menu-wrapper {
  background-color: #fff;
}
@media (min-width: 992px) {
  .navbar-menu-wrapper {
    background-color: transparent;
  }
}

.navbar-menu-header {
  background-color: #45a7b9;
}
.navbar-menu-header a:last-child {
  color: rgba(255, 255, 255, 0.3);
}
.navbar-menu-header a:last-child:hover,
.navbar-menu-header a:last-child:focus {
  color: rgba(255, 255, 255, 0.6);
}

.aside.minimize .nav-aside .nav-label + .nav-item::before {
  border-top-color: rgba(255, 255, 255, 0.12);
}

.aside-header {
  background-color: #45a7b9;
}
[dir="rtl"] .aside-header {
  border-right: unset;
}
.aside-header .burger-menu {
  color: #fff;
}
.aside-header .burger-menu:hover,
.aside-header .burger-menu:focus {
  color: #fff;
}

.aside-logo,
.aside-logo:hover,
.aside-logo:focus {
  color: #fff;
}
.aside-logo span,
.aside-logo:hover span,
.aside-logo:focus span {
  color: #fff;
}

.aside-menu-link {
  color: #fff;
}
.aside-menu-link:hover,
.aside-menu-link:focus {
  color: #fff;
}

.aside-body {
  border-top-color: transparent;
  background-color: #2e2e2e;
}

.aside-loggedin-user h6 {
  color: #fff;
  font-weight: 500;
}

.aside-loggedin-user p {
  color: #fff;
}

.aside-loggedin-user a {
  color: #fff;
}
.aside-loggedin-user a:hover,
.aside-loggedin-user a:focus {
  color: #fff;
}

.aside-alert-link a,
.aside-alert-link span.new {
  color: #fff;
}
.aside-alert-link a:hover svg,
.aside-alert-link a:focus svg {
  color: #fff;
}
.aside-alert-link a.new::before {
  box-shadow: 0 0 0 2px #2e2e2e;
  background-color: #ff2f94;
}

.nav-aside .nav-label {
  color: #fff;
  font-weight: 500;
}

.nav-aside .nav-item.active .nav-link {
  color: #fff;
}
.nav-aside .nav-item.active .nav-link::before {
  bottom: 0;
  top: 0;
  border-left-color: #fff;
  border-left-width: 2px;
  background-color: rgba(255, 255, 255, 0.08);
}

.nav-aside .nav-item.active svg {
  color: #fff;
  fill: rgba(255, 255, 255, 0.2);
}

.nav-aside .nav-item.with-sub.show .nav-link {
  color: #fff;
}
.nav-aside .nav-item.with-sub.show .nav-link svg {
  color: #fff;
}
.nav-aside .nav-item.with-sub.show .nav-link::before {
  border-left-color: #fff;
}

.nav-aside .nav-item.with-sub ul li.active a {
  color: #fff;
}

.nav-aside .nav-item.with-sub ul a {
  color: #dcddde;
}
.nav-aside .nav-item.with-sub ul a:hover,
.nav-aside .nav-item.with-sub ul a:focus {
  color: #fff;
  background-color: #171717;
  padding-left: 5px;
}

.nav-aside .nav-link {
  color: #fff;
}
.nav-aside .nav-link svg {
  color: #9ec4fa;
  stroke-width: 1.7px;
}
.nav-aside .nav-link:hover,
.nav-aside .nav-link:focus {
  color: #fff;
  background-color: #171717;
  padding-left: 5px;
}

@media (max-width: 767.98px) {
  .content-header {
    background-color: #45a7b9;
    border-bottom-width: 0;
  }
  .content-header .nav-link {
    color: #fff;
  }
  .content-header .nav-link:hover,
  .content-header .nav-link:focus {
    color: #fff;
  }
}

@media (max-width: 767.98px) {
  .content-search svg {
    color: #fff;
  }
  .content-search .form-control:focus {
    color: #fff;
  }
}

.notification-list {
  position: absolute;
  top: 30px;
  width: 230px;
  background-color: white;
  z-index: 100000;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  overflow-y: auto;
  max-height: 400px;
}
.notificatiopn-list .notification-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
}
.notification-list .notification-item:hover {
  background-color: #f5f5f5;
}
.btn-header-color {
  background-color: #45a7b9;
  color: white;
}