.wo_check_holder.checkbox, .wo_check_holder.radio {display: inline-block;margin: 0 .5vw 0 0;position: relative;cursor:pointer;}
.wo_check_source {position: relative;z-index: 2;display: block;height: 100% !important;cursor: pointer;}
.wo_check_element {background-color: #fff;	display: block;	position: absolute;	top: 0;	right: 0;bottom: 0;left: 0;z-index: 1;}
.wo_check_source:checked+.wo_check_element:after {width: 1.2vw;height: 1.2vw;font-size: 1vw;color: var(--checkbox_text_color);font-family: 'FontAwesome';content: "\F00C";position: absolute;border-color: var(--checkbox_color);background-color: var(--checkbox_color);box-shadow: inset -0.05vw -0.05vw 0.2vw rgba(0, 0, 0, 0.4);line-height: 1.2vw;text-align: center;left: 0;}
.wo_check_element.radio, .wo_check_element.radio:after{border-radius: 50% !important;}
.wo_check_element.checkbox {width: 1.2vw;height: 1.2vw;content: '';display: inline-block;box-shadow: inset 0.1vw 0.1vw 0.2vw black;background: #fff;margin:0;position: relative;vertical-align: middle;}
.radio > label[disabled] {cursor: not-allowed !important;}
.wo_check_holder + label[for] {cursor: pointer;user-select: none;}

.wo_framed {min-height: 3vw !important;z-index: 1;display: flex;align-items: center;height: inherit !important;box-shadow: inset 0 0 0px 1px #999;flex-direction: row;}
.wo_framed > div {width: 100%;}
.wo_framed > div.wo_check_holder {width: auto;}
.wo_framed:hover {background-color: #eee;}
.wo_framed label {padding: .5vw .5vw .5vw 0 !important;min-height:3vw;display:flex;align-items:center;width:inherit;}
.wo_framed .wo_check_holder {padding: 0 1vw;margin: 0;}
.wo_framed .wo_check_holder input {width: 0;height: 0;}
.wo_framed.darkback {background: rgba(0,0,0,.2);}
.wo_framed.darkback:hover, body.dark .wo_framed.darkback:hover {background: rgba(0,0,0,.3);}


#form-processing .perso .checkbox_framed .form-group label:hover {background-color: #ebebeb !important;}
#form-processing .perso .checkbox_framed .form-group {display: block !important;}

.wo_radios {display: flex;gap: 1vw;}
.wo_radios .wo_framed {margin:0 !important;width:100%;display: flex;align-content: center;}
.wo_radios .wo_framed label {padding: 0 !important;min-height: 3vw;display: flex;justify-content: center;background: #fff;border: 1px solid #a5a5a5;}
.wo_radios .wo_framed label:hover {background: #eee;}
.wo_radios .wo_framed .wo_check_holder {padding: 0 !important}
.wo_radios .wo_check_element {margin: -.5vw 1.5vw 0 0 !important;}
.wo_radios .wo_check_element:after {padding: 0 !important}
.wo_radios .wo_framed label.checked {color: var(--color_text_btn_primary);background:color-mix(in srgb,var(--color_btn_primary),transparent 30%) !important;border-color: var(--color_btn_primary);}

/* Small Devices, Tablets @media only screen and (max-width: 767px) */
@media only screen and (max-width: 767px) {
	.wo_check_holder.checkbox, .wo_check_holder.radio {margin: 0 .5rem 0 0}
	.wo_check_source:checked+.wo_check_element:after {width: 1.2rem;height: 1.2rem;font-size: 1rem;box-shadow: inset -0.05rem -0.05rem 0.2rem rgba(0, 0, 0, 0.4);line-height: 1.2rem;}
	.wo_check_element.checkbox {width: 1.2rem;height: 1.2rem;box-shadow: inset 0.1rem 0.1rem 0.2rem black;}
	.wo_framed, .wo_framed label {min-height: 3rem !important}
	.wo_framed label {padding: 1rem 1rem 1rem 0 !important}
	.wo_framed .wo_check_holder {padding: 0 1rem;margin: 0;}
	.wo_radios {gap: 1rem;}
	.wo_radios .wo_check_element {margin: -.5rem 1.5rem 0 0 !important;}
	.wo_radios .wo_framed label {min-height: 3rem;}
}

@media (min-aspect-ratio: 16/9) and (min-width: 1680px) {
	.wo_check_source:checked+.wo_check_element:after {width: 1vw;height: 1vw;font-size: .9vw;line-height: 1vw;}
	.wo_check_element.checkbox {width: 1vw;height: 1vw;}	
	.wo_framed, .wo_framed label {min-height: 2.5vw !important}
	.wo_radios {gap: .5vw;}
	.wo_radios .wo_framed label {min-height: 2.5rem;}
}