﻿#questionario .row {
    margin-left: 20px;
    margin-right: 30px;
}

#questionario .row#breadcrumbs-row {
    margin-left: 0px;
}

#questionario .row.contenuto {
    margin-left: 0px;
    margin-top: 30px;
}

#questionario .titolo {
    color: #2C8DB8;
    font-weight: bold;
    font-size: 30px;
    margin-top: 20px;
    line-height: 32px;
}

#questionario .titolo .icona {
    padding-right: 20px;
    margin-right: 8px;
    border-right: 2pt solid #2C8DB8;
}

#questionario .sotto-titolo {
    color: #F29A27;
    font-weight: bold;
    font-size: 20px;
    margin-top: 20px;
}

#questionario .sotto-titolo .icona {
    padding-right: 20px;
    margin-right: 12px;
    margin-top: 20px;
    border-right: 2pt solid #F29A27;
}

/*#questionario .giustificato {
    text-align: justify;
}*/

#questionario .box-punteggio-container {
    padding: 6px;
    margin: 6px;
    text-justify: none;
}

#questionario .box-punteggio-container:first-child {
    margin-top: 16px;
}

#questionario .box-punteggio {
    display: inline;
    padding: 7px;
    width: 100px;
    margin-right: 20px;
    background-color: #2C8DB8;
    color: white;
    font-size: 12pt;
    line-height: 1em;
}

#questionario .domanda {
    text-align: left;
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1pt solid #2C8DB8;
}

#questionario .domanda:last-child {
    border-bottom: none;
}

#questionario .domanda .scelte {
    text-align: center
}

#questionario .domanda .scelte .scelta {
    display: inline-block;
    min-width: 45px;
    min-height: 45px;
    line-height: 40px;
    margin: 20px;
    margin-right: 30px;

    background-color: white;
    border: 2px solid #2C8DB8;
    color: #2C8DB8;
    font-weight: bold;
    cursor: pointer;
}

#questionario .domanda .scelte .scelta:hover {
    background-color: #2C8DB8;
    border: 2px solid #2C8DB8;
    color: white;
}

#questionario .domanda .scelte .scelta.selected {
    background-color: #2C8DB8;
    border: 2px solid #2C8DB8;
    color: white;
}

#questionario #controllerBtnPanel button,
#questionario .controllerBtnPanel button {
    margin-left: 8px;
    margin-right: 8px;
}

#questionario #numPagina,
#questionario .numPagina {
    display: inline;
}

#questionario #controllerBtnPanel,
#questionario .controllerBtnPanel {
    display: inline;
    text-align: right;
    padding-bottom: 30px;
}

#questionario #invioBtnPanel {
    display: inline;
    text-align: right;
}

#questionario #invioBtnPanel #invia {
    margin-right: 8px;
    min-width: 187px;
}

#questionario .contenuto .box-punteggio-container {
    line-height: 1.5em;
}


/* STILE PER FVG */


/* Questionario con 4 opzioni */

/* Rossi */
#questionario.fvg4 .contenuto .box-punteggio-container:nth-child(1) .box-punteggio,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="0"],
#questionario.fvg4 .domanda .scelte .scelta[data-valore="4"],
#questionario.fvg4 .domanda .scelte .scelta[data-valore="1"] {
    border: 2px solid #cf4436;
    color: #cf4436;
}

#questionario.fvg4 .contenuto .box-punteggio-container:nth-child(1) .box-punteggio,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="0"]:hover,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="0"].selected,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="4"]:hover,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="4"].selected,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="1"]:hover,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="1"].selected {
    background-color: #cf4436;
    border: 2px solid #cf4436;
    color: white;
}


/* Arancio */
#questionario.fvg4 .contenuto .box-punteggio-container:nth-child(2) .box-punteggio,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="1"] {
    border: 2px solid #ce7838;
    color: #ce7838;
}

#questionario.fvg4 .contenuto .box-punteggio-container:nth-child(2) .box-punteggio,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="1"]:hover,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="1"].selected {
    background-color: #ce7838;
    border: 2px solid #ce7838;
    color: white;
}



/* Verde lime */
#questionario.fvg4 .contenuto .box-punteggio-container:nth-child(3) .box-punteggio,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="2"] {
    border: 2px solid #b1ba3a;
    color: #b1ba3a;
}

#questionario.fvg4 .contenuto .box-punteggio-container:nth-child(3) .box-punteggio,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="2"]:hover,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="2"].selected {
    background-color: #b1ba3a;
    border: 2px solid #b1ba3a;
    color: white;
}


/* Verde bello */
#questionario.fvg4 .contenuto .box-punteggio-container:nth-child(4) .box-punteggio,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="3"] {
    border: 2px solid #29b765;
    color: #29b765;
}

#questionario.fvg4 .contenuto .box-punteggio-container:nth-child(4) .box-punteggio,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="3"]:hover,
#questionario.fvg4 .domanda .scelte .scelta[data-valore="3"].selected {
    background-color: #29b765;
    border: 2px solid #29b765;
    color: white;
}



