/* Cloutingo theme overrides (DailyBoost base + new palette) */
:root {
  --cl-primary: #36A86E;
  --cl-primary-dark: #2E7D5B;
  --cl-success: #4CAF50;
  --cl-warning: #F5A623;
  --cl-primary-rgb: 54, 168, 110;
  --cl-success-rgb: 76, 175, 80;
  --cl-warning-rgb: 245, 166, 35;
}

a {
  color: var(--cl-primary);
}

a:hover,
a:focus {
  color: var(--cl-primary-dark);
}

.text-primary {
  color: var(--cl-primary) !important;
}

.text-success {
  color: var(--cl-success) !important;
}

.text-warning {
  color: var(--cl-warning) !important;
}

.btn-primary,
.btn-primary:focus,
.btn-primary.focus {
  background-color: var(--cl-primary);
  border-color: var(--cl-primary);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: var(--cl-primary-dark);
  border-color: var(--cl-primary-dark);
}

.btn-success,
.btn-success:focus,
.btn-success.focus {
  background-color: var(--cl-success);
  border-color: var(--cl-success);
}

.btn-warning,
.btn-warning:focus,
.btn-warning.focus {
  background-color: var(--cl-warning);
  border-color: var(--cl-warning);
  color: #ffffff;
}

.label-primary,
.badge {
  background-color: var(--cl-primary);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--cl-primary);
  border-color: var(--cl-primary);
}

.form-control:focus {
  border-color: var(--cl-primary);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--cl-primary-rgb), 0.25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--cl-primary-rgb), 0.25);
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: var(--cl-primary);
}

.panel-primary {
  border-color: var(--cl-primary);
}

.panel-primary > .panel-heading {
  background-color: var(--cl-primary);
  border-color: var(--cl-primary);
}

.alert-success {
  border-color: rgba(var(--cl-success-rgb), 0.35);
}

.alert-warning {
  border-color: rgba(var(--cl-warning-rgb), 0.35);
}