.changeProductOptionsStyles {

}
.changeProductOptionsStyles label span {
	float: right;
}
.changeProductOptionsStyles_txt {
	font-size: 12px;
	font-weight: 500;
	display: inline-block;
	text-transform: uppercase;
}

.changeProductOptionsStyles .box {
	width: 100%;
	background: white;
	border: 1px solid white;
	border-radius: 3px;
	text-align: left;
}
.changeProductOptionsStyles ::before, .changeProductOptionsStyles ::after {
	box-sizing: inherit;
}
/*****
 *
 * Radio checked style related
 * the fun part starts here
 *
 */
.changeProductOptionsStyles input[type=radio] {
	display: none;
}

/**
 * How it should look when hovered
 */
.changeProductOptionsStyles label:focus,
.changeProductOptionsStyles label:hover,
.changeProductOptionsStyles label:active,
.changeProductOptionsStyles input:checked + label {
	color: #dd6c73;
}
.changeProductOptionsStyles label:focus:before,
.changeProductOptionsStyles label:hover:before,
.changeProductOptionsStyles label:active:before,
.changeProductOptionsStyles input:checked + label:before {
	background: white;
	border-color: #dd6c73;
}

/**
 * Make those labels sexy
 */
.changeProductOptionsStyles label {
	font-size: 14px;
	font-weight: normal;

	cursor: pointer;
	display: block;
	padding: 0.5rem 1rem 0.5rem 1.8rem;
	position: relative;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	background: white;
	whitespace: no-wrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;

}
.changeProductOptionsStyles label:first-of-type {
	border: 0;
}
.changeProductOptionsStyles label:before {
	content: "";
	position: absolute;
	left: 5px;
	top: 10px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: .2rem solid #ccc;
}

/**
 * How it should look when checked
 */
.changeProductOptionsStyles input:checked + label:before {
	border-color: white;
	border: none;
	background: #dd6c73;
}

/**
 * How it should look when disabled
 */
.changeProductOptionsStyles input:disabled + label {
	background: #efefef;
	color: rgba(0, 0, 0, 0.5);
	cursor: not-allowed;
}
.changeProductOptionsStyles input:disabled + label:hover {
	border-color: rgba(0, 0, 0, 0.1);
}
.changeProductOptionsStyles input:disabled + label:before {
	border-color: white;
	background: white;
}