/* src/styles.css */
:root {
  --brand-primary: #27ae60;
  --brand-secondary: #2c3e50;
  --bs-primary: var(--brand-primary);
  --bs-secondary: var(--brand-secondary);
  --bs-primary-rgb:
    105,
    108,
    255;
}
[data-bs-theme=dark] {
  color-scheme: dark;
}
[data-bs-theme=dark] body,
[data-bs-theme=dark] .bg-body {
  background-color: #3d3d3d !important;
  color: #b4b7bd !important;
}
[data-bs-theme=dark] .card {
  background-color: #292929 !important;
  color: #d0d2d6 !important;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24) !important;
}
[data-bs-theme=dark] .bg-menu-theme {
  background-color: #292929 !important;
}
[data-bs-theme=dark] .bg-menu-theme .menu-link,
[data-bs-theme=dark] .bg-menu-theme .menu-header-text,
[data-bs-theme=dark] .bg-menu-theme .app-brand-text {
  color: #d0d2d6 !important;
}
[data-bs-theme=dark] .bg-menu-theme .menu-item.active > .menu-link {
  background-color: rgba(105, 108, 255, 0.16) !important;
  color: var(--brand-primary) !important;
  background-color: #292929 !important;
  color: #d0d2d6 !important;
}
[data-bs-theme=dark] .dropdown-menu {
  background-color: #292929 !important;
  border-color: #4b4b4b !important;
}
[data-bs-theme=dark] .dropdown-item {
  color: #d0d2d6 !important;
}
[data-bs-theme=dark] .dropdown-item:hover {
  background-color: #4b4b4b !important;
}
[data-bs-theme=dark] .form-control,
[data-bs-theme=dark] .form-select,
[data-bs-theme=dark] .input-group-text {
  background-color: #3d3d3d !important;
  border-color: #4b4b4b !important;
  color: #d0d2d6 !important;
}
[data-bs-theme=dark] .form-control:focus,
[data-bs-theme=dark] .form-select:focus {
  border-color: var(--brand-primary) !important;
}
[data-bs-theme=dark] .modal-content {
  background-color: #292929 !important;
  color: #d0d2d6 !important;
  border-color: #4b4b4b !important;
}
[data-bs-theme=dark] .table {
  color: #d0d2d6 !important;
  border-color: #4b4b4b !important;
}
[data-bs-theme=dark] .table th {
  color: #e0e2e6 !important;
}
[data-bs-theme=dark] .table-hover tbody tr:hover {
  background-color: #323b52 !important;
}
[data-bs-theme=dark] .bg-light {
  background-color: #3d3d3d !important;
}
[data-bs-theme=dark] .text-muted {
  color: #82868b !important;
}
[data-bs-theme=dark] .text-body {
  color: #d0d2d6 !important;
}
[data-bs-theme=dark] .footer {
  background-color: #292929 !important;
  color: #82868b !important;
}
html.dark-style .bg-navbar-theme {
  background-color: #292929 !important;
  color: #d0d2d6 !important;
}
html.dark-style .layout-navbar {
  background-color: rgba(41, 41, 41, 0.95) !important;
}
html.dark-style .navbar-detached {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5) !important;
}
html.dark-style .bg-navbar-theme .navbar-nav > .nav-link,
html.dark-style .bg-navbar-theme .navbar-nav > .nav-item > .nav-link,
html.dark-style .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link {
  color: #d0d2d6 !important;
}
html.dark-style .bg-navbar-theme .navbar-nav > .nav-link:hover,
html.dark-style .bg-navbar-theme .navbar-nav > .nav-item > .nav-link:hover {
  color: #ffffff !important;
}
html.dark-style .bg-navbar-theme .text-muted {
  color: #82868b !important;
}
html.dark-style .layout-navbar .text-muted {
  color: #82868b !important;
}
[data-bs-theme=dark] .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%) !important;
}
html.dark-style .btn-outline-secondary {
  color: #b0b0b0 !important;
  border-color: #6b6b6b !important;
}
html.dark-style .btn-outline-secondary:hover,
html.dark-style .btn-outline-secondary:focus {
  color: #ffffff !important;
  background-color: #4b4b4b !important;
  border-color: #8a8a8a !important;
}
html.dark-style .btn-primary,
html.dark-style .btn-secondary,
html.dark-style .btn-success,
html.dark-style .btn-info,
html.dark-style .btn-warning,
html.dark-style .btn-danger {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
html.dark-style .btn-primary:hover,
html.dark-style .btn-secondary:hover,
html.dark-style .btn-success:hover,
html.dark-style .btn-info:hover,
html.dark-style .btn-warning:hover,
html.dark-style .btn-danger:hover,
html.dark-style .btn-outline-primary:hover {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5) !important;
}
html.dark-style .btn:focus,
html.dark-style .btn:active,
html.dark-style .btn.active {
  box-shadow: none !important;
}
html.dark-style .modal-content {
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.6) !important;
}
html.dark-style .card {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.35) !important;
}
html.dark-style .form-check-input:focus,
html.dark-style .form-check-input:checked,
html.dark-style .form-check-input[type=checkbox]:indeterminate {
  box-shadow: none !important;
}
html.dark-style .nav-pills .nav-link.active {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
html.dark-style .page-item.active .page-link {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
html.dark-style .dropdown-menu {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5) !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */