:root {
    /*-------------------*/
    /* VARIABILI GLOBALI */
    /*-------------------*/
    --GLB-titolo-fontsize: 1.5rem;
    --GLB-titolo-fontweight: 700;
    --GLB-titolo-fontcolor: #0d4085;
    --GLB-titolo-fontvariant: small-caps; /* normal, caps */
    /*-------------------*/
    --GLB-sottotitolo-fontsize: 1.1rem;
    --GLB-sottotitolo-fontweight: 700;
    --GLB-sottotitolo-fontcolor: brown;
    --GLB-sottotitolo-fontvariant: normal; /* normal, caps */
    /*-------------------*/
    --GLB-sottotitolovalore-fontsize: 1.1rem;
    --GLB-sottotitolovalore-fontweight: 700;
    --GLB-sottotitolovalore-fontcolor: blue;
    --GLB-sottotitolovalore-fontvariant: normal;
    /*-------------------*/
    --GLB-titolo2-fontsize: 1.2rem;
    --GLB-titolo2-fontweight: 700;
    --GLB-titolo2-fontcolor: #0d4085;
    --GLB-titolo2-fontvariant: normal; /* normal, caps */
    /*-------------------*/
    --GLB-sottotitolo2-fontsize: 1.0rem;
    --GLB-sottotitolo2-fontweight: 500;
    --GLB-sottotitolo2-fontcolor: #0d4085;
    --GLB-sottotitolo2-fontvariant: normal; /* normal, caps */
    /*-------------------*/
    --GLB-note-fontsize: 1.0rem;
    --GLB-note-fontweight: 500;
    --GLB-note-fontcolor: #009900;
    --GLB-note-fontvariant: normal; /* normal, caps */
    /*-------------------*/
    font-family: 'Montserrat', 'Roboto', Calibri, Arial, Wingdings, 'Cambria Math';
    font-size: 16px;
    color: #264d7a;
}
/*--------------------------------------------------------------------------------------*/
.CC_00_Panel_Contenitore {
    display: none;
    /*
    background-color: white;
    */
    text-align: center;
    color: brown;
    height: auto 200px;
    padding: 5px;
    margin: 5px auto;
    border: 1px solid transparent;
}
/*--------------------------------------------------------------------------------------*/
.CC_00_Top_Image {
    border: 1px solid   lightgray;
    position: relative;
}
/*--------------------------------------------------------------------------------------*/
.CC_00_Headline1_Label {
    font-size: var(--GLB-titolo-fontsize);
    font-weight: var(--GLB-titolo-fontweight);
    font-variant: var(--GLB-titolo-fontvariant);
    color: var(--GLB-titolo-fontcolor);
    padding: 10px 0px 10px 0px;
    border: 1px solid transparent;
}
.CC_00_Headline2_Label {
    font-size: var(--GLB-sottotitolo-fontsize);
    font-weight: var(--GLB-sottotitolo-fontweight);
    font-variant: var(--GLB-sottotitolo-fontvariant);
    color: var(--GLB-sottotitolo-fontcolor);
    padding: 10px 0px 10px 0px;
    border: 1px solid transparent;
}
.CC_00_Headline3_Label {
    font-size: var(--GLB-titolo2-fontsize);
    font-weight: var(--GLB-titolo2-fontweight);
    font-variant: var(--GLB-titolo2-fontvariant);
    color: var(--GLB-titolo2-fontcolor);
    /*    color: #0d4085;
    font-size: 1.2rem;
    font-weight: 700; */
    padding: 10px 0px 1px 0px;
    border: 1px solid transparent;
}
.CC_00_Headline4_Label {
    font-size: var(--GLB-sottotitolo2-fontsize);
    font-weight: var(--GLB-sottotitolo2-fontweight);
    font-variant: var(--GLB-sottotitolo2-fontvariant);
    color: var(--GLB-sottotitolo2-fontcolor);
    text-align: left;
    /*  color: #0d4085;
    font-size: 1.0rem;
    font-weight: 500;*/
    padding: 0px 0px 15px 0px;
    border: 1px solid transparent;
}
img.CC_00_Headline4_Label_Image {
    width: 2.5rem;
    padding: 0px 10px 5px 0px;
}
.CC_00_Headline5_Label {
    font-size: var(--GLB-sottotitolo-fontsize);
    font-weight: var(--GLB-sottotitolo-fontweight);
    font-variant: var(--GLB-sottotitolo-fontvariant);
    color: var(--GLB-sottotitolo-fontcolor);
    margin: 10px 0px 10px 0px;
    padding: 5px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------*/
input[type=button].CC_00_NavigationBar {
    height: 3rem;
    font-size: 1.0rem;
    font-weight: 500;
    visibility: visible;
    border: 2px solid gray;
    border-radius: 2rem;
    color: brown;
    background-color: rgba(255,255,255,0.4);
    text-decoration: none;
    cursor: pointer;
}
input[type=button]:hover.CC_00_NavigationBar {         /* MouseMove */
    color: red;
    background-color: rgba(224,224,224,0.4);
}

input[type=button]:focus.CC_00_NavigationBar {         /* MouseClick */
    color: white;
    background-color: rgba(255,0,0,1);
}

input[type=button]:active.CC_00_NavigationBar {        /* MouseDown */
    color: green;
    background-color: rgba(224,224,224,0.4 );
}

input[type=button]:disabled.CC_00_NavigationBar {
    color: white;
    background-color: red;
}
/*--------------------------------------------------------------------------------------*/
input.CC_00_Risposta {
    width: 100%;
    text-align: center;
    color: #009900;
    font-size: 1.0rem;
    font-weight: 500;
    outline: none;
    border: 1px solid #dddddd;
    /*
        border: 1px solid transparent;
        margin: 30px 0px 30px 0px;

    */
    margin: 0px 0px 10px 0px;
    padding: 5px 0px 5px 0px;
}
input.CC_00_Risposta::placeholder {
    font-size: 1.0rem;
    font-weight: 400;
    color: #bbbbbb;
}
span.CC_00_Risposta {
    width: 100%;
    text-align: center;
    /*color: #5555ff;*/
    color: brown;
    font-size: 1.1rem;
    font-weight: 600;
    outline: none;
    border: 0px solid #dddddd;
    margin: 10px 0px 10px 0px;
    padding: 5px 0px 5px 0px;
}
span.CC_00_Risposta_Small {
    width: 100%;
    text-align: center;
    /*color: #5555ff;*/
    color: brown;
    font-size: 1rem;
    font-weight: 500;
    outline: none;
    border: 0px solid #dddddd;
    margin: 10px 0px 10px 0px;
    padding: 5px 0px 5px 0px;
}
input.CC_00_Risposta_Test {
    /*
    display: none;
    */
    visibility: collapse;
    width: 100%;
    text-align: center;
    color: #ff0000;
    font-size: 1rem;
    font-weight: 500;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 0px 10px 0px;
}
input.CC_00_Risposta_Errore {
    /*
    display: none;
    margin: 0px 0px 10px 0px;

    */

    margin: 0px 0px 10px 0px;
    visibility: collapse;
    width: 100%;
    text-align: center;
    color: #ff0000;
    font-size: 1.0rem;
    font-weight: 500;
    border: 1px solid transparent;
    outline: none;
}
textarea.CC_00_Risposta_Errore {
    /*
    display: none;
    margin: 0px 0px 10px 0px;
    */
    visibility: collapse;
    width: 100%;
    text-align: center;
    color: #ff0000;
    font-size: 1.0rem;
    font-weight: 500;
    border: 1px solid red;
    outline: none;
}
/*--------------------------------------------------------------------------------------*/
.CC_00_PanelButton_Image {
    width: 1.8rem;
    opacity: 0.7;
}

.CC_00_PanelButton {
    font-weight: 500;
    border: 2px solid gray;
    border-radius: 2rem;
    background-color: rgba(255,255,255,0.4);
    color: brown;
    text-decoration: none;
}

    .CC_00_PanelButton:hover {                      /* MouseMove */
        color: red;
        background-color: rgba(192,192,192,0.4);
    }
    .CC_00_PanelButton:focus{                      /* MouseClick */
        color: white;
        background-color: rgba(255,0,0,1);
    }
    .CC_00_PanelButton:active {                    /* MouseDown (active: deve sempre essere posto dopo :focus)*/
        color: white;
        background-color: rgba(255,0,0,1);
    }
/*--------------------------------------------------------------------------------------*/
.CC_00_Textbox {
    border: 1px solid Blue;
    border-radius: 6px;
    background-color: rgba(255,255,255,1);
}
/*--------------------------------------------------------------------------------------*/
.CC_00_Note {
    font-size: var(--GLB-note-fontsize);
    font-weight: var(--GLB-note-fontweight);
    font-variant: var(--GLB-note-fontvariant);
    color: var(--GLB-note-fontcolor);
}
    .CC_00_Note a {
        color: var(--GLB-note-fontcolor);
        /*text-decoration: none;*/
    }
/*--------------------------------------------------------------------------------------*/
.CC_00_VariabiliGlobali {
    all: initial;
    display: block;
}

    .CC_00_VariabiliGlobali table label {
        font-size: 9pt;
        width: 20%;
        color: #0000ff;
        background-color: #ff0000;
    }

    .CC_00_VariabiliGlobali table input {
        font-size: 9pt;
        width: 80%;
        color: #000000;
        background-color: #00ff00;
    }
/*------------------------------------------------------------------------------*/
.CC_00_DivTable {
    display: table;
    width: 50%;
    font-size: 8pt;
    font-weight: normal;
    text-align: right;
    color: #0000ff;
    background-color: #eeffee;
    cursor: pointer;
    margin: 20px 20px 20px 20px;
    padding: 0px 0px 0px 0px;
    border: 3px solid blue;
    box-shadow: 3px 3px 3px 3px #cccccc;
}
    .CC_00_DivTable .table_caption {
        display: table_caption;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        border: 3px solid blue;
    }
    .CC_00_DivTable .table_header {
        display: table_header-group;
        font-weight: bold;
        font-size: 10px;
    }
    .CC_00_DivTable .table_header_cell {
        display: table-cell;
        width: 50%;
        padding: 3px;
        text-align: center;
        border-bottom: 1px solid blue;
    }
    .CC_00_DivTable .table_header_cell_left {
        display: table-cell;
        padding: 3px;
        text-align: left;
        border-bottom: 1px solid blue;
    }
    .CC_00_DivTable .table_header_cell_right {
        display: table-cell;
        width: 30%;
        padding: 3px;
        text-align: right;
        border-bottom: 1px solid blue;
    }
    .CC_00_DivTable .table-body {
        display: table-row-group;
        text-align: center;
    }
    .CC_00_DivTable .table_body_row {
        display: table-row;
    }
    .CC_00_DivTable .table_body_cell {
        display: table-cell;
        width: 50%;
        text-align: center;
        padding-left: 3px;
        padding-right: 3px;
    }
    .CC_00_DivTable .table_body_cell_left {
        display: table-cell;
        text-align: left;
        padding-left: 3px;
        padding-right: 3px;
    }
    .CC_00_DivTable .table_body_cell_right {
        display: table-cell;
        width: 30%;
        text-align: right;
        padding-left: 3px;
        padding-right: 3px;
    }
    .CC_00_DivTable .table_footer {
        display: table_footer-group;
        font-weight: bold;
        font-size: 10px;
    }
    .CC_00_DivTable .table_footer_cell {
        display: table-cell;
        width: 50%;
        padding: 3px;
        text-align: center;
        border-top: 1px solid blue;
    }
    .CC_00_DivTable .table_footer_cell_left {
        display: table-cell;
        padding: 3px;
        text-align: left;
        border-top: 1px solid blue;
    }
    .CC_00_DivTable .table_footer_cell_right {
        display: table-cell;
        width: 30%;
        padding: 3px;
        text-align: right;
        border-top: 1px solid blue;
    }
    .CC_00_DivTable input {
        width: 500pt;
        min-width: 200pt;
        max-width: 900pt;
    }
/*------------------------------------------------------------------------------*/
.CC_00_Master_Body {
    border: 0px solid red;
    width: 100%;
    text-align: center; 
    /*position: relative;
    height: 4rem;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;*/
}
/*------------------------------------------------------------------------------*/
.CC_00_Master_Form {
    border: 0px solid cyan;
    width: 100%;
    /*position: relative;
    height: 4rem;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;*/
}
/*------------------------------------------------------------------------------*/
.CC_00_MasterBodyPanelTop {
    border: 0px solid black;
    position: relative;
    /*
    height: 4rem;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;*/
}
.CC_00_Header_Container {
    border: 0px solid red;
    position: relative;
    height: 4rem;
    /*
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;*/
}
.CC_00_Header_Row {
    border: 0px solid green;
    position: relative;
    /*
    height: 4rem;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;*/
}
.CC_00_Header_Logo_Panel {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid cyan;
    text-align: center;
}
.CC_00_Header_Logo_Img {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid blue;
    height: 3.0rem;
    cursor: pointer;
}
.CC_00_Header_Home_Panel {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid black;
    text-align: right;
}
.CC_00_Header_Home_Img {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid pink;
    height: 1.5rem;
    cursor: pointer;
}
/*
.CC_00_Header_Menu {
    cursor: pointer;
    border: 0px solid #ff0000;
}
    */
/*------------------------------------------------------------------------------*/
.CC_00_MasterBodyPanelMiddle {
    border: 0px solid black;
    position: relative;
    /*position: relative;
    height: 4rem;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;*/
}

/*------------------------------------------------------------------------------*/
.CC_00_MasterBodyPanelFooter {
    border: 0px solid black;
    font-size: 12px;
    text-decoration: none;
    color: #aaaaaa;
    width: 100%;
}
    .CC_00_MasterBodyPanelFooter #Footer_Copyright {
        border: 0px solid black;
        position: relative;
        font-size: 12px;
        text-decoration: none;
        color: #aaaaaa;
    }
    .CC_00_MasterBodyPanelFooter #Footer_Privacy {
        border: 0px solid black;
        position: relative;
        font-size: 12px;
        text-decoration: none;
        color: #aaaaaa;
    }
    .CC_00_MasterBodyPanelFooter #Footer_Message {
        border: 0px solid blue;
        font-size: 14px;
        font-weight: bold;
        color: red;
        text-align: left;
    }

