.fr-bg-primary {
  background-color: #007bff !important;
}

a.fr-bg-primary:hover,
a.fr-bg-primary:focus,
button.fr-bg-primary:hover,
button.fr-bg-primary:focus {
  background-color: #0062cc !important;
}

.fr-bg-secondary {
  background-color: #6c757d !important;
}

a.fr-bg-secondary:hover,
a.fr-bg-secondary:focus,
button.fr-bg-secondary:hover,
button.fr-bg-secondary:focus {
  background-color: #545b62 !important;
}

.fr-bg-success {
  background-color: #28a745 !important;
}

a.fr-bg-success:hover,
a.fr-bg-success:focus,
button.fr-bg-success:hover,
button.fr-bg-success:focus {
  background-color: #1e7e34 !important;
}

.fr-bg-info {
  background-color: #17a2b8 !important;
}

a.fr-bg-info:hover,
a.fr-bg-info:focus,
button.fr-bg-info:hover,
button.fr-bg-info:focus {
  background-color: #117a8b !important;
}

.fr-bg-warning {
  background-color: #ffc107 !important;
}

a.fr-bg-warning:hover,
a.fr-bg-warning:focus,
button.fr-bg-warning:hover,
button.fr-bg-warning:focus {
  background-color: #d39e00 !important;
}

.fr-bg-danger {
  background-color: #dc3545 !important;
}

a.fr-bg-danger:hover,
a.fr-bg-danger:focus,
button.fr-bg-danger:hover,
button.fr-bg-danger:focus {
  background-color: #bd2130 !important;
}

.fr-bg-light {
  background-color: #f8f9fa !important;
}

a.fr-bg-light:hover,
a.fr-bg-light:focus,
button.fr-bg-light:hover,
button.fr-bg-light:focus {
  background-color: #dae0e5 !important;
}

.fr-bg-dark {
  background-color: #343a40 !important;
}

a.fr-bg-dark:hover,
a.fr-bg-dark:focus,
button.fr-bg-dark:hover,
button.fr-bg-dark:focus {
  background-color: #1d2124 !important;
}

.fr-bg-white {
  background-color: #fff !important;
}

.fr-bg-transparent {
  background-color: transparent !important;
}