:root {
  --cmail-ink: #163238;
  --cmail-muted: #63777b;
  --cmail-accent: #087f78;
  --cmail-accent-strong: #05635e;
  --cmail-surface: #ffffff;
  --cmail-border: #d8e6e4;
  --cmail-bg: #edf5f4;
}

body.task-login {
  background: var(--cmail-bg) !important;
  color: var(--cmail-ink);
}

body.task-login #layout-content {
  border: 1px solid var(--cmail-border);
  border-radius: 8px;
  background: var(--cmail-surface);
  box-shadow: 0 16px 40px rgba(22, 50, 56, .12);
}

body.task-login #logo {
  width: 64px;
  height: 64px;
  margin-bottom: 14px;
}

body.task-login #login-form table {
  border-collapse: separate;
  border-spacing: 0 10px;
}

body.task-login #login-form .title {
  color: var(--cmail-muted);
  font-weight: 600;
}

body.task-login #login-form input.form-control {
  min-height: 42px;
  border: 1px solid var(--cmail-border);
  border-radius: 6px;
  color: var(--cmail-ink);
}

body.task-login #login-form input.form-control:focus {
  border-color: var(--cmail-accent);
  box-shadow: 0 0 0 3px rgba(8, 127, 120, .14);
}

body.task-login #rcmloginsubmit {
  min-height: 42px;
  border: 0;
  border-radius: 6px;
  background: var(--cmail-accent) !important;
  box-shadow: none;
  font-weight: 700;
}

body.task-login #rcmloginsubmit:hover,
body.task-login #rcmloginsubmit:focus {
  background: var(--cmail-accent-strong) !important;
}

body.task-login #login-footer {
  color: var(--cmail-muted);
  letter-spacing: .04em;
}

#layout-menu,
#layout-sidebar {
  border-color: #d7e4e3;
}

#layout-menu {
  background: #12383d;
}

#layout-menu .button-selected,
#layout-menu .button:hover,
#layout-menu .button:focus {
  background: #0b5f5c;
}

#layout-content .toolbar a.button.mainaction,
#layout-content .toolbar button.mainaction {
  background: var(--cmail-accent);
  border-color: var(--cmail-accent);
}

#layout-content .toolbar a.button.mainaction:hover,
#layout-content .toolbar button.mainaction:hover {
  background: var(--cmail-accent-strong);
  border-color: var(--cmail-accent-strong);
}