/*------------------------------------------------------------------------------*/
.CC_00_Hamburger-unicode {
    margin: 0;
    width: 28px;
    height: 28px;
    padding: 14px;
    font-size: 30px;
    color: #666666;
    cursor: pointer;
    border: 1px solid gray;
}
    .CC_00_Hamburger-unicode:hover {
        color: #8fc045;
        transition-property: color;
        transition-duration: 200ms;
    }
.CC_00_Hamburger {
    margin: 0;
    padding: 2px 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    border: 1px solid #aaaaaa;
}
div.CC_00_Hamburger {
    margin: 3px 0;
    padding: 0;
    background-color: #aaaaaa;
    border-radius: 2px;
    border-style: none;
    height: 3px;
}
    div.CC_00_Hamburger:hover {
        background: white;
        transition-property: background;
        transition-duration: 200ms;
    }
.CC_00_Hamburger:hover {
    background: #414141;
    transition-property: background;
    transition-duration: 200ms;
}
/*------------------------------------------------------------------------------*/
.CC_00_Panel_ContenitoreTest {
    text-align: left;
    color: #0000ff;
    height: auto 200px;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 1px solid transparent;
}
/*------------------------------------------------------------------------------*/
.RAV_titolo {
    font-size: var(--GLB-titolo-fontsize);
    font-weight: var(--GLB-titolo-fontweight);
    font-variant: var(--GLB-titolo-fontvariant);
    color: var(--GLB-titolo-fontcolor);
    text-align: center;
    margin: 0px 0px 15px 0px;
}

