/*.ql-align-justify {*/
/*    white-space: pre-wrap;*/
/*}*/
/*.ql-formats {*/
/*    color: #cccccc;*/
/*}*/

:root {
  --color-bg: #000000;
  --color-fg: #ffffff;
  --padding: 5px 0px;
}

@media (prefers-color-scheme: light) {
  :root {
    --color-bg: #ffffff;
    --color-fg: #000000;
    --padding: 5px 0px;
  }
}

/*body {*/
/*    background-color: var(--color-bg);*/
/*    color: var(--color-fg);*/
/*}*/

.ql-editor {
  padding: var(--padding);
}

.ql-toolbar {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: var(--color-bg);
  /*color: var(--color-bg);*/
}
.ql-snow .ql-picker {
  color: var(--color-bg);
  /*#444;*/
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

/*.ql-tooltip .ql-toolbar {*/
/*    background-color: var(--color-bg);*/
/*    color: var(--color-bg);*/
/*}*/

.ql-container.ql-snow {
  font-family: inherit;
  border-color: #7a838c;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.ql-toolbar .ql-stroke {
  fill: none;
  stroke: var(--color-fg); /*#fff;*/
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.2;
}

.ql-toolbar .ql-fill {
  fill: var(--color-fg); /*#fff;*/
  stroke: none;
}

.ql-toolbar .ql-picker {
  color: var(--color-fg); /*#fff;*/
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: var(--color-fg); /*#fff;*/
}

.ql-snow .ql-picker-options {
  border-color: #7a838c !important;
  /*background-color: #161a1f;*/
  border-radius: 6px;
}

.ql-snow .ql-tooltip {
  /*background-color: #161a1f;*/
  background-color: var(--color-bg);
  border-radius: 6px;
  border: none;
  left: 41px;
  top: 170px;
  /*color: #f9fafa;*/
  color: var(--color-fg);
  box-shadow: 4px 8px rgba(25, 39, 52, 0.06), 0 0 4px rgba(25, 39, 52, 0.12);
}
a:not([href]),
a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}
.ql-snow a {
  color: #06c;
}

.ql-mention-list-container {
  width: 270px;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #7a838c;
  box-shadow: 0 2px 12px 0 rgba(30, 30, 30, 0.08);
  z-index: 9001;
  overflow: auto;
}

.ql-mention-loading {
  line-height: 44px;
  padding: 0 20px;
  vertical-align: middle;
  font-size: 16px;
  background-color: #7a838c;
}

.ql-mention-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #7a838c;
}

.ql-mention-list-item {
  cursor: pointer;
  line-height: 20px;
  font-size: 14px;
  padding: 5px 15px;
  vertical-align: middle;
  background-color: #7a838c;
}

.ql-mention-list-item.disabled {
  cursor: auto;
}

.ql-mention-list-item.selected {
  background-color: darkgrey;
  text-decoration: none;
}

.mention {
  height: 24px;
  width: 65px;
  border-radius: 6px;
  background-color: #7a838c;
  padding: 3px 0;
  margin-right: 2px;
  user-select: all;
}

.mention > span {
  margin: 0 3px;
}

.ql-mention-list-container {
  max-height: 200px;
  background-color: #7a838c;
}

/*.ws-tile-single-line-textLeft > list-h3 {*/
/*        padding-left: 1rem;*/
/*        padding-top:.75rem;*/
/*}*/

.list-p {
  margin: 0;
  padding: 0;
}

.list-h4 {
  /*font-weight: 100;*/
  margin: 0;
  padding: 0;
}