/*radio and checkbox*/
[type="radio"] {
	  border: 0;
	  clip: rect(0 0 0 0);
	  height: 1px; margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px;
}
[type="checkbox"] {
	  border: 0;
	  clip: rect(0 0 0 0);
	  height: 1px; margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px;
}
/* Radio Button List CSS*/
.check-button label {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	cursor: pointer;
	font-weight:normal;
}
/* the basic, unchecked style */
.check-button [type="radio"] + label:before {
    content: '';
    background: #FFFFFF;
    border: 1px solid #777777;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    text-align: center;
    border-radius:12px;
}
/* the checked style using the :checked pseudo class */
.check-button [type="radio"]:checked + label:before {
	background: #02641D;
    content: "\f00c";
    font-family:'Font Awesome 5 Pro';
    color: #FFFFFF;
    font-size:14px;

}
/* Check Box CSS*/

/* the basic, unchecked style */
.check-button [type="checkbox"] + label:before {
    content: '';
    background: #FFFFFF;
    border: 1px solid #777777;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    text-align: center;
}

/* the checked style using the :checked pseudo class */
.check-button [type="checkbox"]:checked + label:before {
	background: #02641D;
    content: "\f00c";
    font-family:'Font Awesome 5 Pro';
    color: #FFFFFF;
    font-size:14px;
}