.palettes-list-select {
  max-width:120px;
  margin-top: 3px;
}

.palettes-title {
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: 97%;
}

.palettes-list-colors {
  overflow: auto;
  max-height: 160px;
}

.palettes-list-color {
  cursor : pointer;
  float: left;
  margin : 0 0 5px 5px;
  width : 32px;
  height : 32px;
  position: relative;
}

.palettes-list-color:nth-child(-n+5) {
  margin-top: 5px;
}

.palettes-list-color div{
  width : 32px;
  height : 32px;
}

.palettes-list-has-scrollbar .palettes-list-color,
.palettes-list-has-scrollbar .palettes-list-color div{
  width: 29px
}

.palettes-list-primary-color:before,
.palettes-list-secondary-color:before {
  content: "";
  position: absolute;
  bottom: 1px;
  display: inline-block;
  border: 7px solid gold;
  border-top-color: transparent;

  width: 0px;
  height: 0px;
}

.palettes-list-primary-color:before {
  left: 1px;
  border-right-color: transparent;
}

.palettes-list-secondary-color:before {
  right: 1px;
  border-left-color: transparent;
}

.palettes-list-actions {
  background-color: #3f3f3f;
  border-bottom-color: #222;
  height: 24px;
  padding: 0;
  overflow: hidden;
}

.palettes-list-button {
  margin: 0;
  width: 36px;
  float: left;
}

.palettes-list-select {
  float: left;
  width: 66.66667%;
  height: 100%;

  margin: 0;
  padding: 0 5px 0 5px;

  background: #3f3f3f;

  border-style : solid;
  border-top-color: #666;
  border-bottom-color: #222;
  border-width: 1px 0 1px 0;

  color: white;
}

.palettes-list-select:focus {
  outline:none;
}

.palettes-list-actions .edit-icon {
  background-size : 15px;
  background-position : 50%;
}