.RAV_sottotitolo {
    font-size: var(--GLB-sottotitolo-fontsize);
    font-weight: var(--GLB-sottotitolo-fontweight);
    font-variant: var(--GLB-sottotitolo-fontvariant);
    color: var(--GLB-sottotitolo-fontcolor);
    text-align: center;
    margin: 0px 0px 15px 0px;
}

.RAV_sottotitolo_valore {
    font-size: var(--GLB-sottotitolovalore-fontsize);
    font-weight: var(--GLB-sottotitolovalore-fontweight);
    font-variant: var(--GLB-sottotitolo-fontvariant);
    color: var(--GLB-sottotitolovalore-fontcolor);
    text-align: center;
    margin: 0px 0px 15px 0px;
}
/*------------------------------------------------------------------------------*/
.RCO_titolo {
    font-size: var(--GLB-titolo-fontsize);
    font-weight: var(--GLB-titolo-fontweight);
    font-variant: var(--GLB-titolo-fontvariant);
    color: var(--GLB-titolo-fontcolor);
    text-align: center;
    margin: 0px 0px 15px 0px;
}

.RCO_sottotitolo {
    font-size: var(--GLB-sottotitolo-fontsize);
    font-weight: var(--GLB-sottotitolo-fontweight);
    font-variant: var(--GLB-sottotitolo-fontvariant);
    color: var(--GLB-sottotitolo-fontcolor);
    text-align: center;
    margin: 0px 0px 15px 0px;
}
/*------------------------------------------------------------------------------*/