/* 
Стилі для форм MetaBox 
Version:      1.0.1 
*/

/*кольори для групп*/
.og-color-checkbox-list .rwmb-input-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
}

.og-color-checkbox-list .rwmb-input-list li {
    margin: 0;
}

.og-color-checkbox-list .rwmb-input-list label {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
	flex-direction: column;
}

.og-color-checkbox-list label:has(input:checked)::after {
    outline: 2px solid #2271b1;
    outline-offset: 2px;
}

/* сама кольорова плашка */
.og-color-checkbox-list .rwmb-input-list label::after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    box-sizing: border-box;
}

/* кольори по value */
.og-color-checkbox-list label:has(input[value="FFFFFF"])::after {
    background-color: #FFFFFF;
}

.og-color-checkbox-list label:has(input[value="F4F4F4"])::after {
    background-color: #F4F4F4;
}

.og-color-checkbox-list label:has(input[value="FFE6E6"])::after {
    background-color: #FFE6E6;
}

.og-color-checkbox-list label:has(input[value="FFFAE6"])::after {
    background-color: #FFFAE6;
}

.og-color-checkbox-list label:has(input[value="E6FFED"])::after {
    background-color: #E6FFED;
}

.og-color-checkbox-list label:has(input[value="E6E8FF"])::after {
    background-color: #E6E8FF;
}

.og-color-checkbox-list label:has(input[value="696969"])::after {
    background-color: #696969;
}

.og-color-checkbox-list label:has(input[value="EEEE00"])::after {
    background-color: #EEEE00;
}

.og-color-checkbox-list label:has(input[value="FF0000"])::after {
    background-color: #FF0000;
}

.og-color-checkbox-list label:has(input[value="0000FF"])::after {
    background-color: #0000FF;
}

.og-color-checkbox-list label:has(input[value="00FFFF"])::after {
    background-color: #00FFFF;
}

.og-color-checkbox-list label:has(input[value="FF00FF"])::after {
    background-color: #FF00FF;
}

.og-color-checkbox-list label:has(input[value="98FB98"])::after {
    background-color: #98FB98;
}