/* Radio group SIM/NÃO */

/* 1. Oculta as bolinhas padrão */
.custom-pill-radio [type="radio"]:not(:checked) + span:before,
.custom-pill-radio [type="radio"]:not(:checked) + label:before,
.custom-pill-radio [type="radio"]:not(:checked) + span:after,
.custom-pill-radio [type="radio"]:not(:checked) + label:after,
.custom-pill-radio .apex-item-radio input:checked + .u-radio:after,
.custom-pill-radio .apex-item-radio input:checked + label:after,
.custom-pill-radio .u-radio.is-checked:after {
	display: none !important;
}

/* 2. Container Principal */
.custom-pill-radio .apex-item-group {
    display: flex !important;
    flex-direction: row !important;
    border: 1px solid #d1d5dc !important;
    border-radius: 10px !important;
    width: max-content !important;
    height: 35px !important;
	position: relative;
	left: 26px;
	top: 10px;
}

.custom-pill-radio div {
	padding: 0 !important; 
}

/* 3. Estilo base dos Labels e linha divisória */
.custom-pill-radio label {
    padding: 0 20px !important;
    height: 33.5px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.custom-pill-radio .apex-item-option + .apex-item-option {
    border-left: 1px solid #d1d5dc !important;
}

/* 4. Texto do item selecionado */
.custom-pill-radio input[type="radio"]:checked + label {
    color: #ffffff !important;
    font-weight: bold !important;
}

/* 5. Sim (Primeiro item)*/
.custom-pill-radio .apex-item-option:first-child input[type="radio"]:checked + label {
    background-color: #1a65ff !important; 
    border-top-left-radius: 9px !important; 
    border-bottom-left-radius: 9px !important;
}

/* 6. Não (Último item)*/
.custom-pill-radio .apex-item-option:last-child input[type="radio"]:checked + label {
    background-color: #4b5563 !important;  
    border-top-right-radius: 9px !important;
    border-bottom-right-radius: 9px !important;
}

/* Radio group de seleção */

.custom-select-radio [type="radio"]:not(:checked) + span:before,
.custom-select-radio [type="radio"]:not(:checked) + label:before,
.custom-select-radio [type="radio"]:not(:checked) + span:after,
.custom-select-radio [type="radio"]:not(:checked) + label:after,
.custom-select-radio .apex-item-radio input:checked + .u-radio:after,
.custom-select-radio .apex-item-radio input:checked + label:after,
.custom-select-radio .u-radio.is-checked:after {
	display: none !important;
}

.custom-select-radio .apex-item-option input[type="radio"] + label {
    border-radius: 15px !important;
	border: 1px solid #d1d5dc;
	
}
.custom-select-radio .apex-item-option input[type="radio"]:checked + label {
    background-color: #1a65ff !important; 
    border-radius: 15px !important;
	color: white !important;
	font-weight: bold !important;
}

.custom-select-radio label {
    padding: 0 20px !important;
    height: 33.5px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
	font-size: 15px;
}

/* Radio de Check */
[type="radio"]:not(:checked) + span:before,
[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + span:after,
[type="radio"]:not(:checked) + label:after,
.apex-item-radio input:checked + .u-radio:after,
.apex-item-radio input:checked + label:after,
.u-radio.is-checked:after {
	margin: 9px !important;
	width: 13px !important;  
    height: 13px !important;
	border: 1px solid #5a5a5a !important;   
}

.custom-short-check-radio .apex-item-option input[type="radio"] + label,
.custom-check-radio .apex-item-option input[type="radio"] + label {
    border-radius: 5px !important;
	border: 1px solid #d1d5dc;
	
}
.custom-short-check-radio label,
.custom-check-radio label {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
	font-size: 15px;
	padding: 16px 0;
}

.custom-short-check-radio .apex-item-group,
.custom-check-radio .apex-item-group {
	display: flex;
	gap: 6px;
	flex-direction: column;
}

.custom-short-check-radio input[type="radio"]:checked + label,
.custom-check-radio input[type="radio"]:checked + label {
	border: 1px solid #3451e8 !important;
	color: #3451e8 !important;
}

.custom-short-check-radio [type="radio"]:checked + label:after,
.custom-check-radio [type="radio"]:checked + label:after {
	border: 2px solid white !important;      /* borda interna */
    box-shadow: 0 0 0 2px #3451e8 !important;    /* borda externa */
	background-color: #3451e8 !important;
}

.custom-short-check-radio div {
	width: max-content;
    padding-right: 12px;
	margin: 0 !important;
}


/* Mult CheckBox */

/* Field */
.custom-mult-checkbox .apex-item-option input[type="checkbox"] + label {
	border-radius: 5px !important;
    border: 1px solid #d1d5dc;
    width: 18rem !important;
    margin-bottom: 10px !important;
}
.custom-mult-checkbox  input[type="checkbox"]:checked + label {
	border: 1px solid #3451e8 !important;
	color: #3451e8 !important;
	font-weight: bold;
}
/* Check none */
.custom-mult-checkbox .apex-item-checkbox .apex-item-option input+label:after,
.custom-mult-checkbox .apex-item-checkbox .apex-item-option input+label:before {
    left: 10px !important;
    top: 6px !important;
	border: 1px solid #5a5a5a !important;
}

.custom-mult-checkbox  [type="checkbox"] + label:not(.lever)::before {
	width: 12px !important;
    height: 12px !important;
}
.custom-mult-checkbox [type="checkbox"]:checked + span:not(.lever):before, 
.custom-mult-checkbox [type="checkbox"]:checked + label:not(.lever):before {
	width: 12px !important;
    height: 12px !important;
	border: 2px solid white !important;      /* borda interna */
    box-shadow: 0 0 0 2px #3451e8 !important;    /* borda externa */
	background-color: #3451e8 !important;
}

.custom-mult-checkbox [type="checkbox"] + span:not(.lever):before,
.custom-mult-checkbox [type="checkbox"] + label:not(.lever):before,
.custom-mult-checkbox [type="checkbox"]:not(.filled-in) + span:not(.lever):after,
.custom-mult-checkbox [type="checkbox"]:not(.filled-in) + label:not(.lever):after {
	transition: none !important;
}

.custom-mult-checkbox  [type="checkbox"]:checked + span:not(.lever):before, 
.custom-mult-checkbox [type="checkbox"]:checked + label:not(.lever):before {
	-webkit-transform: none !important; 
    transform: none !important; 
}

.custom-mult-checkbox  label {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
	font-size: 15px;
	padding: 16px 0;
}