.ciradio-background{

	height: 35px;

	width: 35px;

	border-radius: 50%;

	border: 3px solid #ddd;

}

.product-options .ciradio.codi-radio:last-child label div {
    background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
}

.ciradio{

	display: inline-block;

	vertical-align: middle;

	margin-right: 5px;

}

.ciradio .radio, .ciradio .radio-wrapper{

	display: none;	

}

.ciradio label{

	cursor: pointer;

	margin-bottom: 0;

}

.oc2 .required .ciradio label:before, .ciradio label:before{

	content: '';

}

.ciradio .ciradio-active{

	border: 3px dotted #000;

	transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

}