input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  font-size: 1.33em;
  display: inline-block;
}

input[type=checkbox] + label:before { content: "\f096";　} /* unchecked icon */
input[type=checkbox] + label:before { vertical-align: -10%; color: #34b1ac; letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
input[type=checkbox]:checked + label:before { vertical-align: -10%; color: #34b1ac; letter-spacing: 5px; } /* allow space for check mark */

.oicon {
	font-size: 2.0em; align-items: center; justify-content: center; 	
}