.color-pods {
  margin-bottom: 20px;
}

.color-pods .pod {
  width: 100%;
  height: 150px;
}

.color-pods .pod.brand-blue {
  background-color: #70CBF4;
}

.color-pods .pod.brand-blue-75 {
  background-color: #94D8F7;
}

.color-pods .pod.brand-blue-50 {
  background-color: #B7E5F9;
}

.color-pods .pod.brand-blue-25 {
  background-color: #DBF2FC;
}

.color-pods .pod.brand-dark-blue {
  background-color: #092A5E;
}

.color-pods .pod.brand-red {
  background-color: #D40E14;
}

.color-pods .pod.brand-selected {
  background-color: #2EA9E0;
}

.color-pods .pod.brand-yellow {
  background-color: #FFE100;
}

.color-pods .pod.brand-green {
  background-color: #AAD700;
}

.color-pods .pod.brand-orange {
  background-color: #FCB712;
}

.color-pods .pod.brand-beige {
  background-color: #D7D2C3;
}

.color-pods .pod.brand-beige-50 {
  background-color: #E7E4DB;
}

.color-pods .pod.brand-beige-25 {
  background-color: #F3F1ED;
}

.color-pods .pod.brand-grey {
  background-color: #737373;
}

.color-pods .pod.brand-grey-50 {
  background-color: #B9B9B9;
}

.color-pods .pod.brand-grey-25 {
  background-color: #DCDCDC;
}

.color-pods .pod.brand-black {
  background-color: #000000;
}

.color-pods .pod.brand-white {
  background-color: #FFFFFF;
}

.color-pods h3 {
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.color-pods label {
  margin-top: 10px;
  margin-bottom: 2px;
}