.color-select {
	height: 25px;
}
.color-select div {
	float: left;
	width: 52px;
	cursor: pointer;
	white-space: nowrap;
	background-position: top center;
    padding-top: 8px;
    margin-top: -4px;
}
.color-select .first-color {
	width: 53px;
}
.color-select .last-color {
	width: 54px;
}
.safari .first-color {
	width: 53px;
}
.safari .last-color {
	width: 54px;
}

.color-select div:hover {
	background-repeat: no-repeat;
	background-position: top center;
}

.color-select div span {
	display: block;
	height: 14px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.color-select .red span { 
	background-color: #EA1F27;
	border-left: 1px solid #000;
}

.color-select .orange span {
	background-color: #F06623;
}

.color-select .yellow span {
	background-color: #FFDC09;
}

.color-select .green span {
	background-color: #01A14A;
}

.color-select .blue span {
	background-color: #204496;
}

.color-select .purple span {
	background-color: #804096;
}

.color-select .pink span {
	background-color: #EA4898;
}

.color-select .brown span {
	background-color: #895E3B;
}

.color-select .black span {
	background-color: #231F20;
}

.color-select .gray span {
	background-color: #929497;
}

.color-select .white span {
	background-color: #FFFFFF;
	border-right: 1px solid #000;
}


.color-select .red:hover,
.color-select .orange:hover,
.color-select .yellow:hover,
.color-select .green:hover,
.color-select .blue:hover,
.color-select .purple:hover,
.color-select .pink:hover,
.color-select .brown:hover,
.color-select .black:hover,
.color-select .gray:hover,
.color-select .white:hover {
	background-image: url( '../img/color-select/arrows/black_arrow.svg' );
	background-repeat: no-repeat;
}

.color-select .red-selected,
.color-select .orange-selected,
.color-select .yellow-selected,
.color-select .green-selected,
.color-select .blue-selected,
.color-select .purple-selected,
.color-select .pink-selected,
.color-select .brown-selected,
.color-select .black-selected,
.color-select .gray-selected,
.color-select .white-selected {
	background-image: url( '../img/color-select/arrows/orange_arrow.svg' );
	background-repeat: no-repeat;
}

.editor-bar .color-select .red-selected,
.editor-bar .color-select .orange-selected,
.editor-bar .color-select .yellow-selected,
.editor-bar .color-select .green-selected,
.editor-bar .color-select .blue-selected,
.editor-bar .color-select .purple-selected,
.editor-bar .color-select .pink-selected,
.editor-bar .color-select .brown-selected,
.editor-bar .color-select .black-selected,
.editor-bar .color-select .gray-selected,
.editor-bar .color-select .white-selected {
	background-image: url( '../img/color-select/arrows/black_arrow.svg' );
	background-repeat: no-repeat;
}