.bg-gradient-primary {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #0052A0, rgba(0, 82, 160, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-primary:hover, .bg-gradient-primary:active {
  color: #fff;
}

.gradient-light-primary {
  background: linear-gradient(30deg, #0052A0 0%, rgb(0, 21.8483708333, 227.983) 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%, rgb(220.3498655492, 221.623471291, 235.6331344508) 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%, rgb(73.8812290858, 233.1017709142, 211.3216024566) 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%, rgb(44.983, 144.8617744253, 255) 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%, rgb(255, 243.7218067376, 134.983) 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%, rgb(248.814652125, 182.9433326175, 137.168347875) 100%);
  color: #fff;
}
.gradient-light-danger:hover, .gradient-light-danger:active {
  color: #fff;
}