input[type="checkbox"] {
	-webkit-appearance: none;
	background-color: #ρρρ;
	border: 2px solid #ffcc00;
  	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5) inset;
  	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5) inset;
	padding: 9px;
	
	display: inline-block;
	position: relative;
	cursor: pointer;
	transition: all .2s;
	outline: none;
}

input[type="checkbox"]:hover {
	border: 4px solid #ffcc00;
  	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5) inset;
  	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5) inset;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

/*
input[type="checkbox"]:checked:after {
	content: ' ';
	width: 25px;
	height: 25px;	
	position: absolute;
	top: 1px;
	background: #01A4E2;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 1px;
	font-size: 32px;
	cursor: pointer;
	transition: all .2s;
}
*/

input[type="checkbox"]:checked {
	background-color: #ffcc00;
	border: 2px solid #ffcc00;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5) inset;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5) inset;
	cursor: pointer;
	transition: all .2s;	
}

input[type="checkbox"]:active, input[type="checkbox"]:checked:active {
  	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5) inset;
  	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5) inset;
	cursor: pointer;
	transition: all .2s;	
}

/*input type="text" */

input[type="text"] {
	outline: none;
}

*::-webkit-input-placeholder {
	color: #01A4E2;
}