html.dark-style body {
  background-color: #3d4153 !important;
  color: #ffffff !important;
}

html.dark-style .layout-page,
html.dark-style .content-wrapper,
html.dark-style .container-xxl,
html.dark-style .container-p-y {
  background-color: #242424 !important;
  color: #ffffff !important;
}

html.dark-style .bg-navbar-theme,
html.dark-style #layout-navbar,
html.dark-style .navbar-detached {
  background-color: #3a3a3a !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html.dark-style .bg-menu-theme,
html.dark-style #layout-menu,
html.dark-style .layout-menu {
  background-color: #3a3a3a !important;
  color: #ffffff !important;
}

html.dark-style .menu-inner .menu-link,
html.dark-style .menu-header-text,
html.dark-style .app-brand-text,
html.dark-style .menu-text {
  color: #ffffff !important;
}

html.dark-style .menu-inner .menu-link:hover,
html.dark-style .menu-inner .menu-link:focus {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}

html.dark-style .dropdown-menu {
  background-color: #2f3349 !important;
  color: #ffffff !important;
  border-color: #565b79 !important;
}

html.dark-style .dropdown-item {
  color: #ffffff !important;
}

html.dark-style .dropdown-item:hover,
html.dark-style .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}

html.dark-style .card,
html.dark-style .modal-content,
html.dark-style .offcanvas,
html.dark-style .accordion-item,
html.dark-style .list-group-item {
  background-color: #2f3349 !important;
  color: #ffffff !important;
  border-color: #565b79 !important;
}

html.dark-style .table {
  color: #ffffff !important;
}

html.dark-style .table th,
html.dark-style .table td {
  border-color: #565b79 !important;
}

html.dark-style .form-control,
html.dark-style .form-select {
  background-color: #25293c !important;
  color: #ffffff !important;
  border-color: #565b79 !important;
}

html.dark-style .form-control:focus,
html.dark-style .form-select:focus {
  background-color: #25293c !important;
  color: #ffffff !important;
  border-color: #f06767 !important;
  box-shadow: none !important;
}

html.dark-style .text-muted,
html.dark-style small,
html.dark-style .text-body {
  color: #ffffff !important;
}

html.dark-style .border,
html.dark-style .border-top,
html.dark-style .border-bottom,
html.dark-style hr,
html.dark-style .dropdown-divider {
  border-color: #565b79 !important;
}

html.dark-style .content-backdrop {
  background-color: rgba(0, 0, 0, 0.35) !important;
}

.luna{
    color: #fff;
}

.luna:hover{
    color: #565b79
}

.dropdown-menu .dropdown-menu-end{
    color: #fff;
}