@keyframes hover-color {from { border-color:#c0c0c0;
	
}

to {
	border-color: #3e97eb;
}

}
.x-form-item label{ padding:0px 0 2px 0}
.magic-radio,.magic-checkbox {
	position: absolute;
	display: none;
}
.push-left{ float:left; font-size:14px; }
.magic-radio[disabled],.magic-checkbox[disabled] {
	cursor: not-allowed;
}
.x-form-item label{ width:auto; margin-right:5px; margin-top:2px;}
.magic-radio+label,.magic-checkbox+label {
	position: relative;
	display: block;
	float:left;
	padding-left: 20px;
	cursor: pointer;
	vertical-align: middle;
	line-height:14px;
}

.magic-radio+label:hover:before,.magic-checkbox+label:hover:before {
	animation-duration: 0.4s;
	animation-fill-mode: both;
	animation-name: hover-color;
}

.magic-radio+label:before,.magic-checkbox+label:before {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 14px;
	height: 14px;
	content: '';
	border: 1px solid #c0c0c0;
}

.magic-radio+label:after,.magic-checkbox+label:after {
	position: absolute;
	display: none;
	content: '';
}

.magic-radio[disabled]+label,.magic-checkbox[disabled]+label {
	cursor: not-allowed;
	color: #e4e4e4;
}

.magic-radio[disabled]+label:hover,.magic-radio[disabled]+label:before,.magic-radio[disabled]+label:after,.magic-checkbox[disabled]+label:hover,.magic-checkbox[disabled]+label:before,.magic-checkbox[disabled]+label:after
	{
	cursor: not-allowed;
}

.magic-radio[disabled]+label:hover:before,.magic-checkbox[disabled]+label:hover:before
	{
	border: 1px solid #e4e4e4;
	animation-name: none;
}

.magic-radio[disabled]+label:before,.magic-checkbox[disabled]+label:before
	{
	border-color: #e4e4e4;
}

.magic-radio:checked+label:before,.magic-checkbox:checked+label:before {
	animation-name: none;
}

.magic-radio:checked+label:after,.magic-checkbox:checked+label:after {
	display: block;
}

.magic-radio+label:before {
	border-radius: 50%;
}

.magic-radio+label:after {
	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}



.magic-checkbox+label:before {
	border-radius: 3px;
}

.magic-checkbox+label:after {
	top: 0px;
	left: 5px;
	box-sizing: border-box;
	width: 6px;
	height: 12px;
	transform: rotate(45deg);
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	border-top: 0;
	border-left: 0;
}

.push-left-wrapper{
	padding: 4px 0;
	margin-bottom: 0;
}