.dark {
  background-color: #1D1E26;
  color: white;
}
.dark input {
  color: #1D1E26;
}
.dark #nav {
  background-color: #242932;
}
.dark #nav #logo {
  background-color: #0080FF;
  color: white;
}
.dark #nav #menu a svg {
  fill: #575C64;
}
.dark #nav #menu a.active svg {
  fill: #0080FF;
}
.dark #nav #menu a:hover svg {
  fill: white;
}
.dark #nav #quit svg {
  fill: #575C64;
}
.dark #navHover {
  background-color: #1D1E26;
}
.dark .btn.icon svg {
  fill: white;
}
.dark .btn.blue {
  background-color: #0080FF;
  box-shadow: 0px 8px 10px rgba(0, 128, 255, 0.3);
  color: white;
}
.dark .btn.blue:hover {
  box-shadow: 0px 0px 0px rgba(235, 87, 87, 0.3);
}
.dark .btn.red {
  background-color: #EB5757;
  box-shadow: 0px 8px 10px rgba(235, 87, 87, 0.3);
  color: white;
}
.dark .btn.red:hover {
  box-shadow: 0px 0px 0px rgba(235, 87, 87, 0.3);
}
.dark .btn.border {
  border: 2px solid #2B313B;
}
.dark .header {
  border-bottom: 2px solid #2B313B;
}
.dark .top {
  background-color: #1D1E26;
}
.dark .top .options .searchBar {
  border: 2px solid #2B313B;
}
.dark .top .options .searchBar.drop .ui {
  color: white;
}
.dark .top .options .searchBar.drop .ui input, .dark .top .options .searchBar.drop .ui .text {
  color: white;
}
.dark .top .options .searchBar.drop .ui a {
  border: 2px solid #0080FF;
}
.dark .top .options .searchBar.drop .ui a:hover {
  border-color: #EB5757;
}
.dark .top .options .searchBar:hover {
  border-color: #575C64;
}
.dark .top .options .searchBar:focus-within {
  border-color: #0080FF;
}
.dark .top .options .searchBar input {
  color: white;
}
.dark .top .options .searchBar input[type=search]::-webkit-search-cancel-button {
  background: #EB5757;
  background-image: url("../media/svg/timesDark.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.dark .top .options .searchBar button svg {
  fill: #575C64;
}
.dark .top .options .searchBar button:hover svg {
  fill: #0080FF;
}
.dark table {
  background-color: #242932;
}
.dark table thead th {
  color: #0080FF;
  border-bottom: 0px solid #575C64;
  background-color: #242932;
}
.dark table tbody tr:hover {
  background-color: #333945;
}
.dark table tbody tr:hover .drag svg {
  fill: #575C64;
}
.dark table tbody .drag:hover svg {
  fill: #0080FF !important;
}
.dark table tbody .drag svg {
  fill: #1D1E26;
}
.dark table tbody .tableOptions .option {
  fill: #787f8a;
}
.dark table tbody .tableOptions .option:hover {
  fill: #0080FF;
}
.dark table tr:nth-child(odd) {
  background-color: #2B313B;
}
.dark .switch input:checked + .slider {
  background-color: #1D1E26;
}
.dark .switch input:checked + .slider:before {
  background-color: #0080FF;
}
.dark .switch .slider {
  background-color: #1D1E26;
}
.dark .switch .slider:before {
  background-color: #EB5757;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .dark #popup #popupBackground {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.3);
  }
}
.dark #popup #popupContent {
  background-color: #1D1E26;
}
.dark form {
  color: white;
}
.dark form div.checkbox:hover:before {
  background-color: #2B313B;
  opacity: 1;
}
.dark form div.checkbox:hover input {
  border-color: #0080FF !important;
}
.dark form div.checkbox:before {
  background-color: #2B313B;
}
.dark form div.checkbox input:before {
  background-color: #0080FF;
}
.dark form div.checkbox input:checked {
  border-color: #0080FF !important;
}
.dark form div.checkbox input {
  border-color: #575C64 !important;
}
.dark form div input, .dark form div textarea, .dark form div select {
  border: 2px solid #2B313B;
  background-color: #1A1B22 !important;
  color: white;
}
.dark form div input:hover, .dark form div textarea:hover, .dark form div select:hover {
  border-color: #575C64;
}
.dark form div input:focus, .dark form div textarea:focus, .dark form div select:focus {
  border-color: #0080FF;
}
.dark .passwordView svg {
  fill: #575C64;
}
.dark .passwordView svg:hover {
  fill: #0080FF;
}
.dark .passwordView svg.active {
  fill: #EB5757;
}
.dark .content {
  background-color: #242932;
}
.dark .content div {
  color: white;
}
.dark .content div.active {
  background-color: #0080FF;
  color: white;
}
.dark .content div.active svg {
  fill: white;
}
.dark .content div:hover {
  background-color: #575C64;
  color: white;
}
.dark .content div:hover svg {
  fill: white;
}
.dark .content div svg {
  fill: white;
}
.dark .content select {
  color: white;
}
.dark .content select option {
  color: #1D1E26;
}
.dark .order svg {
  fill: #575C64;
}

/*# sourceMappingURL=dark.css.map */