body {
  background-color: #1b262c;
  color: rgba(255, 255, 255, 0.87);
  font-family: Comfortaa;
}

header.sticky {
  background-color: #1b262c;
  border-color: black;
}

nav a.current_page {
  background-color: black;
}

a {
  color: rgba(187, 225, 250, 0.87);
}

a:hover,
a:focus {
  color: rgba(187, 225, 250, 1);
}

.high-emph {
  color: rgba(255, 255, 255, 0.87);
}

.medium-emph {
  color: rgba(255, 255, 255, 0.6);
}

.disabled-emph {
  color: rgba(255, 255, 255, 0.38);
}

hr {
  background-color: rgba(255, 255, 255, 0.87);
}

/* FORM STUFF */

.form-control:focus {
  outline: 0;
  border-color: #2098d1 !important;
  box-shadow: 0 0 0 0.2rem #2098d1;
}
.btn-primary {
  background-color: #2098d1;
  border-color: #2098d1 !important;
  color: white;
}
.btn-primary:hover {
  background-color: #145f83;
  border-color: #145f83 !important;
  color: white;
}
.btn-cancel {
  background-color: #6b6c6d;
  border-color: #6b6c6d !important;
  color: white;
}
.btn-cancel:hover {
  background-color: #505151;
  border-color: #505151 !important;
  color: white;
}
.btn-remove {
  background-color: #721c24;
  border-color: #721c24 !important;
  color: #f8d7da;
}
.btn-remove:hover {
  background-color: #2b0a0e;
  border-color: #2b0a0e !important;
  color: #f8d7da;
}

/* TABLE STUFF */

table {
  border-color: rgb(10, 14, 16);
}

tr > th {
  background-color: rgb(10, 14, 16);
}

tr > td {
  border-color: rgb(10, 14, 16);
}
tr.done,
tr.done a {
  background-color: black;
  color: #2098d1;
}

/* ALERT STUFF */

.alert-danger a {
  color: red;
}

.alert-info a {
  color: blue;
}

/* */

.box .empty {
  background-color: rgb(10, 14, 16);
}
