/* SCU */
.item-scu-container {
	padding: 0;
}
.item-scu-prop + .item-scu-prop {
	margin-top: 0.5em;
}
.item-scu-container-title {
	text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1.4em;
	margin-bottom: 0.5em
;
}

.item-scu-block {
	
}

.item-scu-list {
	margin: 0;
}

.item-scu-item-list {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.item-scu-item-color-container,
.item-scu-item-text-container {
	border: 1px solid #30305c;
	background-color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	align-content: stretch;
	margin-right: 15px;
	margin-bottom: 5px;
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	   -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
		-ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
		 -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
			transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);

}

.item-scu-item-text-container {
	
}

.item-scu-item-color-container {
}
.item-scu-item-text-container.selected,
.item-scu-item-color-container.selected {
	border: 1px solid #30305c;
	background-color: #30305c;
	color: #ffffff;
}


.item-scu-item-color-block {
}

.bx-no-touch .item-scu-item-color-block {
}

.bx-retina .item-scu-item-color-block {
}

.item-scu-item-color-container.selected .item-scu-item-color-block { 
}

.bx-retina .item-scu-item.selected .item-scu-item-color-block { 
}

.item-scu-item-color {
}

.item-scu-item-text-block {
	position: relative;
	cursor: pointer;
}

.bx-no-touch .item-scu-item-text-block {
	
}

.bx-retina .item-scu-item-text-block {
	
}

.item-scu-item-text-container.selected .item-scu-item-text-block { 
}

.bx-retina .item-scu-item.selected .item-scu-item-text-block { 
}

.item-scu-item-text {
	font-size: 0.8em;
	line-height: 1.4em;
	white-space: nowrap;
	padding: 5px 15px;
}

.item-scu-item-color-container.notallowed .item-scu-item-color-block,
.item-scu-item-text-container.notallowed .item-scu-item-text-block {
	position: relative;
}

.item-scu-item-color-container.notallowed .item-scu-item-color-block:after,
.item-scu-item-text-container.notallowed .item-scu-item-text-block:after {
}

@media only screen and (max-width: 700px) {
	.item-scu-container-title {
	}
}