/* Primary */
#icons-container[data-color="primary"] .svg-container svg,
#icons-container[data-color="primary"] .svg-container svg path {
	fill: var(--cat1-color1) !important;
}
.color-selector a[data-color="primary"] {
	background-color: var(--cat1-color1);
	border: 1px solid var(--cat1-color1);
}


/* cat1-color2 */
#icons-container[data-color="cat1-color2"] .svg-container svg,
#icons-container[data-color="cat1-color2"] .svg-container svg path {
	fill: var(--cat1-color2) !important;
}
.color-selector a[data-color="cat1-color2"] {
	background-color: var(--cat1-color2);
	border: 1px solid var(--cat1-color2);
}


/* cat1-color3 */
#icons-container[data-color="cat1-color3"] .svg-container svg,
#icons-container[data-color="cat1-color3"] .svg-container svg path {
	fill: var(--cat1-color3) !important;
}
.color-selector a[data-color="cat1-color3"] {
	background-color: var(--cat1-color3);
	border: 1px solid var(--cat1-color3);
}


/* cat1-color4 */
#icons-container[data-color="cat1-color4"] .svg-container svg,
#icons-container[data-color="cat1-color4"] .svg-container svg path {
	fill: var(--cat1-color4) !important;
}
.color-selector a[data-color="cat1-color4"] {
	background-color: var(--cat1-color4);
	border: 1px solid var(--cat1-color4);
}


/* cat1-color5 */
#icons-container[data-color="cat1-color5"] .svg-container svg,
#icons-container[data-color="cat1-color5"] .svg-container svg path {
	fill: var(--cat1-color5) !important;
}
.color-selector a[data-color="cat1-color5"] {
	background-color: var(--cat1-color5);
	border: 1px solid var(--cat1-color5);
}


/* cat1-color6 */
#icons-container[data-color="cat1-color6"] .svg-container svg,
#icons-container[data-color="cat1-color6"] .svg-container svg path {
	fill: var(--cat1-color6) !important;
}
.color-selector a[data-color="cat1-color6"] {
	background-color: var(--cat1-color6);
	border: 1px solid var(--cat1-color6);
}


/* cat1-white */
#icons-container[data-color="cat1-color7"] .svg-container svg,
#icons-container[data-color="cat1-color7"] .svg-container svg path {
	fill: var(--cat1-color7) !important;
}
.color-selector a[data-color="cat1-color7"] {
	background-color: var(--cat1-color7);
	border: 1px solid var(--bodyLight);
}
/*if white*/
#icons-container[data-color="cat1-color7"] .icon_item {
	background-color: #bbb;
}
#icons-container[data-color="cat1-color7"] .icon_item:hover {
	background-color: #aaa;
}
#icons-container[data-color="cat1-color7"] .icon_item .icon_item_download {
	background-color: #999;
}


/* cat2-color1 */
#icons-container[data-color="cat2-color1"] .svg-container svg,
#icons-container[data-color="cat2-color1"] .svg-container svg path {
	fill: var(--cat2-color1) !important;
}
.color-selector a[data-color="cat2-color1"] {
	background-color: var(--cat2-color1);
	border: 1px solid var(--cat2-color1);
}


/* cat2-color2 */
#icons-container[data-color="cat2-color2"] .svg-container svg,
#icons-container[data-color="cat2-color2"] .svg-container svg path {
	fill: var(--cat2-color2) !important;
}
.color-selector a[data-color="cat2-color2"] {
	background-color: var(--cat2-color2);
	border: 1px solid var(--cat2-color2);
}


/* cat2-color3 */
#icons-container[data-color="cat2-color3"] .svg-container svg,
#icons-container[data-color="cat2-color3"] .svg-container svg path {
	fill: var(--cat2-color3) !important;
}
.color-selector a[data-color="cat2-color3"] {
	background-color: var(--cat2-color3);
	border: 1px solid var(--cat2-color3);
}


/* cat2-color4 */
#icons-container[data-color="cat2-color4"] .svg-container svg,
#icons-container[data-color="cat2-color4"] .svg-container svg path {
	fill: var(--cat2-color4) !important;
}
.color-selector a[data-color="cat2-color4"] {
	background-color: var(--cat2-color4);
	border: 1px solid var(--cat2-color4);
}


/* cat2-color5 */
#icons-container[data-color="cat2-color5"] .svg-container svg,
#icons-container[data-color="cat2-color5"] .svg-container svg path {
	fill: var(--cat2-color5) !important;
}
.color-selector a[data-color="cat2-color5"] {
	background-color: var(--cat2-color5);
	border: 1px solid var(--cat2-color5);
}


/* cat2-color6 */
#icons-container[data-color="cat2-color6"] .svg-container svg,
#icons-container[data-color="cat2-color6"] .svg-container svg path {
	fill: var(--cat2-color6) !important;
}
.color-selector a[data-color="cat2-color6"] {
	background-color: var(--cat2-color6);
	border: 1px solid var(--cat2-color6);
}

/* cat2-color6 */
.color-selector a[data-color="cat2-color7"] {
	background-color: var(--cat2-color7);
	border: 1px solid var(--cat2-color7);
}
#icons-container[data-color="cat2-color7"] .svg-container svg,
#icons-container[data-color="cat2-color7"] .svg-container svg path {
	fill: var(--cat2-color7) !important;
}