.dark-theme {
  background-color: #454545;
  color: #fff;
}

.dark-theme table {
  color: #fff;
}

.dark-theme .table-striped > tbody > tr:nth-of-type(odd) > * {
  color: #fff;
}

.dark-theme .table-striped > tbody > tr > *:hover {
  color: #e0d2d2;
}

.dark-theme .table-hover > tbody > tr:hover > * {
  color: #e0d2d2;
}

.dark-theme #myModal > .modal-content,
.dark-theme #popover-modal > .modal-content,
.dark-theme .select2-dropdown,
.dark-theme .select2-selection__rendered,
.dark-theme .select2-search__field {
  background-color: #454545 !important;
  color: #fff;
}

.dark-theme
  .select2-container--default
  .select2-results__option[aria-selected="true"],
.dark-theme
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  background-color: #818181;
  color: #fff;
}

.dark-theme #myModal h4 {
  color: #fff;
}

.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6 {
  color: #fff;
}

.dark-theme #confirmationModal .modal-content {
  background-color: #454545;
}

.dark-theme .custom-link {
  color: #00aeff;
  background-color: #454545;
}

.dark-theme .custom-link:hover {
  color: #0099ff;
}

.dark-theme input,
.dark-theme select,
.dark-theme textarea {
  background-color: #333 !important;
  color: #fff;
}

.dark-theme .form-check-input[type="checkbox"],
.dark-theme .form-check-input[type="radio"] {
  background-color: #333;
  border-color: #fff;
}

.dark-theme .form-check-input[type="checkbox"]:checked,
.dark-theme .form-check-input[type="radio"]:checked {
  background-color: #fff;
  border-color: #fff;
}

.dark-theme nav {
  background-color: #8b8b8b;
}

.dark-theme .card,
.dark-theme .friends-card,
.dark-theme .friends-card p {
  color: white !important;
  background-color: #7c7777 !important;
}

.dark-theme .custom-select select {
  background-color: #7c7777 !important;
}

.dark-theme thead {
  background-color: #151515;
}

.dark-theme .modal-content {
  background-color: #454545;
}

.dark-theme .text-muted {
  color: #d4d4d4;
}

.dark-theme .dialog-off-canvas-main-canvas a:not(nav *) {
  color: #73b8fa;
}

.dark-theme input[type="text"] {
  color: #fff;
}

.dark-theme .chat-container {
  background-color: #828282;
}