.v {
  position: relative;
}

.v_none {
  background-color: #414141;
}

.v_19 {
  background-color: #90caf9;
}

.v_20 {
  background-color: #1e88e5;
}

.v_21 {
  background-color: #1565c0;
}

.v_22 {
  background-color: #0d47a1;
}

.v_23 {
  background-color: #a5d6a7;
}

.v_24 {
  background-color: #4caf50;
}

.v_25 {
  background-color: #2e7d32;
}

.v_26 {
  background-color: #1b5e20;
}

.v_27 {
  background-color: #fff176;
}

.v_28 {
  background-color: #fdd835;
}

.v_29 {
  background-color: #f9a825;
}

.v_30 {
  background-color: #f57f17;
}

.v_31 {
  background-color: #ef5350;
}

.v_32 {
  background-color: #e53935;
}

.v_33 {
  background-color: #c62828;
}

.v_34 {
  background-color: #b71c1c;
}

.o_0 {
  opacity: 0.7;
}

.o_1 {
  opacity: 0.73;
}

.o_2 {
  opacity: 0.76;
}

.o_3 {
  opacity: 0.79;
}

.o_4 {
  opacity: 0.82;
}

.o_5 {
  opacity: 0.85;
}

.o_6 {
  opacity: 0.88;
}

.o_7 {
  opacity: 0.91;
}

.o_8 {
  opacity: 0.94;
}

.o_9 {
  opacity: 0.97;
}

.o_10 {
  opacity: 1;
}