:root {
  --redbit-red: #e10b17;
  --redbit-dark: #1d1e1c;
  --redbit-white: #ffffff;
}

/* Login */
body.task-login,
body.task-login #layout {
  background: var(--redbit-dark) !important;
}

body.task-login #layout-content {
  background: transparent !important;
}

body.task-login #login-form {
  border-top: 4px solid var(--redbit-red);
  border-radius: 4px;
}

body.task-login .formbuttons .button,
.button.mainaction,
button.btn.btn-primary,
a.button.mainaction,
input.btn.btn-primary,
.btn-primary {
  background-color: var(--redbit-red) !important;
  border-color: var(--redbit-red) !important;
  color: var(--redbit-white) !important;
}

body.task-login .formbuttons .button:hover,
.button.mainaction:hover,
.btn-primary:hover {
  background-color: #c20a14 !important;
  border-color: #c20a14 !important;
}

/* Sidebar */
#layout-menu {
  background: var(--redbit-dark) !important;
}

#layout-menu a.selected,
#layout-menu .selected > a,
#layout-menu .special-buttons a.button.selected {
  color: var(--redbit-red) !important;
}

.listing tbody tr.selected td,
.listing li.selected,
#messagelist tr.selected td {
  background-color: rgba(225, 11, 23, 0.12) !important;
}

a { color: var(--redbit-red); }

#logo {
  max-height: 36px;
  width: auto;
}

body.task-login #logo {
  max-height: 88px;
  width: auto;
  margin-bottom: 1.5rem;
  filter: brightness(0) invert(1);
}

input:focus, textarea:focus, select:focus, .form-control:focus {
  border-color: var(--redbit-red) !important;
  box-shadow: 0 0 0 0.15rem rgba(225, 11, 23, 0.25) !important;
}

.form-check-input:checked {
  background-color: var(--redbit-red) !important;
  border-color: var(--redbit-red) !important;
}

.unreadcount, span.unreadcount {
  background: var(--redbit-red) !important;
}

/* Header toolbar selected / active accents */
#messagetoolbar a.button.selected,
.toolbar a.button.selected {
  color: var(--redbit-red) !important;
}