/* 
    Created on : 23.10.2017, 14:46:29
    Author     : Kassel
*/
input[type=checkbox],
input[type=radio] {
	position: absolute;
	opacity: 0
}

input[type=checkbox]+label,
input[type=radio]+label {
	position: relative;
	display: inline-block;
	height: auto;
	margin-bottom: 0;
	padding-left: 2.5rem;
	vertical-align: baseline;
	line-height: 1.8rem;
	font-weight: 400
}

input[type=checkbox]+label {
	min-height: 24px
}

input[type=checkbox]+label:after,
input[type=checkbox]+label:before,
input[type=radio]+label:after,
input[type=radio]+label:before {
	content: '';
	position: absolute;
	-moz-transition: all .15s 0;
	-o-transition: all .15s 0;
	-webkit-transition: all .15s 0;
	transition: all .15s 0
}

input[type=checkbox]+label:before,
input[type=radio]+label:before {
	left: 0;
	display: inline-block;
	width: 1.8rem;
	height: 1.8rem;
	margin-right: .5rem;
	vertical-align: middle;
	border: 2px solid rgba(153,153,153,.3);
	background-color: #fff;
	cursor: pointer
}

input[type=checkbox]+label:after {
	opacity: 0;
	top: .6rem;
	left: .6rem;
	width: .7rem;
	height: .5rem;
	border: 3px solid #999;
	border-top: none;
	border-right: none;
	background: 0 0;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

input[type=checkbox]:focus+label:after,
input[type=checkbox]:hover+label:after,
input[type=radio]:focus+label:after,
input[type=radio]:hover+label:after {
	opacity: .3
}

input[type=checkbox]:checked+label:after,
input[type=checkbox]:checked+label:before,
input[type=radio]:checked+label:after,
input[type=radio]:checked+label:before {
	opacity: 1
}