.card-counter{
  box-shadow: 2px 2px 10px #DADADA;
  margin: 5px;
  padding: 20px 10px;
  background-color: #fff;
  height: 100px;
  border-radius: 1px;
  transition: .3s linear all;
}

.card-counter:hover{
  box-shadow: 4px 4px 20px #DADADA;
  transition: .3s linear all;
}

.card-counter.primary{
  background-color: #053a58; background-image: linear-gradient(160deg, #053a58 0%, #042522 100%); 
  color: #FFF;
}

.card-counter.danger{
  background-color: #f5010b;background-image: linear-gradient(160deg, #f5010b 0%, #7b1506 100%);
  color: #FFF;
}

.card-counter.warning{
  background-color: #e8fb11;background-image: linear-gradient(45deg, #e8fb11 0%, #fff115 100%);
  color: #000;
}


.card-counter.success{
  background-color: #23d03a;background-image: linear-gradient(160deg, #23d03a 0%, #056d0d 100%);
  color: #FFF;
}  

.card-counter.info{
  background-color: #18aeb5;background-image: linear-gradient(160deg, #18aeb5 0%, #062758 100%);
  color: #FFF;
}

.card-counter.dark{
  background-color: #161616;background-image: linear-gradient(160deg, #161616 0%, #1f1e1f 100%);
  color:#ffffff;
}

.card-counter.jupiter1{
  background-color: #350335;background-image: linear-gradient(160deg, #350335 0%, #3e023e 100%);
  color: #FFF;
}

.card-counter.jupiter2{
  background-color: #292829;background-image: linear-gradient(160deg, #292829 0%, #2b2a2b 100%);
  color:#fff;
}

.card-counter.jupiter3{
  background-color: #ffffff;background-image: linear-gradient(160deg, #ffffff 0%, #dcd4dc 100%);
  color:#000000;
}

.card-counter.jupiter4{
  background-color: #161616;background-image: linear-gradient(160deg, #161616 0%, #1b031b 100%);
  color:#ffffff;
}


.card-counter i{
  font-size: 5em;
  opacity: 0.5;
}

.card-counter .count-numbers{
  position: absolute;
  right: 35px;
  top: 20px;
  font-size: 32px;
  display: block;
}

.card-counter .count-name{
  position: absolute;
  right: 35px;
  top: 65px;
  /*font-style: italic;
  opacity: 0.5;*/
  display: block;
  font-size: 15px;
}

.card-counter .count-name2{
  position: absolute;
  right: 30px;
  top: 10px;
  /*font-style: italic;
  opacity: 0.5;*/
  display: block;
  font-size: 15px;
}