/*Fonts*/

.pt-sans-regular {
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.pt-sans-bold {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.pt-sans-regular-italic {
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.pt-sans-bold-italic {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.pt-sans-narrow-regular {
    font-family: "PT Sans Narrow", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.pt-sans-narrow-italic {
    font-family: "PT Sans Narrow", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.pt-sans-narrow-bold {
    font-family: "PT Sans Narrow", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.pt-sans-caption-regular {
    font-family: "PT Sans Caption", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.pt-sans-caption-bold {
    font-family: "PT Sans Caption", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.pt-serif-regular {
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: normal;
}

.pt-serif-bold {
    font-family: "PT Serif", serif;
    font-weight: 700;
    font-style: normal;
}

.pt-serif-regular-italic {
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: italic;
}

.pt-serif-bold-italic {
    font-family: "PT Serif", serif;
    font-weight: 700;
    font-style: italic;
}


/*Personalizzazione*/

:root, * {
    --bs-primary: #555 !important;
    --bs-link-color-rgb: #555;
}


h1, h2, h3, h4, h5, h6 {
    color: var(--bs-primary) !important;
}

body {
    background: linear-gradient(135deg,#e3f2fd,#fce4e4);
    min-height: 100vh;
}

.q-wrapper {
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(10px);
}

.form-check-input, .form-check-label, .form-select {
    cursor: pointer;
}

/* PROGRESS BAR */

.progressbar {
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    /*Responsive Bar*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    /*text-align: center;*/
    color: white;
}

.ProgressOpzioni {
    background-color: var(--bs-secondary);
}

.ProgressOpzioni-Text {
    font-weight: bold;
    font-size: medium;
}

.ProgressOpzioniZero {
    background-color: var(--bs-secondary);
}

.ProgressOpzioni-TextZero {
    font-weight: bold;
    font-size: medium;
}

.ProgressAvviso {
    color: #3D3535;
    font-weight: bold;
    /*font-size: 1.1em;*/
}

.UpdateProgress {
    width: 100%;
    text-align: center;
}

/*Responsive Bar*/

.pb-back {
    padding-left: 10px;
    flex: 1 auto;
    text-align: left;
}

.pb-forward {
    padding-right: 10px;
    flex: 1 auto;
    text-align: right;
}

.pb-progress {
    padding: 10px;
    padding-bottom: 0;
    flex: 1 100%;
}

@media (min-width: 740px) {
    .pb-back {
        order: 1;
    }

    .pb-progress {
        order: 2;
        flex: 100 0px;
    }

    .pb-forward {
        order: 3;
    }
}
