@charset "utf-8";
/* CSS Document */

/* Base for label styling */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.95em;
	cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0.1em;
	top: 0.3em;
	width: 1.1em;
	height: 1.1em;
	border: 1px solid #ccc;
	background: #fff;
	
	text-align: center;
	box-shadow: inset 0 0 5px #ccc;

  
}

[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before:focus{
	border:none !important;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
	content: '✔';
	position: absolute;

	top: 0.270em;
	left: 0.07em;
	font-size: 1.2em;
	line-height: 0.8;
	color: #000;
	transition: all .2s;
	border:1px solid #cf202e;
	
	
	
	

}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
[type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
	color: #999;
}
[type="checkbox"]:disabled + label {
	color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before {
	
}
/* hover style just for information */
label:hover:before {
	
}







/*css for radio buttons */

@import "compass/css3";
 $DarkBrown: #292321;
 $Orange: #CC3300;
div {
	margin: 0 0 0.75em 0;
}
input[type="radio"] {
	display: none;
}

input[type="radio"] + label span {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: -1px 10px 0 0;
	vertical-align: middle;
	cursor: pointer;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #bbbbbb;
	box-shadow: inset 0 0 5px #ccc;
}
input[type="radio"] + label span {
 background-color:$DarkBrown;
}
input[type="radio"]:checked + label span {
	background: url(/_resources/img/radio.png) no-repeat center center;
	
	border: 1px solid #cf202e;
}
input[type="radio"] + label span, input[type="radio"]:checked + label span {
	-webkit-transition: background-color 0.4s linear;
	-o-transition: background-color 0.4s linear;
	-moz-transition: background-color 0.4s linear;
	transition: background-color 0.4s linear;
}




.purplebox [type="checkbox"]:not(:checked) + label:before, .purplebox [type="checkbox"]:checked + label:before {
	border-radius:0;
	width:28px;
	height:28px;
}


.purplebox [type="checkbox"]:not(:checked) + label:after, .purplebox [type="checkbox"]:checked + label:after {
	top: 0.5em;
	left: .28em;
	font-size: 1em;
}