/* ============================ */
.purity-accordion .accordion__item[data-active="true"]:before {
  background-color: #0081be;
}
/* ============================ Sub Color ============================ */
div[data-pf-type="Body"] .btn-default, div[data-pf-type="body"] .btn-default {
  background-color: #fff;
  color: #000;
}
div[data-pf-type="Body"] .btn-default:hover, div[data-pf-type="body"] .btn-default:hover {
  background-color: #30a6f4;
  color: #fff;
}
div[data-pf-type="Body"] .btn-primary, div[data-pf-type="body"] .btn-primary {
  background-color: #0081be;
  color: #fff;
}
div[data-pf-type="Body"] .btn-primary:hover, div[data-pf-type="body"] .btn-primary:hover {
  background-color: #30a6f4;
  color: #fff;
}
div[data-pf-type="Body"] .btn-info, div[data-pf-type="body"] .btn-info {
  background-color: #5bc0de;
  color: #fff;
}
div[data-pf-type="Body"] .btn-info:hover, div[data-pf-type="body"] .btn-info:hover {
  background-color: #31b0d5;
}
div[data-pf-type="Body"] .btn-danger, div[data-pf-type="body"] .btn-danger, div[data-pf-type="Body"] .btn-error, div[data-pf-type="body"] .btn-error {
  background-color: #d9534f;
  color: #fff;
}
div[data-pf-type="Body"] .btn-danger:hover, div[data-pf-type="body"] .btn-danger:hover, div[data-pf-type="Body"] .btn-error:hover, div[data-pf-type="body"] .btn-error:hover {
  background-color: #c9302c;
}
div[data-pf-type="Body"] .btn-secondary, div[data-pf-type="body"] .btn-secondary {
  background-color: #6c757d;
  color: #fff;
}
div[data-pf-type="Body"] .btn-secondary:hover, div[data-pf-type="body"] .btn-secondary:hover {
  background-color: #5a6268;
}
div[data-pf-type="Body"] .btn-success, div[data-pf-type="body"] .btn-success {
  background-color: #5cb85c;
  color: #fff;
}
div[data-pf-type="Body"] .btn-success:hover, div[data-pf-type="body"] .btn-success:hover {
  background-color: #449d44;
}
div[data-pf-type="Body"] .btn-warning, div[data-pf-type="body"] .btn-warning {
  background-color: #ff9c00;
  color: #fff;
}
div[data-pf-type="Body"] .btn-warning:hover, div[data-pf-type="body"] .btn-warning:hover {
  background-color: #cc7d00;
}
div[data-pf-type="Body"] .btn-dark, div[data-pf-type="body"] .btn-dark {
  background-color: #343a40;
  color: #fff;
}
div[data-pf-type="Body"] .btn-dark:hover, div[data-pf-type="body"] .btn-dark:hover {
  background-color: #23272b;
}
div[data-pf-type="Body"] .btn-link, div[data-pf-type="body"] .btn-link {
  background: none;
  color: #007bff;
}