/*radio color picker*/
  .category input[type="radio"] {
  display: none;
}
.category input[type="radio"]:checked + label span {
  transform: scale(1.25);
}
.category input[type="radio"]:checked + label .red {
  border: 2px solid #711313;
}
.category input[type="radio"]:checked + label .orange {
  border: 2px solid #873a08;
}
.category input[type="radio"]:checked + label .yellow {
  border: 2px solid #816102;
}
.category input[type="radio"]:checked + label .olive {
  border: 2px solid #505a0b;
}
.category input[type="radio"]:checked + label .green {
  border: 2px solid #0e4e1d;
}
.category input[type="radio"]:checked + label .teal {
  border: 2px solid #003633;
}
.category input[type="radio"]:checked + label .blue {
  border: 2px solid #103f62;
}
.category input[type="radio"]:checked + label .violet {
  border: 2px solid #321a64;
}
.category input[type="radio"]:checked + label .purple {
  border: 2px solid #501962;
}
.category input[type="radio"]:checked + label .pink {
  border: 2px solid #851554;
}
.category label {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  cursor: pointer;
}
.category label:hover span {
  transform: scale(1.25);
}
.category label span {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.2s ease-in-out;
}
/*.category label span.red {
  background: #DB2828;
}
.category label span.orange {
  background: #F2711C;
}
.category label span.yellow {
  background: #FBBD08;
  
}
.category label span.olive {
  background: #B5CC18;
}
.category label span.green {
  background: #21BA45;
}
.category label span.teal {
  background: #00B5AD;
}
.category label span.blue {
  background: #2185D0;
}
.category label span.violet {
  background: #6435C9;
}
.category label span.purple {
  background: #A333C8;
}
.category label span.pink {
  background: #E03997;
}*/