/* START styling scrollbars */
html {
  --scrollbarBG: #4569B1;
  --thumbBG: #91F549;
  --thumbBG: #fff;
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-width: auto;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 20p
}


/* nur chat-history im chat-layer */
.chat-history-inner table.striped>tbody>tr:nth-child(odd) {
  /* Hintergrund-Farbe Chat-History ungerade Zeilen */
  background-color: #f2f2f2;
  background-color: rgba(255,255,255, 0.5);
  background-color: transparent;
}
.chat-history-inner table.striped>tbody>tr:nth-child(even) {
  /* Hintergrund-Farbe Chat-History ungerade Zeilen */
  background-color: #ffffff;
  background-color: rgba(255,255,255, 0.8);
  background-color: transparent;
}
.chat-history-inner table.striped>tbody>tr>td {
  margin: 0;
  padding: 0;
}

/* Nachricht in eigener Chat history */
.td-inner {
  padding: 13px 25px 13px 25px !important;
  padding: 10px 20px 10px 20px !important;
  /* border-radius: 25px 25px 0px 25px !important; */
  border-radius: 10px 10px 0px 10px !important;
  background-color: #FFD699;
  background-color: #00462F; /* AOK presseclub dunkelgruen */
  background-color: #4569B1;
  color: #fff;
  margin: 8px 0 8px 0;
  margin: 6px 8px 6px 0;
  /* margin-bottom: 15px; */ /* bei Sortierung DESC */
}