[data-theme="dark"] {
  background-color: #000 !important;
  color: #eee;
}

[data-theme="dark"] .bg-light {
  background-color: #222 !important;
}

[data-theme="dark"] .bg-white {
  background-color: #000 !important;
}

[data-theme="dark"] .bg-black {
  background-color: #eee !important;
}

[data-theme="dark"] .hexagon {
  fill: #000;  
  stroke:#232323;
}

[data-theme="dark"] .hexagon-dot {
  fill: #232323;
}

[data-theme="dark"] .show>.nav-link, [data-theme="dark"] .nav-link, [data-theme="dark"] .navbar-light, [data-theme="dark"] .navbar-nav, [data-theme="dark"] .navbar-brand {
  color: #ccc !important;
}

[data-theme="dark"] .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{
  color:#4DCEDF!important;
}

[data-theme="dark"] .card {
  background-color:#333!important;
}

[data-theme="dark"] .accordion-item{
  background-color:#111!important;
}

[data-theme="dark"] .accordion-button,[data-theme="dark"] .list-group-item {
  background-color:#000!important;
  color:#eee!important;
}

[data-theme="dark"] .accordion-button::after{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23EEEEEE'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

[data-theme="dark"] .accordion-button:not(.collapsed){
  color:#4DCEDF!important;
  background-color:#000!important;
  box-shadow:inset 0 -1px 0 rgb(0 0 0 / 13%)!important;
}

[data-theme="dark"] .form-control, [data-theme="dark"] .float-label label::after{
  background-color: #000 !important;
}

[data-theme="dark"] .form-control{
  color: #fff;
}

[data-theme="dark"] .form-control::placeholder{
  color: #aaa;
}

[data-theme="dark"] input:-webkit-autofill,
[data-theme="dark"] input:-webkit-autofill:hover, 
[data-theme="dark"] input:-webkit-autofill:focus,
[data-theme="dark"] textarea:-webkit-autofill,
[data-theme="dark"] textarea:-webkit-autofill:hover,
[data-theme="dark"] textarea:-webkit-autofill:focus,
[data-theme="dark"] select:-webkit-autofill,
[data-theme="dark"] select:-webkit-autofill:hover,
[data-theme="dark"] select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  box-shadow: 0 0 0 30px #020D0F inset !important;
}

[data-theme="dark"] .float-label label::after{
  background-color: #000 !important;
}

[data-theme="dark"] input:-webkit-autofill + label::after,
[data-theme="dark"] input:-webkit-autofill:hover + label::after, 
[data-theme="dark"] input:-webkit-autofill:focus + label::after,
[data-theme="dark"] textarea:-webkit-autofill + label::after,
[data-theme="dark"] textarea:-webkit-autofill:hover + label::after,
[data-theme="dark"] textarea:-webkit-autofill:focus + label::after,
[data-theme="dark"] select:-webkit-autofill + label::after,
[data-theme="dark"] select:-webkit-autofill:hover + label::after,
[data-theme="dark"] select:-webkit-autofill:focus + label::after {
  background-color: #020D0F !important;
}

[data-theme="dark"] .input-group-text{
  background-color: #222;
  border-color: #333;
  color: #ddd;
}

[data-theme="dark"] .form-switch .form-check-input, [data-theme="dark"] .form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")!important;
}

[data-theme="dark"] .modal-content {
  background-color: #444;
}

[data-theme="dark"] .modal-header {
  border-bottom: 1px solid #333
}

[data-theme="dark"] .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

[data-theme="dark"] .modal-footer {
  border-top: 1px solid #333
}

[data-theme="dark"] .toast-header {
  color: #fff !important;
  background-color: rgba(0,0,0,.85) !important;
}

[data-theme="dark"] .text-muted {
  color: #ccc !important;
}

[data-theme="dark"] .table {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #373b3e;
}

[data-theme="dark"] #btn-menu {
  color: #aaa !important;
}

[data-theme="dark"] .navbar-light .navbar-toggler {
  color: rgba(255,255,255,.55);
  border-color: rgba(255,255,255,.1);
}

[data-theme="dark"] #siteNavbar .container-fluid .dropdown .dropdown-toggle img[src*="/0.svg"], [data-theme="dark"] ul[aria-labelledby="usuarioMenu"] li img[src*="/0.svg"] {
  filter: invert(.8);
}

[data-theme="dark"] .dropdown-menu {
  color: #ddd;
  background-color: #000;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: .25rem;
}

[data-theme="dark"] .dropdown-item {
  color: inherit;
}

[data-theme="dark"] .dropdown-item:focus, [data-theme="dark"] .dropdown-item:hover {
  background-color: #222;
}

[data-theme="dark"] .dropdown-item.active, [data-theme="dark"] .dropdown-item:active {
  background-color: #4DCEDF;
  color: #000;
}

[data-theme="dark"] .tooltip.show > .tooltip-inner {
  background-color: #fff;
  color: #000;
}

[data-theme="dark"] .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, [data-theme="dark"] .bs-tooltip-start .tooltip-arrow::before{
  border-left-color: #fff;
}

[data-theme="dark"] .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, [data-theme="dark"] .bs-tooltip-end .tooltip-arrow::before{
  border-right-color: #fff;
}

[data-theme="dark"] .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, [data-theme="dark"] .bs-tooltip-top .tooltip-arrow::before{
  border-top-color: #fff;
}

[data-theme="dark"] .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, [data-theme="dark"] .bs-tooltip-bottom .tooltip-arrow::before{
  border-bottom-color: #fff;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  [data-theme="dark"] .modal-backdrop.show {
      opacity: 1 !important;
  }

  [data-theme="dark"] .modal-backdrop{
      background-color: initial !important;
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      -moz-b: blur(10px);
  }

  [data-theme="dark"] .menu-backdrop{
      position: absolute;
      z-index: 4;
      background-color: rgba(0,0,0,.1);
      height: 100%;
      width: 100%;
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
  }
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  [data-theme="dark"] .menu-backdrop{
      position: absolute;
      z-index: 3;
      background-color: rgba(0,0,0,.8);
      height: 100%;
      width: 100%;
  }
}

[data-theme="dark"] .page-link, [data-theme="dark"] .page-item.disabled .page-link{
  background-color: #000;
}