.selector-color--item {
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  border-radius: 100%;
  display: inline-block;
  margin-right: 0.5rem;
}
.selector-color-1 {
  border: 1px solid #666;
  background: #065389;
}
.letra-color-1 {
  color: #065389;
}
.selector-color-2 {
  border: 1px solid #666;
  background: #162834;
}
.letra-color-2 {
  color: #162834;
}
.selector-color-3 {
  border: 1px solid #666;
  background: #000000;
}
.letra-color-3 {
  color: #000000;
}
.selector-color-4 {
  border: 1px solid #666;
  background: #ffffff;
}
.letra-color-4 {
  color: #ffffff;
}
.selector-color-5 {
  border: 1px solid #666;
  background: #f79822;
}
.letra-color-5 {
  color: #f79822;
}
.selector-color-6 {
  border: 1px solid #666;
  background: #ed3125;
}
.letra-color-6 {
  color: #ed3125;
}
.selector-color-7 {
  border: 1px solid #666;
  background: #0b7052;
}
.letra-color-7 {
  color: #0b7052;
}
.selector-color-8 {
  border: 1px solid #666;
  background: #696a6c;
}
.letra-color-8 {
  color: #696a6c;
}