/* Questionario con 5 opzioni */

/* Rossi */
#questionario.fvg5 .contenuto .box-punteggio-container:nth-child(1) .box-punteggio,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="0"] {
    border: 2px solid #cf4436;
    color: #cf4436;
}

#questionario.fvg5 .contenuto .box-punteggio-container:nth-child(1) .box-punteggio,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="0"]:hover,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="0"].selected {
    background-color: #cf4436;
    border: 2px solid #cf4436;
    color: white;
}


/* Arancio */
#questionario.fvg5 .contenuto .box-punteggio-container:nth-child(2) .box-punteggio,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="1"] {
    border: 2px solid #ce7838;
    color: #ce7838;
}

#questionario.fvg5 .contenuto .box-punteggio-container:nth-child(2) .box-punteggio,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="1"]:hover,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="1"].selected {
    background-color: #ce7838;
    border: 2px solid #ce7838;
    color: white;
}


/* Giallo */
#questionario.fvg5 .contenuto .box-punteggio-container:nth-child(3) .box-punteggio,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="2"] {
    border: 2px solid #ceaa38;
    color: #ceaa38;
}

#questionario.fvg5 .contenuto .box-punteggio-container:nth-child(3) .box-punteggio,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="2"]:hover,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="2"].selected {
    background-color: #ceaa38;
    border: 2px solid #ceaa38;
    color: white;
}


/* Verde lime */
#questionario.fvg5 .contenuto .box-punteggio-container:nth-child(4) .box-punteggio,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="3"] {
    border: 2px solid #b1ba3a;
    color: #b1ba3a;
}

#questionario.fvg5 .contenuto .box-punteggio-container:nth-child(4) .box-punteggio,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="3"]:hover,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="3"].selected {
    background-color: #b1ba3a;
    border: 2px solid #b1ba3a;
    color: white;
}


/* Verde bello */
#questionario.fvg5 .contenuto .box-punteggio-container:nth-child(5) .box-punteggio,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="4"] {
    border: 2px solid #29b765;
    color: #29b765;
}

#questionario.fvg5 .contenuto .box-punteggio-container:nth-child(5) .box-punteggio,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="4"]:hover,
#questionario.fvg5 .domanda .scelte .scelta[data-valore="4"].selected {
    background-color: #29b765;
    border: 2px solid #29b765;
    color: white;
}




/* Questionario con 10 opzioni */

/* Rossi */
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(1) .box-punteggio,
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(2) .box-punteggio,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="1"],
#questionario.fvg10 .domanda .scelte .scelta[data-valore="2"] {
    border: 2px solid #cf4436;
    color: #cf4436;
}

#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(1) .box-punteggio,
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(2) .box-punteggio,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="1"]:hover,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="2"]:hover,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="1"].selected,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="2"].selected {
    background-color: #cf4436;
    border: 2px solid #cf4436;
    color: white;
}


/* Arancio */
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(3) .box-punteggio,
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(4) .box-punteggio,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="3"],
#questionario.fvg10 .domanda .scelte .scelta[data-valore="4"] {
    border: 2px solid #ce7838;
    color: #ce7838;
}

#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(3) .box-punteggio,
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(4) .box-punteggio,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="3"]:hover,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="4"]:hover,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="3"].selected,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="4"].selected {
    background-color: #ce7838;
    border: 2px solid #ce7838;
    color: white;
}


/* Giallo */
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(5) .box-punteggio,
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(6) .box-punteggio,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="5"],
#questionario.fvg10 .domanda .scelte .scelta[data-valore="6"] {
    border: 2px solid #ceaa38;
    color: #ceaa38;
}

#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(5) .box-punteggio,
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(6) .box-punteggio,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="5"]:hover,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="6"]:hover,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="5"].selected,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="6"].selected {
    background-color: #ceaa38;
    border: 2px solid #ceaa38;
    color: white;
}


/* Verde lime */
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(7) .box-punteggio,
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(8) .box-punteggio,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="7"],
#questionario.fvg10 .domanda .scelte .scelta[data-valore="8"] {
    border: 2px solid #b1ba3a;
    color: #b1ba3a;
}

#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(7) .box-punteggio,
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(8) .box-punteggio,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="7"]:hover,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="8"]:hover,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="7"].selected,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="8"].selected {
    background-color: #b1ba3a;
    border: 2px solid #b1ba3a;
    color: white;
}


/* Verde bello */
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(9) .box-punteggio,
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(10) .box-punteggio,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="9"],
#questionario.fvg10 .domanda .scelte .scelta[data-valore="10"] {
    border: 2px solid #29b765;
    color: #29b765;
}

#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(9) .box-punteggio,
#questionario.fvg10 .contenuto .box-punteggio-container:nth-child(10) .box-punteggio,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="9"]:hover,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="10"]:hover,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="9"].selected,
#questionario.fvg10 .domanda .scelte .scelta[data-valore="10"].selected {
    background-color: #29b765;
    border: 2px solid #29b765;
    color: white;
}


