#palette_search {
  vertical-align: middle;
}

.color_palette_item {
  height: 18px;
  width: 22px;
  cursor: pointer;
  float: left;
}

.color_palette_item.selected {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.7) 50%),
                    linear-gradient(to right, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.7) 50%),
                    linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.7) 50%),
                    linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.7) 50%);
  background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
  background-position: 0 top, 0 bottom, left 0, right 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  animation: ants 1s linear infinite;
}

@keyframes ants {
    0% {background-position: 0 top, 0 bottom, left 0, right 0;}
  100% {background-position: 8px top, 8px bottom, left 8px, right 8px;}
}