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

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

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

.value-box.value-box-primary {
  background-color: rgba(33, 150, 243, 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(33, 150, 243, 0.3);
}

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

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

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

.value-box.value-box-success {
  background-color: rgba(76, 175, 80, 0.7);
  color: white;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}

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

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

.value-box.value-box-info {
  background-color: rgba(156, 39, 176, 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(156, 39, 176, 0.3);
}

.value-box.value-box-warning {
  background-color: rgba(255, 152, 0, 0.7);
  color: #000;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

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

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

.value-box.value-box-danger {
  background-color: rgba(229, 28, 35, 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(229, 28, 35, 0.3);
}

.value-box.value-box-light {
  background-color: rgba(248, 249, 250, 0.7);
  color: #000;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

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

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

.value-box.value-box-dark {
  background-color: rgba(34, 34, 34, 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(34, 34, 34, 0.3);
}