:root {
  --swish-green: #01A200;
  --swish-green-dark: #047c00;
}

/* Left app rail */
#layout-menu {
  background: #222f35 !important;
}

#layout-menu .selected,
#layout-menu a.selected,
#layout-menu .special-buttons a.selected {
  background: var(--swish-green) !important;
}

/* Top headers */
.header,
#layout-content .header,
#layout-list .header,
#layout-sidebar .header {
  background: #ffffff !important;
  border-bottom: 1px solid #ddd !important;
}

/* Main buttons */
button.mainaction,
input.button.mainaction,
a.button.mainaction,
.btn-primary,
button.btn-primary {
  background: var(--swish-green) !important;
  border-color: var(--swish-green) !important;
  color: #fff !important;
}

button.mainaction:hover,
input.button.mainaction:hover,
a.button.mainaction:hover,
.btn-primary:hover {
  background: var(--swish-green-dark) !important;
  border-color: var(--swish-green-dark) !important;
}

/* Links and active accents */
a,
.listing li a,
.menu a {
  color: var(--swish-green);
}

a:hover {
  color: var(--swish-green-dark);
}

/* Selected rows / settings sections */
.listing li.selected,
.listing li.selected > a,
.listing tbody tr.selected td {
  background: rgba(1, 162, 0, .12) !important;
  color: #111 !important;
}

/* Switches / toggles */
.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--swish-green) !important;
  border-color: var(--swish-green) !important;
}

/* Inputs */
input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  border-color: var(--swish-green) !important;
  box-shadow: 0 0 0 3px rgba(1, 162, 0, .14) !important;
}

/* Cards / forms */
.box,
.propform,
.contentbox,
.frame-content {
  border-radius: 10px;
}

/* Login page */
body.task-login {
  background: #f9f9f9 !important;
}

body.task-login #login-form {
  border-radius: 14px !important;
  box-shadow: 0 8px 25px rgba(0,0,0,.08) !important;
}

body.task-login #logo {
  color: var(--swish-green) !important;
}