﻿.form-floating {
    color: black;
}

    .form-floating label.control-label,
    .form-floating .form-label {
        background-color: var(--color-text-bianco);
        color: var(--color-label-secondario-varie);
    }

    .form-floating .input-group:not([readonly]):not([disabled]) > .input-group-prepend > span,
    .form-floating > .form-control:not([readonly]):not([disabled]) {
        background-color: transparent;
        border-color: var(--color-linea);
        color: var(--colore-testo);
    }

    .form-floating > .form-control:is([readonly]):not([disabled]):focus,
    .form-floating > .form-control:is([readonly]):not([disabled]),
    .form-floating > .input-group > .form-control:is([readonly]):not([disabled]):focus,
    .form-floating > .input-group > .form-control:is([readonly]):not([disabled]) {
        background-color: transparent;
        border-color: var(--color-linea);
        color: inherit;
        cursor: no-drop;
    }

    .form-floating > .input-group:is([readonly]):not([disabled]) > .input-group-prepend > span,
    .form-floating > .input-group:is([readonly]):not([disabled]):focus > .input-group-prepend > span {
        background-color: transparent;
        border-color: var(--color-cta-fill-disabled);
        color: inherit;
        cursor: no-drop;
    }

    .form-floating > .form-control:is([readonly]):not([disabled]) ~ label,
    .form-floating > .input-group:is([readonly]):not([disabled]) ~ label {
        border-top-color: white;
    }

    .form-floating > .form-control:not([readonly]):is([disabled]),
    .form-floating > .input-group > .form-control:not([readonly]):is([disabled]),
    .form-floating > .input-group:not([readonly]):is([disabled]) > .input-group-prepend > span {
        background-color: var(--color-cta-fill-disabled);
        border-color: var(--color-linea);
        color: inherit;
        cursor: no-drop;
    }

        .form-floating > .form-control:not([readonly]):is([disabled]) ~ label,
        .form-floating > .input-group:not([readonly]):is([disabled]) ~ label {
            background: linear-gradient(to bottom, white 50%, var(--color-cta-fill-disabled) 50%);
            border-bottom-color: var(--color-cta-fill-disabled);
            border-top-color: white;
        }

    .form-floating > .form-control:not([readonly]):not([disabled]):focus,
    .form-floating .input-group > .form-control:not([readonly]):not([disabled]):focus,
    .form-floating .input-group:not([readonly]):focus-within > .input-group-prepend {
        border-color: var(--color-primary)
    }

        .form-floating > .form-control:not([readonly]):not([disabled]):focus ~ label,
        .form-floating .input-group:not([readonly]):focus-within ~ label {
            color: var(--color-primary);
        }

.form-check.form-switch.form-control {
    background-color: var(--bg-riempimento);
    border-color: var(--color-linea);
    border-bottom: 1px solid grey;
}

.form-floating .input-group > .input-group-prepend {
    border-color: var(--color-linea);
}

input[type='radio']::after {
    background-color: var(--color-primary);
}

input:checked[type='radio'] {
    border-color: var(--color-primary);
}

    input:checked[type='radio']::after {
        background-color: var(--color-primary);
    }

input:checked:disabled[type='radio'] {
    border-color: var(--color-linea);
}

    input:checked:disabled[type='radio']::after {
        background-color: var(--color-linea);
    }

.custom-switch .custom-control-label
/*label:not(.form-check-label):not(.custom-file-label) 
*/{
    color: var(--color-text-nero);
}

    .custom-switch .custom-control-label::before {
        background-color: var(--color-text-nero);
        opacity: 0.4;
    }

    .custom-switch .custom-control-label::after {
        background-color: white;
        box-shadow: 0px 2px 4px 0px black;
    }

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--color-primary);
    opacity: 0.4;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: var(--color-primary);
}

.form-check-input:checked[type=radio] {
    background-image: none;
    background-color: var(--color-text-bianco);
}