html {
  filter: grayscale(0.6) !important;
}


body {
  color: #3F3F3A !important;
}

h3 {
   line-height: 1.5 !important;
}


.bottom-banner {
  background-color: #6F7C4A !important;
  text-align: center !important;
}

.block-banner {
  background: url("../../layout/images/web/banner/BannerKUAR.webp") #272727 no-repeat top center !important;
  background-size: 100% !important;
  background-size: cover !important;
  padding-top: 260px !important;
}

.navbar .main-menu .nav-link.active,
.navbar .main-menu .nav-link:hover {
  border-bottom: 4px solid #6F7C4A !important;
}

.nav-link::after {
  color: #6F7C4A !important;
}

.header-top .scale-menu .nav-link.active {
  background: #F4F3EF !important;
  color: #6F7C4A !important;
}

.btn-primary {
  --bs-btn-bg: #6F7C4A !important;
  --bs-btn-border-color: #6F7C4A !important;
  --bs-btn-hover-bg: #8F9D63 !important;
  --bs-btn-hover-border-color: #8F9D63 !important;
  --bs-btn-active-bg: #8F9D63 !important;
  --bs-btn-active-border-color: #8F9D63 !important;
  --bs-btn-disabled-bg: #6F7C4A !important;
  --bs-btn-disabled-border-color: #6F7C4A !important;
}

.btn {
  border: 1px solid #6F7C4A !important;
}

.btn:hover {
  background: #006664 !important;
  border: 1px solid #006664 !important;
}

.wrap-box {
  background: #8F9D63 !important;
  color: #FFF !important;
}

footer {
  background: linear-gradient(87deg, #f0f1ec 0%, #e2e4da 50%, #d3d7c8 100%) !important;
  border-bottom: 10px solid #6F7C4A !important;
}

.nav-link.active.a {
  color: #6F7C4A !important;
}

.text-lime-green {
  color: #FFF !important;
}

.btn-light-green {
  background: #8F9D63 !important;
  border-color: #8F9D63 !important;
}

.btn-search {
  color: #6F7C4A !important;
}

.btn-search:hover {
  color: #006664 !important;
}

.block-breadcrumb {
  background: #8F9D63 !important;
}

.bg-default {
  background: #F4F3EF !important;
}

.nav-pills .nav-link {
  color: #3F3F3A !important;
}

.nav-pills .nav-link.active {
  border-bottom: 4px solid #6F7C4A !important;
}

.tbl-detail tr td:first-child {
  color: #6F7C4A !important;
}

.box-right {
  background: #F4F3EF !important;
}

.dropdown-item:hover {
  background-color: #8F9D63 !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.nav-link::after {
  color: #6F7C4A !important;
}

.box-search .btn-search {
  background: #6F7C4A !important;
  color: #FFF !important
}

.title-link {
  color: #FFF !important
}

.title-link:hover {
  color: #006664 !important
}

.blue-card {
  background: #8F9D63 !important;
}

.header-top .scale-menu .nav-link.active {
  background: #F4F3EF !important;
  color: #1E1E1E !important;
}

.header-top .scale-menu .nav-link:hover {
  background: #6F7C4A !important;
  color: #FFF !important;
}

.btn.active {
  color: #fff !important;
  background: #6F7C4A !important;
}

.breadcrumb-item.active {
  color: #fff !important;
}

.field-header {
  width: 240px !important;
}

.btn-related.active,
.btn-related:hover {
  color: #fff !important;
}

.block-detail {
  padding-top: 20px !important;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: #1E1E1E !important;
}
.dropdown-item {
   line-height: 2rem !important;
}