.label_A {
display: block;
font-size: 21px;
margin-bottom: 10px;
}
.radio_A,
.checkbox_A {
margin-right: 10px;
}
.radio_A > label,
.checkbox_A > label {
display: inline-block;
vertical-align: middle;
cursor: pointer;
-moz-user-select: none;
-ms-user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
user-select: none;
}
.radio_A input[type="checkbox"],
.checkbox_A input[type="checkbox"],
.radio_A input[type="radio"],
.checkbox_A input[type="radio"] {
display: none;
}
.radio_A input[type="checkbox"]:checked + .radio_A-label,
.checkbox_A input[type="checkbox"]:checked + .radio_A-label,
.radio_A input[type="radio"]:checked + .radio_A-label,
.checkbox_A input[type="radio"]:checked + .radio_A-label,
.radio_A input[type="checkbox"]:checked + .checkbox_A-label,
.checkbox_A input[type="checkbox"]:checked + .checkbox_A-label,
.radio_A input[type="radio"]:checked + .checkbox_A-label,
.checkbox_A input[type="radio"]:checked + .checkbox_A-label {
color: #7dcd40;
font-size: 30px;
line-height: 17px;
text-align: center;
position: relative;
}
.radio_A-text,
.checkbox_A-text {
margin-right: 20px;
margin-left: 5px;
}
.radio_A-label,
.checkbox_A-label {
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14.2px;
margin-right: 5px;
position: relative;
-moz-user-select: none;
-ms-user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
user-select: none;
}
.radio_A-label:before,
.checkbox_A-label:before {
background-color: #eff2e7;
border: 1px solid #000;
content: "";
display: block;
height: 22px;
width: 22px;
vertical-align: middle;
}