body {
  background-color: #191919;
  color: white;
  background-image: url("/site/gfx/christmas/snow-dark.png");
}

a {
  color: #9cb834;
}

.linkAsText,
.textSmall {
  color: white;
}

input,
select,
textarea {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  border: 2px solid rgba(255, 255, 255, 0.35);
}

#sidebar {
  background-color: rgba(37, 33, 27, 0.75);
}

.menuBar,
.phoneMenuBar {
  background-color: #232325;
  box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.5), -1px 0px 1px 0px rgba(255, 255, 255, 0.5), 1px 0px 1px 0px rgba(255, 255, 255, 0.5);
}
.menuBar a,
.phoneMenuBar a {
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 800px) {
  .menuBar i,
.phoneMenuBar i {
    color: rgba(255, 255, 255, 0.9);
  }
}

.box,
.boxWithBackground {
  background-color: #232325;
  color: white;
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.5);
}

.boxWithBackground {
  background-image: none !important;
}

.boxOK,
.boxError {
  color: #292421;
}

.card,
.cardWithHeader {
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}

.cardHeader {
  background: rgba(255, 255, 255, 0.11) !important;
}

th {
  background-color: #6b6b6b;
}

.tableBorderAll {
  border: 1px solid #e3dac5;
}
.tableBorderAll th,
.tableBorderAll td {
  border: 1px solid #e3dac5;
}

.tableBorderRow th,
.tableBorderRow td {
  border-top: 1px solid #e3dac5;
  border-bottom: 1px solid #e3dac5;
}

.borderTop {
  border-top: 1px solid darkgray;
}

.borderBottom {
  border-bottom: 1px solid darkgray;
}

.list .subheader {
  border-radius: 2px;
  width: 100%;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.25);
  padding: 3px;
  padding-left: 6px;
  margin: 0px;
  margin-top: 8px;
  margin-bottom: 8px;
  color: white;
}
.list .subheader .date {
  color: lightgray;
}
.list .subheader .linkDiscrete {
  color: white;
  font-weight: normal;
}
.list .subseperator {
  width: 100%;
  border-top: 1px solid rgba(240, 240, 240, 0.5);
  margin-top: 10px;
  margin-bottom: 10px;
}

.fa-solid,
.fa-regular {
  color: lightgrey;
}

.categoryItem {
  background-color: rgba(255, 255, 255, 0.075);
}
.categoryItem:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.categoryItem a {
  color: rgba(255, 255, 255, 0.9);
}
.categoryItem i {
  color: rgba(255, 255, 255, 0.6);
}

#message-system .message-window {
  background-color: #25211b;
  border: 1px solid #25211b;
  box-shadow: -1px -1px 0.5px gray, 1px -1px 0.5px gray, -1px 1px 0.5px gray;
}
#message-system .message-window .message-header {
  background-color: #6b6b6b;
}

#notificationBox {
  background-color: #25211b;
}

#quiz .answer-box {
  border: 2px solid rgba(255, 255, 255, 0.9) !important;
}
#quiz .result-summary {
  background-color: #6b6b6b;
}
#quiz .result-correct {
  background-color: rgba(12, 120, 0, 0.5);
}
#quiz .result-wrong {
  background-color: rgba(188, 12, 0, 0.5);
}
#quiz .result-no-answer {
  background-color: rgba(255, 229, 2, 0.5);
}

.ui-multidropdown button,
.ui-imagepicker button {
  background-color: rgba(0, 0, 0, 0.9) !important;
  color: white !important;
  border: 2px solid rgba(255, 255, 255, 0.35);
}
.ui-multidropdown .ui-multidropdown-content,
.ui-multidropdown .ui-imagepicker-content,
.ui-imagepicker .ui-multidropdown-content,
.ui-imagepicker .ui-imagepicker-content {
  background-color: #6b6b6b !important;
  box-shadow: 0px 0px 2px 1px rgba(255, 255, 255, 0.5) !important;
}

.boxTabsItem a,
.boxTabsItem .fa-regular {
  color: white !important;
}

.boxTabsItemSelected {
  background-color: #232325 !important;
}
.boxTabsItemSelected a,
.boxTabsItemSelected .fa-regular {
  color: white !important;
}

#friendlist .friendRowOnline {
  background-color: rgba(0, 255, 0, 0.15);
}

.darkInvert {
  filter: invert(100%);
}