.error {
  color: #DC3545;
  font-size: 12px;
}

.mayus {
  text-transform: uppercase;
}

.minusculas {
  text-transform: lowercase;
}

.camelCase {
  text-transform: capitalize;
}

.heading-blue {
  background: rgb(2,0,36);
  background: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(4,55,106,1) 10%, rgba(0,123,255,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(4,55,106,1) 10%, rgba(0,123,255,1) 100%);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(4,55,106,1) 10%, rgba(0,123,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#007bff",GradientType=1);
  padding: 10px;color: #fff;
}

.heading-green {
  background: rgb(2,0,36);
  background: -moz-linear-gradient(90deg, rgba(2, 0, 36,1) 0%, rgba(3, 65, 17,1) 10%, rgba(27, 166, 46,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(2, 0, 36,1) 0%, rgba(3, 65, 17,1) 10%, rgba(27, 166, 46,1) 100%);
  background: linear-gradient(90deg, rgba(2, 0, 36,1) 0%, rgba(3, 65, 17,1) 10%, rgba(27, 166, 46,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#007bff",GradientType=1);
  padding: 10px;color: #fff;
}

.heading-yellow {
  background: rgb(2,0,36);
  background: -moz-linear-gradient(90deg, rgba(2, 0, 36,1) 0%, rgba(47, 39, 0,1) 10%, rgba(255, 208, 0,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(2, 0, 36,1) 0%, rgba(47, 39, 0,1) 10%, rgba(255, 208, 0,1) 100%);
  background: linear-gradient(90deg, rgba(2, 0, 36,1) 0%, rgba(47, 39, 0,1) 10%, rgba(255, 208, 0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#007bff",GradientType=1);
  padding: 10px;color: #fff;
}

.heading-red {
  background: rgb(2,0,36);
  background: -moz-linear-gradient(90deg, rgba(2, 0, 36,1) 0%, rgba(55, 4, 4,1) 10%, rgba(255, 0, 0,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(2, 0, 36,1) 0%, rgba(55, 4, 4,1) 10%, rgba(255, 0, 0,1) 100%);
  background: linear-gradient(90deg, rgba(2, 0, 36,1) 0%, rgba(55, 4, 4,1) 10%, rgba(255, 0, 0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#007bff",GradientType=1);
  padding: 10px;color: #fff;
}

.heading-gray {
  background: rgb(2,0,36);
  background: -moz-linear-gradient(90deg, rgba(2, 0, 36,1) 0%, rgba(38, 50, 56,1) 10%, rgb(104, 133, 141) 100%);
  background: -webkit-linear-gradient(90deg, rgba(2, 0, 36,1) 0%, rgba(38, 50, 56,1) 10%, rgb(104, 133, 141) 100%);
  background: linear-gradient(90deg, rgba(2, 0, 36,1) 0%, rgba(38, 50, 56,1) 10%, rgb(104, 133, 141) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#007bff",GradientType=1);
  padding: 10px;color: #fff;
}

.progressBar {

}

.progressBar h4 {
  font-size: 16px;
  text-transform: none;
}

.progressBarContainer {
  width: 100%;
  height: 8px;
  background: #E1E1E1;
  overflow: hidden;
  position: relative;
}

.progressBarValue {
  height: 8px;
  background: #28A745;
  position: absolute;
  animation-name: expandBar;
  animation-iteration-count: 1;
  animation-timing-function: all;
  animation-duration: 1s;
}

@keyframes expandBar {
  0% {
    left: 0;
    width: 0;
  }
  50% {
    left: 0;
    width: 0%;
  }
}