.bg-gradient-primary {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #70319F, rgba(112, 49, 159, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-primary:hover, .bg-gradient-primary:active {
  color: #fff;
}

.gradient-light-primary {
  background: linear-gradient(30deg, #70319F 0%, #d43ed6 100%);
  color: #fff;
}
.gradient-light-primary:hover, .gradient-light-primary:active {
  color: #fff;
}

.bg-gradient-secondary {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #b8c2cc, rgba(184, 194, 204, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-secondary:hover, .bg-gradient-secondary:active {
  color: #fff;
}

.gradient-light-secondary {
  background: linear-gradient(30deg, #b8c2cc 0%, #dcdeec 100%);
  color: #fff;
}
.gradient-light-secondary:hover, .gradient-light-secondary:active {
  color: #fff;
}

.bg-gradient-success {
  background: #0064fa;
  color: #fff;
  background-image: linear-gradient(30deg, #28c76f, rgba(40, 199, 111, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-success:hover, .bg-gradient-success:active {
  color: #fff;
}

.gradient-light-success {
  background: linear-gradient(30deg, #28c76f 0%, #4ae9d3 100%);
  color: #fff;
}
.gradient-light-success:hover, .gradient-light-success:active {
  color: #fff;
}

.bg-gradient-info {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #00cfe8, rgba(0, 207, 232, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-info:hover, .bg-gradient-info:active {
  color: #fff;
}

.gradient-light-info {
  background: linear-gradient(30deg, #00cfe8 0%, #2d91ff 100%);
  color: #fff;
}
.gradient-light-info:hover, .gradient-light-info:active {
  color: #fff;
}

.bg-gradient-warning {
  background: #fafafa;
  color: #fff;
  background-image: linear-gradient(30deg, #ff9f43, rgba(255, 159, 67, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-warning:hover, .bg-gradient-warning:active {
  color: #fff;
}

.gradient-light-warning {
  background: linear-gradient(30deg, #ff9f43 0%, #fff487 100%);
  color: #fff;
}
.gradient-light-warning:hover, .gradient-light-warning:active {
  color: #fff;
}

.bg-gradient-danger {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #ea5455, rgba(234, 84, 85, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-danger:hover, .bg-gradient-danger:active {
  color: #fff;
}

.gradient-light-danger {
  background: linear-gradient(30deg, #ea5455 0%, #f9b789 100%);
  color: #fff;
}
.gradient-light-danger:hover, .gradient-light-danger:active {
  color: #fff;
}