a:hover,
a:focus {
  filter: brightness(0.9);
}

.btn-primary {
  background-color: var(--cmn-primary-color);
  color: var(--color-primary-contrast);
  border-color: color-mix(in srgb, var(--cmn-primary-color), #000 15%);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: color-mix(in srgb, var(--cmn-primary-color), #000 8%);
}

.btn-link {
  color: var(--cmn-primary-color);
}

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

.panel-primary > .panel-heading {
  background-color: var(--cmn-primary-color);
  color: var(--color-primary-contrast);
  border-color: color-mix(in srgb, var(--cmn-primary-color), #000 12%);
}

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

.form-control:focus {
  border-color: color-mix(in srgb, var(--cmn-primary-color), #000 10%);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cmn-primary-color) 22%, transparent);
}

.form-control::placeholder {
  color: color-mix(in srgb, var(--cmn-dark-color) 40%, transparent);
}

/* Alerts (Bootstrap) */
.toast-success,
.alert-success {
  background-color: var(--success-bg);
  color: var(--success-text);
  border-color: var(--success-border);
}

.toast-warning,
.alert-warning {
  background-color: var(--warning-bg);
  color: var(--warning-text);
  border-color: var(--warning-border);
}

.toast-error,
.alert-error,
.alert-danger {
  background-color: var(--error-bg);
  color: var(--error-text);
  border-color: var(--error-border);
}

.toast-info,
.alert-info {
  background-color: var(--info-bg);
  color: var(--info-text);
  border-color: var(--info-border);
}

.navbar,
.navbar-default {
  background-color: var(--cmn-primary-color);
  border-color: var(--color-border);
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
  color: var(--cmn-dark-color);
}

.daterangepicker .ranges li.active,
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background: var(--cmn-primary-color);
  color: var(--color-primary-contrast);
}