/* * btn */
.btn-primary {
  color: #fff;
  background-color: #ff5754;
  border-color: #ff5754;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus {
  color: #3d3d3d;
  background-color: #fff;
  border-color: #3d3d3d;
}
.btn-secondary {
  color: #fff;
  background-color: #3d3d3d;
  border-color: #3d3d3d;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:active:hover,
.btn-secondary:active:focus {
  color: #fff;
  background-color: #ff5754;
  border-color: #ff5754;
}

.btn-green {
  background-color: #61b963;
  color: #fff;
}
.btn-yellow {
  background-color: #ffdb4f;
  color: #fff;
}
.btn-purple {
  background-color: #8764c8;
  color: #fff;
}

.btn-bor-green {
  border: 1px solid #61b963;
  color: #61b963;
}
.btn-bor-yellow {
  border: 1px solid #ffdb4f;
  color: #ffdb4f;
}
.btn-bor-purple {
  border: 1px solid #8764c8;
  color: #8764c8;
}

/* * theme ************************************************/
.theme-primary {
  color: #fff;
  background-color: #ff5754;
}
.theme-secondary {
  color: #fff;
  background-color: #3d3d3d;
}

.text-primary {
  color: #ff5754;
}
.text-secondary {
  color: #3d3d3d;
}
.text-white {
  color: #fff;
}
.text-dark {
  color: #000;
}
.text-muted {
  color: #777;
}
.text-gray {
  color: #838383;
}
.text-b-gray {
  color: #dfdfdf;
}

/* * background  ************************************************/

/* dedupe: keep single definition */
.bg-white {
  background-color: #fff;
}
.bg-gray {
  background-color: #f3f3f3;
}
.bg-gray1 {
  background-color: #f5f5f5;
}
.bg-gray2 {
  background-color: #f6f6f6;
}
.bg-gray--dark {
  background-color: #e6e6e6;
}

/* removed duplicate .bg-white */
.bg-pale {
  background-color: #eff3f4;
}
.bg-green {
  background-color: #61b963;
}
.bg-yellow {
  background-color: #ffdb4f;
}
.bg-purple {
  background-color: #8764c8;
}