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

input[type="checkbox"] + label {
    display:inline-block;
    width:55px;
    height:55px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:#FFF;
    cursor:pointer;
    position: absolute;
}

input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

input[type="checkbox"] + label:after {
	opacity: 0;
	content: '\f00c';
	font-family: FontAwesome;
	font-size: 3.7em;
}

input[type="checkbox"] + label.finished:after {
	opacity: 1;
	content: '\f00c';
	font-family: FontAwesome;
	color:#79c84f;
	font-size: 3.7em;
}

input[type="checkbox"] + label.tabla {
    display:inline-block;
    width:162px;
    height:33px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:rgba(0,0,0,0);
    cursor:pointer;
    position: absolute;
}

input[type="checkbox"]:checked + label.tabla:after {
    opacity: 1;
}

input[type="checkbox"] + label.tabla:after {
	opacity: 0;
	content: '\f00c';
	font-family: FontAwesome;
	font-size: 2em;
	line-height: 35px;
}

#botonerapeq.uno {
	left:47%;
	width:70px;
	z-index:100;
}

#botonerapeq.uno div {
	border:none;
	border-radius: 10px 10px 0 0 ;
}

#botonerapeq.uno:before {
	width:67px;
	left:0px;
	top:41px;
}

.check {
	width:80px;
	height:80px;
	border-radius: 10px;
	background:#e3e3e3;
	opacity: 0.8;
	position: absolute;
}

.check:hover {
	cursor: pointer;
	box-shadow: 0 -5px 0px rgba(0,0,0,0.9) inset;
	background: #FFF;
	opacity: 1;
}

.check:active {
	transform:scale(0.9,0.9);
}

.check:after {
	font-family: FontAwesome;
	content: '\f128';
	font-size: 4em;
	line-height: 80px;
}

.check.right {
	background:#79C84F;
	opacity: 1;
}

.check.right:after {
	content: '\f00c';
	color:#FFF;
}

.check.error {
	background:red;
	opacity: 1;
}

.check.error:after {
	content: '\f00d';
	color:#FFF;
}