/*
 * local css customizations to override upstream
 */
body {
  background-color: #1d1d2c;
}
.text-primary { color: #f7f4e9; }
.toast.toast-success { color: #f7f4e9; background: #438945; border-color: #438945;}
.toast.toast-warning { color: #f7f4e9; background: #eba63f; border-color: #eba63f;}
.toast.toast-error { color: #f7f4e9; background: #e40c2b; border-color: #e40c2b;}
.label.label-secondary { color: #1d1d2c; background: #eba63f; border-color: #eba63f;}
.btn.btn-primary { color: #f7f4e9; background: #3cbcc3; border-color: #3cbcc3;}
.btn.btn-success { color: #f7f4e9; background: #438945; border-color: #438945;}
a { color: #3cbcc3; }
.btn.btn-link { color: #3cbcc3; }

table.table {
  line-height: 1em;
}

div.divider { border-top-color: #eba63f; }
div.divider[data-content]::after {
  color: #1d1d2c;
  background: #eba63f;
}

/*
 * rotation of table header row
 * source: https://css-tricks.com/rotated-table-column-headers/
 */
th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform:
  /* Magic Numbers */
  translate(25px, 51px)
  /* 45 is really 360 - 45 */
  rotate(315deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}