/* Fideicomiso: ajustes propios sobre el tema copiado de CDR.Front.Admin. */

/*
 * Checks y radios con el input adentro del label (<div class="checkbox"><label><input type="checkbox"> Texto</label></div>).
 * awesome-bootstrap-checkbox oculta el input y dibuja la casilla con "input:checked + label", que solo funciona con el
 * input ANTES del label (<input id="x"><label for="x">). Con el input adentro, el valor cambiaba pero la casilla dibujada
 * no se actualizaba. Estas reglas dibujan el tilde y el punto según el input que está adentro del label (:has).
 */
.checkbox label > input[type="checkbox"],
.radio label > input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    margin: 0 0 0 -20px;
    cursor: pointer;
}

.checkbox label:has(> input[type="checkbox"]:checked)::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

.checkbox label:has(> input[type="checkbox"]:focus-visible)::before,
.radio label:has(> input[type="radio"]:focus-visible)::before {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkbox label:has(> input[type="checkbox"]:disabled),
.radio label:has(> input[type="radio"]:disabled) {
    opacity: 0.65;
}

.checkbox label:has(> input[type="checkbox"]:disabled)::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.radio label:has(> input[type="radio"]:checked)::after {
    transform: scale(1, 1);
}

/* Varias opciones de radio una debajo de la otra (aporte inicial) */
.radio + .radio {
    margin-top: 0;
}