.value-box.value-box-default {
  background-color: rgba(177, 177, 177, 0.7);
  color: #0D0D0D;
  box-shadow: 0 1px 1px rgba(13, 13, 13, 0.1);
}

.value-box.value-box-default .icon i {
  color: rgba(13, 13, 13, 0.2);
}

.value-box.value-box-default.linked-value:hover {
  box-shadow: 0 2px 2px rgba(177, 177, 177, 0.3);
}

.value-box.value-box-primary {
  background-color: rgba(130, 0, 25, 0.7);
  color: white;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}

.value-box.value-box-primary .icon i {
  color: rgba(255, 255, 255, 0.2);
}

.value-box.value-box-primary.linked-value:hover {
  box-shadow: 0 2px 2px rgba(130, 0, 25, 0.3);
}

.value-box.value-box-secondary {
  background-color: rgba(107, 107, 107, 0.7);
  color: white;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}

.value-box.value-box-secondary .icon i {
  color: rgba(255, 255, 255, 0.2);
}

.value-box.value-box-secondary.linked-value:hover {
  box-shadow: 0 2px 2px rgba(107, 107, 107, 0.3);
}

.value-box.value-box-success {
  background-color: rgba(150, 180, 175, 0.7);
  color: #0D0D0D;
  box-shadow: 0 1px 1px rgba(13, 13, 13, 0.1);
}

.value-box.value-box-success .icon i {
  color: rgba(13, 13, 13, 0.2);
}

.value-box.value-box-success.linked-value:hover {
  box-shadow: 0 2px 2px rgba(150, 180, 175, 0.3);
}

.value-box.value-box-info {
  background-color: rgba(23, 162, 184, 0.7);
  color: white;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}

.value-box.value-box-info .icon i {
  color: rgba(255, 255, 255, 0.2);
}

.value-box.value-box-info.linked-value:hover {
  box-shadow: 0 2px 2px rgba(23, 162, 184, 0.3);
}

.value-box.value-box-warning {
  background-color: rgba(205, 145, 165, 0.7);
  color: #0D0D0D;
  box-shadow: 0 1px 1px rgba(13, 13, 13, 0.1);
}

.value-box.value-box-warning .icon i {
  color: rgba(13, 13, 13, 0.2);
}

.value-box.value-box-warning.linked-value:hover {
  box-shadow: 0 2px 2px rgba(205, 145, 165, 0.3);
}

.value-box.value-box-danger {
  background-color: rgba(220, 53, 69, 0.7);
  color: white;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}

.value-box.value-box-danger .icon i {
  color: rgba(255, 255, 255, 0.2);
}

.value-box.value-box-danger.linked-value:hover {
  box-shadow: 0 2px 2px rgba(220, 53, 69, 0.3);
}

.value-box.value-box-light {
  background-color: rgba(224, 224, 224, 0.7);
  color: #0D0D0D;
  box-shadow: 0 1px 1px rgba(13, 13, 13, 0.1);
}

.value-box.value-box-light .icon i {
  color: rgba(13, 13, 13, 0.2);
}

.value-box.value-box-light.linked-value:hover {
  box-shadow: 0 2px 2px rgba(224, 224, 224, 0.3);
}

.value-box.value-box-dark {
  background-color: rgba(60, 60, 60, 0.7);
  color: white;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}

.value-box.value-box-dark .icon i {
  color: rgba(255, 255, 255, 0.2);
}

.value-box.value-box-dark.linked-value:hover {
  box-shadow: 0 2px 2px rgba(60, 60, 60, 0.3);
}