html[data-theme="dark"] .temperaturaEstadoFisico,
html[data-theme="dark"] .caixaMostradorLegendaEsquerda .legendaItem1,
html[data-theme="dark"] .caixaMostradorLegendaEsquerda .legendaItem2,
html[data-theme="dark"] .caixaMostradorLegendaEsquerda .legendaItem3,
html[data-theme="dark"] .caixaMostradorLegendaEsquerda .legendaItem4 {
  color: #e8edf5 !important;
}

html[data-theme="dark"] #searchIcon svg path,
html[data-theme="dark"] #menuToggle svg rect,
html[data-theme="dark"] .mostrarTemperatura svg path,
html[data-theme="dark"] #btnModoPintar svg path {
  fill: #d7e0ed !important;
}

html[data-theme="dark"] #btnModoPintar svg {
  stroke: #d7e0ed !important;
}

html[data-theme="dark"] .legendaDesconhecido svg text {
  fill: #e8edf5 !important;
}

html[data-theme="dark"] .familia::after {
  background-color: #243246 !important;
  color: #e8edf5 !important;
}

html[data-theme="dark"] .ProtonEletronNeutro .numeroProtonLegenda {
  color: #e8edf5 !important;
  background-color: transparent !important;
}

html[data-theme="dark"] .ProtonEletronNeutro .numeroNeutronLegenda {
  color: #aeb8c5 !important;
}

html[data-theme="dark"] .ProtonEletronNeutro .numeroEletronLegenda {
  color: #88b9ff !important;
}

html[data-theme="dark"] .extra-container .spanProton,
html[data-theme="dark"] .extra-container .spanNeutron {
  color: #17202c !important;
}

html[data-theme="dark"] #btnImprimir svg,
html[data-theme="dark"] #btnImprimir svg path,
html[data-theme="dark"] #botoesExtrasWrapper button svg path[fill="#575757"],
html[data-theme="dark"] #botoesExtrasWrapper button svg[fill="#575757"] path:not([fill]) {
  fill: #d7e0ed !important;
}

html[data-theme="dark"] #botoesExtrasWrapper button svg path[stroke] {
  stroke: #d7e0ed !important;
}

html[data-theme="dark"] #botoesExtrasWrapper {
  background-color: #182331 !important;
}

html[data-theme="dark"] #botoesExtrasWrapper > button {
  background-color: #26364b !important;
  color: #e8edf5 !important;
  border-color: #445871 !important;
}

html[data-theme="dark"] #botoesExtrasWrapper > button:hover,
html[data-theme="dark"] #botoesExtrasWrapper > button.ferramentaPintura-ativa {
  background-color: #36516f !important;
}

html[data-theme="dark"] #menu {
  background-color: #182331 !important;
  color: #e8edf5 !important;
}

html[data-theme="dark"] #menu .menu-item:hover,
html[data-theme="dark"] #menu .submenu-item:hover {
  background-color: #29415c !important;
}

html[data-theme="dark"] #menu #svgToggleInputs svg path[stroke="#000000"] {
  stroke: #d7e0ed !important;
}

html[data-theme="dark"] #menu #svgToggleInputs svg path[fill="#000000"] {
  fill: #d7e0ed !important;
}

html[data-theme="dark"] #footer-content > div:not(.locale-switcher):not(#areaLogin) {
  background-color: #202d3e !important;
}

html[data-theme="dark"] #footer-content a,
html[data-theme="dark"] #footer-content a span {
  color: #e8edf5 !important;
}

html[data-theme="dark"] #footer-content a:hover {
  background-color: #29415c !important;
}

html[data-theme="dark"] .locale-switcher-trigger,
html[data-theme="dark"] .locale-switcher-menu {
  background-color: #202d3e !important;
  color: #e8edf5 !important;
  border-color: #445871 !important;
}

html[data-theme="dark"] .locale-switcher-option {
  color: #e8edf5 !important;
}

html[data-theme="dark"] .locale-switcher-option:hover,
html[data-theme="dark"] .locale-switcher-option:focus-visible,
html[data-theme="dark"] .locale-switcher-option[aria-selected="true"] {
  background-color: #29415c !important;
}

html[data-theme="dark"] .btn-ver-respostas {
  background-color: #24364d !important;
  color: #a9caff !important;
  border-color: #476489 !important;
}

html[data-theme="dark"] .btn-ver-respostas:hover {
  background-color: #315276 !important;
}

html[data-theme="dark"] .modal-impressao .modal-conteudo h2 {
  color: #e8edf5 !important;
}

html[data-theme="dark"] #dropdownContent > div:hover,
html[data-theme="dark"] #dropdownContent > div:focus-visible {
  background-color: #29415c !important;
  color: #b9d8ff !important;
}

html[data-theme="dark"] .caixaMostradorLegendaEsquerda .legendaLinha:hover > div[class^="legendaItem"] {
  background-color: #29415c !important;
  color: #b9d8ff !important;
}

html[data-theme="dark"] .periodo::after,
html[data-theme="dark"] .periodoLantanoidesActinoides::after {
  background-color: #243246 !important;
  color: #e8edf5 !important;
}

html[data-theme="dark"] .lantanideosFora:hover,
html[data-theme="dark"] .actinoidesFora:hover,
html[data-theme="dark"] .lantanideosDentro:hover,
html[data-theme="dark"] .actinoidesDentro:hover {
  background-color: #243246 !important;
  color: #e8edf5 !important;
}

html[data-theme="dark"] .LegendaMetaisPesados svg path[fill="#515151"] {
  fill: #d7e0ed !important;
}