:root {
  --bs-primary: #003366;
  --kt-primary: #003366;
  --bs-primary-active: #002244;
  --kt-primary-active: #002244;
  --bs-component-active-bg: #003366;
  --bs-component-hover-color: #003366;
  --bs-primary-light: #e3f2fd;
  --kt-primary-light: #e3f2fd;
}

body {
  background-color: #f4f6fa;
  font-family: "Public Sans", sans-serif;
}

.btn-primary,
.btn.btn-primary {
  background-color: #003366 !important;
  border-color: #003366 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 51, 102, 0.4) !important;
  transition: all 0.2s ease;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.show,
.btn-primary .show > .btn-primary.dropdown-toggle,
.btn-primary .show > .btn.btn-primary.dropdown-toggle,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary .show > .btn-primary.dropdown-toggle,
.btn.btn-primary .show > .btn.btn-primary.dropdown-toggle {
  background-color: rgb(0, 38.25, 76.5) !important;
  border-color: rgb(0, 38.25, 76.5) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 15px rgba(0, 51, 102, 0.6) !important;
  transform: translateY(-2px);
}

.btn-outline-primary {
  color: #003366 !important;
  border-color: #003366 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: #003366 !important;
  border-color: #003366 !important;
  color: #ffffff !important;
}

.text-primary {
  color: #003366 !important;
}

.bg-primary {
  background-color: #003366 !important;
}

.link-primary {
  color: #003366 !important;
}

.link-primary:hover,
.link-primary:active,
.link-primary.active {
  color: rgb(0, 25.5, 51) !important;
}

.btn-light-primary {
  background-color: #e3f2fd !important;
  color: #003366 !important;
}

.btn-light-primary:hover,
.btn-light-primary:active,
.btn-light-primary.active {
  background-color: rgb(203.2, 230.95, 251.3) !important;
  color: rgb(0, 25.5, 51) !important;
}

.btn-active-color-primary:hover,
.btn-active-color-primary.active,
.btn-active-color-primary:active,
.show > .btn-active-color-primary {
  color: #003366 !important;
}

.btn-active-color-primary:hover i,
.btn-active-color-primary:hover .ki-duotone,
.btn-active-color-primary:hover .ki-outline,
.btn-active-color-primary.active i,
.btn-active-color-primary.active .ki-duotone,
.btn-active-color-primary.active .ki-outline,
.btn-active-color-primary:active i,
.btn-active-color-primary:active .ki-duotone,
.btn-active-color-primary:active .ki-outline,
.show > .btn-active-color-primary i,
.show > .btn-active-color-primary .ki-duotone,
.show > .btn-active-color-primary .ki-outline {
  color: #003366 !important;
}

.app-sidebar {
  background: linear-gradient(180deg, #001f3f 0%, #001122 100%) !important;
}

.app-sidebar-menu .menu-item .menu-link {
  color: #aeb7c6;
}

.app-sidebar-menu .menu-item .menu-link:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.05);
}

.app-sidebar-menu .menu-item .menu-link.active {
  background-color: #003366 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(0, 51, 102, 0.4);
}

.app-sidebar-menu .menu-item .menu-link.active .menu-icon i {
  color: #ffffff !important;
}

.app-sidebar-menu .menu-item .menu-link.active .menu-title {
  font-weight: 600;
  color: #ffffff !important;
}

.app-header-menu .menu-item .menu-link:hover:not(.disabled):not(.active),
.app-header-menu .menu-item .menu-link.hover:not(.disabled):not(.active) {
  background-color: #e3f2fd !important;
  color: #003366 !important;
}

.app-header-menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title,
.app-header-menu .menu-item .menu-link.hover:not(.disabled):not(.active) .menu-title {
  color: #003366 !important;
}

.app-header-menu .menu-item .menu-link.active {
  background-color: #e3f2fd !important;
  color: #003366 !important;
}

.app-header-menu .menu-item .menu-link.active .menu-title {
  color: #003366 !important;
}

.card {
  border: 0;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  border-radius: 0.5rem;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: #c3c3c3;
  border-radius: 4px;
}

::-webkit-scrollbar-track {
  background: transparent;
}