.formToWizard{font-size:1em;text-align:left;visibility:hidden;}
.formToWizard legend { display:none;}
.formToWizard #steps {list-style:none; overflow:hidden; width:auto;margin:10px 0px 10px; padding:0px;}
.formToWizard #steps li {float:left;margin-right:15px;font-size:1.2em;cursor:pointer; color:#444}
.formToWizard #steps li span {font-size:0.8em!important;font-weight:300;text-transform:uppercase; }
.formToWizard #steps li.current { color:#000!important;border-bottom:3px solid rgb(255,221,0);cursor:default;font-weight:500;cursor:default;}
.formToWizard #steps li.disabilitato {cursor:default;color:#aaa;}

.formToWizard table.Messaggio{width:auto;margin:5px 0px 20px;font-size:12px;border:solid 1px #cc0000;background-color:#FFE1E1;color:#cc0000;}
.formToWizard table.Messaggio td{padding:5px;}
.formToWizard table.Messaggio td a{color:#36e!important;}

.noteobbligatorio{padding:20px 0px;line-height:2em;font-size:0.9em;}

@media (max-width: 1300px) {
    .formToWizard #steps {
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        overflow:hidden;
        margin:15px 0;
        padding:0 5px;
        position:relative;
    }
    .formToWizard #steps::before {
        content:'';
        position:absolute;
        top:14px;
        left:30px;
        right:30px;
        height:2px;
        background:#ddd;
        z-index:0;
    }
    .formToWizard #steps li {
        float:none;
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
        margin:0;
        padding:0;
        font-size:0;
        line-height:0;
        position:relative;
        z-index:1;
        flex:1;
        min-width:0;
        color:transparent;
    }
    .formToWizard #steps li::before {
        content:attr(data-step);
        display:flex;
        align-items:center;
        justify-content:center;
        width:28px;
        height:28px;
        border-radius:50%;
        background:#e0e0e0;
        color:#999;
        font-size:13px;
        font-weight:600;
        margin-bottom:5px;
        flex-shrink:0;
        transition:background 0.2s, color 0.2s;
    }
    .formToWizard #steps li span {
        font-size:10px!important;
        font-weight:400;
        text-transform:uppercase;
        line-height:1.2;
        color:#999;
        max-width:80px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        white-space:normal;
        word-break:break-word;
    }
    .formToWizard #steps li.current::before {
        background:rgb(255,221,0);
        color:#333;
    }
    .formToWizard #steps li.current span {
        color:#333;
        font-weight:600;
    }
    .formToWizard #steps li.current {
        border-bottom:none;
    }
    .formToWizard #steps li:not(.disabilitato)::before {
        background:#c8e6c9;
        color:#2e7d32;
    }
    .formToWizard #steps li:not(.disabilitato) span {
        color:#555;
    }
}

@media (max-width: 480px) {
    .formToWizard #steps li span {
        font-size:9px!important;
        max-width:65px;
    }
    .formToWizard #steps li::before {
        width:26px;
        height:26px;
        font-size:12px;
    }
}