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

input[type="radio"].css3radio {
	display: none;
}
label.toggler_r { /* radio label */
	display: inline-block;
	position: relative;
	padding-left: 20px; /* space to the left of label text */
	padding-top: 0px;
	margin-bottom: 0em; /* bottom spacing */
	margin-right: 5px;
	margin-top: 0px;
	cursor: pointer;
}
label.toggler_r::before { /* outer round circle */
	content: '';
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	background: #FFF;
	border: 1px solid #bfae9a;
	/*box-shadow: 0 0 3px #a46952 inset;*/
	border-radius: 16px;
	margin-top: -8px;
	left: 0;
	top: 50%;
	box-sizing: border-box;
}
label.toggler_r::after { /* inner dark circle */
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 15px;
	margin-top: -3px;
	left: 5px;
	top: 50%;
	overflow: hidden;
	transition: all 0.2s;  /* CSS3 transition on dark circle */
}
input[type="radio"]:checked + label.toggler_r::after { /* inner dark circle when radio is selected */
	background: #a46952;
	box-shadow: 1px 1px 5px white;
}
label.toggler::after { /* check mark */
	content: '\f00c'; /* fontAwesome icon font unicode. See http://fortawesome.github.io/Font-Awesome/cheatsheet/ for others */
	position: absolute;
	left: 3px;
	top: 3px;
	font: bold 18px FontAwesome;
	color: #1B4977;
	width: 0; /* hide check mark initially */
	text-shadow: 0 0 2px #eee;
	overflow: hidden;
}

input[type=checkbox].checkbox {
	display: none;
}

	input[type=checkbox].checkbox + span {
		display: inline-block;
		padding-left: 21px;
		line-height: 18px;
		background: url(..//images/cbx-off.png) no-repeat;
		user-select: none;
		text-align: left;
		cursor: pointer;
	}

input[type=checkbox]:checked.checkbox + span {
	background: url(..//images/cbx-on.png) no-repeat;
}