@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
/*  HTML Elements    ///////////////////////////*/
BODY {
    FONT-SIZE: 13px;
    BACKGROUND: #ffffff;
    MARGIN: 0px 0px 20px 0px;
    COLOR: #606060;
    FONT-FAMILY: "Titillium Web",Verdana, Arial;
}

A:link, A:visited, A:active {
    FONT-SIZE: 13px;
    COLOR: #0e54af;
    text-decoration: none;
}

A:hover {
    FONT-SIZE: 13px;
    COLOR: #0e54af;
    text-decoration: underline;
}

FORM {
    MARGIN: 0px
}
/*FONT    { FONT-FAMILY: Verdana, Arial; }
DIV     { FONT-SIZE: 13px; COLOR: #000066;  }
TABLE   { FONT-SIZE: 13px; COLOR: #000066;  }
TR      { FONT-SIZE: 13px; COLOR: #000066;  }
TD      { FONT-SIZE: 13px; COLOR: #000066;  }*/
IMG {
    BORDER: 0px;
}

HR {
    WIDTH: 100%;
    COLOR: #0e54af;
    HEIGHT: 1px
}
/*//////////////////////////////////////////////*/


/*  tabelle    /////////////////////////////////*/
.TextReadOnly {
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    FONT-SIZE: 13px;
    BORDER-LEFT: 0px;
    COLOR: #000066;
    BORDER-BOTTOM: 0px;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: left
}

.input-LinguettaLav {
    BORDER-RIGHT: #000066 2px solid;
    BORDER-TOP: #000066 2px solid;
    MARGIN-TOP: 0px;
    BACKGROUND: #000066;
    FONT: bold 13px verdana, Arial;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #000066 2px solid;
    WIDTH: 130px;
    CURSOR: hand;
    COLOR: #cccccc;
    BORDER-BOTTOM: #000066 2px solid;
    HEIGHT: 25px;
    TEXT-ALIGN: center
}

.input-LinguettaLav-attiva {
    BORDER-RIGHT: #000066 2px solid;
    BORDER-TOP: #000066 2px solid;
    MARGIN-TOP: 0px;
    BACKGROUND: #cccccc;
    FONT: bold 13px verdana, Arial;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #000066 2px solid;
    WIDTH: 130px;
    CURSOR: hand;
    COLOR: #000066;
    BORDER-BOTTOM: #000066 2px solid;
    HEIGHT: 25px;
    TEXT-ALIGN: center;
    width: 100
}

.SezioneTabella {
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND: #0e54af;
    WIDTH: 20%;
    COLOR: #fff;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 25px
}

td.separatore {
    height: 10px;
}
/*//////////////////////////////////////////////*/


div.autocomplete {
    position: absolute;
    width: 300px;
    background-color: #FFFFFF;
    border: 2px solid #606060;
    margin-top: 10px;
    padding: 3px;
}

    div.autocomplete ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        div.autocomplete ul li.selected {
            background-color: #F5F5F5;
        }

        div.autocomplete ul li {
            font-size: 9px;
            font-family: Verdana;
            font-weight: 900;
            display: block;
            margin: 0;
            padding: 2px;
            height: 20px;
            cursor: pointer;
        }


/*  div    /////////////////////////////////////*/
div.scomparsa {
    border-right: dimgray 1px solid;
    padding-right: 5px;
    border-top: dimgray 1px solid;
    padding-left: 5px;
    border-left: dimgray 1px solid;
    border-bottom: dimgray 1px solid;
    margin-left: 1%;
    margin-right: 1%;
    padding-bottom: 5px;
    padding-top: 5px;
}

div.scomparsatext {
    width: 100%;
    font-weight: bold;
    color: gray;
    font-style: italic;
    font-family: Verdana;
    text-align: center;
}

div.titoloApplicazione {
    background-color: #0e54af;
    border-style: solid;
    border-color: #0e54af;
    border-width: 1px 0px;
    text-align: center;
    font-size: x-large;
    color: #fff;
}

div.titoloPagina {
    background: #0e54af;
    width: 98%;
    margin: 0px auto;
    padding: 5px;
    height: 30px;
    font-weight: bold;
}

div.titoloPagina_Modulo {
    color: #fff;
    clear: both;
    float: left;
    text-transform: uppercase;
    font-size: 2em;
}

div.titoloPagina_tipoModulo {
    color: #fff;
    float: right;
    text-transform: capitalize;
    font-size: 1.5em;
}

div.titoloSezione {
    margin: 7px auto;
    width: 98%;
    border: solid 1px #0e54af;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    font-size: 1.5em;
}

div.corpoCentrato {
    width: 98%;
    margin: 0px auto;
}

div.footer {
    background-color: #0e54af;
    border-top: solid 1px #0e54af;
    text-align: left;
    padding: 5px;
}

div.floatLeft {
    float: left;
}

div.floatRight {
    float: right;
}

div.floatClear {
    clear: both;
}

div.tabellaRicerca {
    width: 650px;
    border: #0e54af 1px solid;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding: 5px;
}

div.titoloRicerca {
    width: 645px;
    text-decoration: none;
    font-size: 10;
    border: solid 1px #0e54af;
    padding: 2px;
    margin-top: 5px;
    background-color: #EEEEEE;
    font-weight: bold;
}

div.corpoRicerca {
    width: 629px;
    padding: 10px;
    display: none;
    border-right: #0e54af 1px solid;
    border-left: #0e54af 1px solid;
    border-bottom: #0e54af 1px solid;
    background-color: #eeeeee;
}

div.campoRicerca {
    width: 200px;
    float: left
}

div.bottoniRicerca {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

div.valoriRicerca {
    width: 405px;
    margin-left: auto;
    margin-right: auto;
}

div.errorBox {
    /*font-size: 14px;*/
    background: #ffffff;
    margin-left: 50px;
    margin-right: 50px;
    /*Color: #000066;*/
    /*font-family: Verdana, Arial;*/
    border: solid 1px #CCCCCC;
    margin-top: 30px;
    margin-bottom: 10px;
}

div.errorTitle {
    font-size: large;
    font-weight: bold;
    background-color: #DDDDDD;
    text-align: center;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    padding: 5px;
}

/*//////////////////////////////////////////////*/


/*  Form     ///////////////////////////////////*/
.inputTextarea {
    background: #ffffff;
    font: 13px Verdana, arial;
    color: #000066;
    width: 100%;
}

.inputVeryLarge {
    background: #ffffff;
    font: 13px Verdana, arial;
    color: #000066;
    width: 450px
}

.inputLarge {
    background: #ffffff;
    font: 13px Verdana, arial;
    color: #000066;
    width: 280px
}

.inputNormal {
    background: #ffffff;
    font: 13px Verdana, arial;
    color: #000066;
    width: 180px
}

.inputSmall {
    background: #ffffff;
    font: 13px Verdana, arial;
    color: #000066;
    width: 70px
}

.inputVerySmall {
    background: #ffffff;
    font: 13px Verdana, arial;
    color: #000066;
    width: 45px
}

.inputData {
    background: #ffffff;
    font: 13px Verdana, arial;
    color: #000066;
    width: 80px
}

.Button {
    background: #0e54af;
    padding: 3px 5px;
    border: 1px solid #0e54af;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    text-transform: lowercase;
}

.ButtonScomparsa {
    padding: 3px 5px;
    color: #cccccc;
    cursor: pointer;
    font-weight: bold;
    background-color: #ffffff;
    text-transform: lowercase;
    border-right: #0e54af 1px solid;
    border-top: #0e54af 1px solid;
    border-left: #0e54af 1px solid;
    border-bottom-style: none;
    text-align: left;
    background-color: #0e54af;
}

.Etichetta {
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND: #eee;
    VERTICAL-ALIGN: middle;
    WIDTH: 28%;
    COLOR: #0e54af;
    HEIGHT: 25px
}

.Campo {
    PADDING-LEFT: 5px;
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: top;
    COLOR: #0e54af;
    HEIGHT: 25px
}
/* Elenchi Verticali */
.EtichettaV {
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND: #cccccc;
    VERTICAL-ALIGN: middle;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 25px;
    text-align: center;
}

.CampoV {
    PADDING-LEFT: 5px;
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: top;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 25px
}

.ddmBoxSmall {
    width: 100px;
    background: #FFFFFF;
    font: 13px Verdana, arial;
    color: #000066;
    z-index: 2;
}

.ddmBox {
    width: 250px;
    background: #FFFFFF;
    font: 13px Verdana, arial;
    color: #000066;
    z-index: 2;
}

.ddmBoxMedium {
    width: 340px;
    background: #FFFFFF;
    font: 13px Verdana, arial;
    color: #000066;
    z-index: 2;
}

.ddmBoxMediumLarge {
    width: 440px;
    background: #FFFFFF;
    font: 13px Verdana, arial;
    color: #000066;
    z-index: 2;
}

.ddmBoxLarge {
    width: 100%;
    background: #FFFFFF;
    font: 13px Verdana, arial;
    color: #000066;
    z-index: 2;
}

.ddmBoxUnLim {
    background: #FFFFFF;
    font: 13px Verdana, arial;
    color: #000066;
    z-index: 2;
}
/*//////////////////////////////////////////////*/

/*  Calendar    ////////////////////////////////*/
.fc_main {
    background: #DDDDDD;
    border: 1px solid #000000;
    font-family: Verdana;
    font-size: 10px;
    z-index: 100
}

.fc_date {
    border: 1px solid #D9D9D9;
    cursor: pointer;
    font-size: 10px;
    text-align: center;
}

.fc_dateHover, TD.fc_date:hover {
    cursor: pointer;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background: #E7E7E7;
    font-size: 10px;
    text-align: center;
}

.fc_wk {
    font-family: Verdana;
    font-size: 10px;
    text-align: center;
}

.fc_wknd {
    color: #FF0000;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
}

.fc_head {
    background: #000066;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
    font-size: 11px;
}
/*//////////////////////////////////////////////*/

/*  Grid View    ///////////////////////////////*/
div.GridView_div {
    width: 100%;
    margin: 15px auto;
}

table.GridView_Grid {
    width: 96%;
}

.tbl_Interna {
    padding ="20px";
    margin-left: 60px;
    border: solid 1px #DDDDDD;
    border-collapse: collapse
}

.GridView_Grid {
    background-color: #FFFFFF;
    border-color: #DDDDDD;
}

.GridView_Grid2 {
    background-color: #FFFFFF;
    margin-left: 30px;
    width: 96%;
    border: solid 1px #DDDDDD;
    border-collapse: collapse
}

.GridView_HeaderStyle {
    background-color: #CCCCCC;
    border-color: #DDDDDD;
}

.GridView_HeaderStyleSmall {
    background-color: #CCCCCC;
    border-color: #DDDDDD;
    font-size: 10px;
}

.GridView_RowStyle {
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    padding: 10px;
}

.GridView_RowStyle2 {
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    border: solid 1px #000066
}

.GridView_RowStyleSmall {
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    padding: 5px;
    font-size: 11px;
}

.GridView_RowStyleSmall2 {
    background-color: #FFFFFF;
    padding: 5px;
    font-size: 11px;
}

.GridView_AlternatingRowStyle {
    background-color: #EEEEEE;
    border-color: #DDDDDD;
}

.GridView_PagerStyle {
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
}

a.grid, a.grid:visited, a.grid:active {
    FONT-SIZE: 11px;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial;
    text-decoration: underline;
}

    a.grid:hover {
        FONT-SIZE: 11px;
        COLOR: #000066;
        FONT-FAMILY: Verdana, Arial;
        text-decoration: underline;
    }

/*//////////////////////////////////////////////*/


/*  Misc    ////////////////////////////////////*/
.Note {
    font-size: xx-small;
    color: #000066;
    font-family: Verdana, Arial;
}
/*//////////////////////////////////////////////*/

.Tabella {
    BORDER-RIGHT: #cccccc 1pt solid;
    BORDER-TOP: #cccccc 1pt solid;
    BORDER-LEFT: #cccccc 1pt solid;
    WIDTH: 100%;
    BORDER-BOTTOM: #cccccc 1pt solid
}

.Tabella90 {
    BORDER-RIGHT: #cccccc 1pt solid;
    BORDER-TOP: #cccccc 1pt solid;
    BORDER-LEFT: #cccccc 1pt solid;
    WIDTH: 90%;
    BORDER-BOTTOM: #cccccc 1pt solid
}

.divtabella {
    MARGIN: 2%;
    WIDTH: 97%
}

.Grande {
    FONT-SIZE: 17px;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial
}

.Sezione {
    FONT-SIZE: 13px;
    BACKGROUND: #000066;
    COLOR: #cccccc;
    FONT-FAMILY: Verdana, Arial
}

.Titolo {
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    BACKGROUND: #000066;
    VERTICAL-ALIGN: top;
    COLOR: #cccccc;
    PADDING-TOP: 5px;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 35px;
    TEXT-ALIGN: center
}

.titoloTabella {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND: #000066;
    VERTICAL-ALIGN: middle;
    COLOR: #cccccc;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 35px;
    TEXT-ALIGN: center
}

.elencoTabella {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND: #cccccc;
    VERTICAL-ALIGN: middle;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 35px;
    TEXT-ALIGN: center
}

.campoTabella {
    border-bottom: solid 3px #cccccc;
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    BACKGROUND: #eeeeee;
    VERTICAL-ALIGN: middle;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 25px
}

.campoErrore {
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    BACKGROUND: #eeeeee;
    VERTICAL-ALIGN: middle;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 15px;
    border-width: 1px;
}

#tabellaErrori {
    WIDTH: 100%;
}

    #tabellaErrori td {
        BORDER-TOP: solid 2px #FFFFFF;
        WIDTH: 100%;
        BORDER-BOTTOM: solid 2px #FFFFFF;
        FONT-WEIGHT: normal;
        FONT-SIZE: 13px;
        BACKGROUND: #eeeeee;
        VERTICAL-ALIGN: middle;
        COLOR: #000066;
        FONT-FAMILY: Verdana, Arial;
        HEIGHT: 25px
    }

.campoTabellaRosso {
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    BACKGROUND: #ff9999;
    VERTICAL-ALIGN: middle;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 25px
}

.campoTabellaScuro {
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    BACKGROUND: #dddddd;
    VERTICAL-ALIGN: middle;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 25px
}

.TotaleTabella {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND: #cccccc;
    VERTICAL-ALIGN: middle;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 25px
}

.Messaggio {
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: middle;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 30px
}

.input-pulsante {
    BORDER-RIGHT: #000066 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000066 1px solid;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 5px;
    BACKGROUND: #000066;
    PADDING-BOTTOM: 3px;
    FONT: bold 13px verdana, Arial;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #000066 1px solid;
    CURSOR: hand;
    COLOR: #cccccc;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #000066 1px solid;
    HEIGHT: 25px;
    TEXT-ALIGN: center
}

.input-Linguetta {
    BORDER-RIGHT: #000066 2px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000066 2px solid;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 5px;
    BACKGROUND: #000066;
    PADDING-BOTTOM: 3px;
    FONT: bold 13px verdana, Arial;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #000066 2px solid;
    WIDTH: 153px;
    CURSOR: hand;
    COLOR: #cccccc;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #000066 2px solid;
    HEIGHT: 35px;
    TEXT-ALIGN: center
}

.input-Linguetta-attiva {
    BORDER-RIGHT: #000066 2px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000066 2px solid;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 5px;
    BACKGROUND: #cccccc;
    PADDING-BOTTOM: 3px;
    FONT: bold 13px verdana, Arial;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #000066 2px solid;
    WIDTH: 153px;
    CURSOR: hand;
    COLOR: #000066;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #000066 2px solid;
    HEIGHT: 35px;
    TEXT-ALIGN: center
}

.EtichettaStampa {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: middle;
    WIDTH: 25%;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial
}

.CampoStampa {
    PADDING-LEFT: 5px;
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: middle;
    WIDTH: 25%;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial
}

.Pulsante {
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: middle;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 25px;
    TEXT-ALIGN: right
}

.Icona {
    BORDER-RIGHT: #000066 1px solid;
    BORDER-BOTTOM: #000066 1px solid
}

.fontVal {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    TEXT-TRANSFORM: capitalize;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: small-caps
}

.fontLillipuz {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    TEXT-TRANSFORM: capitalize;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: small-caps
}

.input-Tasti {
    BORDER-RIGHT: #000066 2px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000066 2px solid;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 5px;
    BACKGROUND: #000066;
    PADDING-BOTTOM: 3px;
    FONT: bold 13px verdana, Arial;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #000066 2px solid;
    WIDTH: 120px;
    CURSOR: hand;
    COLOR: #cccccc;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #000066 2px solid;
    HEIGHT: 35px;
    TEXT-ALIGN: center
}

.input-TastiStato {
    BORDER-RIGHT: #000066 2px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000066 2px solid;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 5px;
    BACKGROUND: #cccccc;
    PADDING-BOTTOM: 3px;
    FONT: bold 13px verdana, Arial;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #000066 2px solid;
    WIDTH: 120px;
    CURSOR: hand;
    COLOR: #000066;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #000066 2px solid;
    HEIGHT: 35px;
    TEXT-ALIGN: center
}

.formcolVisualizza {
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    FONT: 13px Verdana, arial;
    BORDER-LEFT: 0px;
    WIDTH: 30pt;
    COLOR: #000066;
    BORDER-BOTTOM: 0px;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: right
}

.campoTabellaAziendaCessata {
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    BACKGROUND: #999999;
    VERTICAL-ALIGN: middle;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 25px
}

.EtichettaEnorme {
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND: #cccccc;
    VERTICAL-ALIGN: middle;
    WIDTH: 40%;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 40px
}


pre {
    font-size: 9pt;
    padding: 10px;
    background-color: #F8F8F8;
    border: 1px solid #F0F0F0;
}

.clsCMOn {
    background-color: #0e54af;
    color: #ffffff;
    text-transform: uppercase;
    padding: 2px 4px 2px 15px;
    height: 28px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

.clsCMOver {
    background-color: #fff;
    color: #0e54af;
    text-transform: uppercase;
    padding: 2px 4px 2px 15px;
    height: 28px;
    border-bottom: 1px solid #0e54af;
}

table.elenco {
    border: 1px solid #C8D6DE;
    margin-bottom: 10px;
    width: auto;
    background-color: #FFFFFF;
}

    table.elenco thead {
        display: table-header-group;
        padding: 2px 5px;
        background-color: #E8EDF0;
        text-align: center;
        font-weight: bold;
        font-size: 0.8em;
        text-transform: uppercase;
    }

    table.elenco tbody {
        display: table-row-group;
        text-align: left;
    }

        table.elenco tbody tr.sfondo1 {
            text-align: left;
            background-color: #FFFFFF;
        }

        table.elenco tbody tr.sfondo2 {
            text-align: left;
            background-color: #F4F4F4;
        }

        table.elenco tbody tr.sfondo3 {
            text-align: left;
            background-color: #FFFFCC;
        }

        table.elenco tbody tr.sfondo4 {
            text-align: left;
            background-color: #FFCCCC;
        }

        table.elenco tbody td {
            padding: 3px 5px;
        }

            table.elenco tbody td.sfondo1 {
                text-align: left;
                background-color: #FFFFFF;
            }

            table.elenco tbody td.sfondo2 {
                text-align: left;
                background-color: #F4F4F4;
            }

    table.elenco caption {
        display: table-caption;
        text-align: left;
        font-size: 0.8em;
    }

    table.elenco tfoot {
        display: table-footer-group;
        text-align: center;
    }

div.title {
    text-align: center;
    font-size: 23px;
    background-color: #EEEEEE;
    border-top: 1px solid #CCCCCC;
}

td.menuMain {
    background-color: #EEEEEE;
    vertical-align: top;
    width: 190px;
    padding: 0px;
}

div.menuMainItem {
    font-weight: bold;
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: left;
    padding-bottom: 2px;
}

    div.menuMainItem span a {
        background-color: #F8F8F8;
        display: block;
        padding: 3px;
        text-decoration: none;
        height: 22px;
        border: 1px solid #F8F8F8;
    }

        div.menuMainItem span a:hover {
            background-color: #FFFFFF;
            display: block;
            padding: 3px;
            text-decoration: none;
            height: 22px;
            border: 1px solid #000066;
            font-weight: bold;
        }

td.pageMain {
    background-color: #FFFFFF;
    vertical-align: top;
    padding-left: 12px;
    padding-right: 12px;
}

td.menuDx {
    background-color: #FFFFFF;
    vertical-align: top;
    width: 250px;
}

div.box {
    background-color: #FFFFFF;
    border: 1px solid #0e54af;
    text-align: center;
}

div#divlink {
    text-align: right;
    margin-right: 10px;
}

    div#divlink a {
        text-decoration: underline;
        font-size: 1.2em;
    }

div.menu_h {
    border-bottom: 3px solid #0e54af;
    background: url(../../images/bg_menu_sezione.gif) bottom right no-repeat #0e54af;
    margin-top: 5px;
    height: 33px;
    width: 100%;
}

@media print {

    .Button {
        display: none;
    }
}

@media screen {

    .Button {
        background: #0e54af;
        padding: 3px 5px 3px 5px;
        font-family: "Titillium Web", Verdana, arial;
        border: 1px solid #0e54af;
        color: #fff;
        CURSOR: pointer;
        text-transform: lowercase;
    }
}


/* SPID */


@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600);

.italia-it-button {
    display: inline-block;
    position: relative;
    padding: 0;
    color: #FFF;
    font-family: "Titillium Web", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    font-weight: 600;
    line-height: 1em;
    text-decoration: none;
    border: 0;
    text-align: center;
    cursor: pointer;
    overflow: hidden
}

.italia-it-button-icon, .italia-it-button-text {
    display: block;
    float: left
}

.italia-it-button-icon {
    margin: 0 -.4em 0 0;
    padding: 0.6em .8em .5em;
    border-right: rgba(255, 255, 255, 0.1) 0.1em solid
}

.italia-it-button-text {
    padding: .95em 1.2em .85em 1.8em;
    font-size: 1.15em;
    text-align: center;
    color: #FFF;
}

svg {
    width: 1.8em;
    height: 1.8em;
    fill: #fff
}

.italia-it-block {
    display: block
}

.italia-it-button-size-s {
    font-size: 10px;
    width: 150px
}

    .italia-it-button-size-s > span img {
        width: 19px;
        height: 19px;
        border: 0
    }

.italia-it-button-size-m {
    font-size: 15px;
    width: 220px
}

    .italia-it-button-size-m > span img {
        /* width: 29px; */
        height: 29px;
        border: 0;
    }

.italia-it-button-size-l {
    font-size: 20px;
    width: 280px
}

    .italia-it-button-size-l > span img {
        width: 38px;
        height: 38px;
        border: 0
    }

.italia-it-button-size-xl {
    font-size: 25px;
    width: 340px
}

    .italia-it-button-size-xl > span img {
        width: 47px;
        height: 47px;
        border: 0
    }

.button-spid {
    background-color: #06C;
    color: #FFF
}

    .button-spid svg {
        fill: #FFF
    }

    .button-spid:hover {
        background-color: #036;
        color: #FFF
    }

    .button-spid:active {
        background-color: #83BEED;
        color: #036
    }

.spid-idp-button {
    position: absolute;
    z-index: 1039;
    display: none
}

    .spid-idp-button .spid-idp-button-menu, .spid-idp-button .spid-idp-button-panel {
        list-style: none;
        background: white;
        border: solid 1px #ddd;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        overflow: visible;
        padding: 0;
        margin: 0
    }

#spid-idp-button-small-get, #spid-idp-button-medium-get, #spid-idp-button-small-post, #spid-idp-button-medium-post {
    width: 230px
}

#spid-idp-button-large-get, #spid-idp-button-large-post {
    width: 270px
}

#spid-idp-button-xlarge-get, #spid-idp-button-xlarge-post {
    width: 330px
}

.spid-idp-button .spid-idp-button-panel {
    padding: 10px
}

.spid-idp-button.spid-idp-button-tip {
    margin-top: 8px
}

    .spid-idp-button.spid-idp-button-tip:before {
        position: absolute;
        top: -6px;
        left: 9px;
        content: "";
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ddd;
        display: inline-block
    }

    .spid-idp-button.spid-idp-button-tip:after {
        position: absolute;
        top: -5px;
        left: 10px;
        content: "";
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid white;
        display: inline-block
    }

    .spid-idp-button.spid-idp-button-tip.spid-idp-button-anchor-right:before {
        left: auto;
        right: 9px
    }

    .spid-idp-button.spid-idp-button-tip.spid-idp-button-anchor-right:after {
        left: auto;
        right: 10px
    }

.spid-idp-button.spid-idp-button-scroll .spid-idp-button-menu, .spid-idp-button.spid-idp-button-scroll .spid-idp-button-panel {
    max-height: 180px;
    overflow: auto
}

.spid-idp-button .spid-idp-button-menu li {
    list-style: none;
    padding: 0 0;
    margin: 0;
    line-height: 18px;
    border-bottom: 1px solid #CCC;
}

    .spid-idp-button .spid-idp-button-menu li > a, .spid-idp-button .spid-idp-button-menu label {
        display: block;
        font-family: "Titillium Web", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
        font-weight: 600;
        font-size: .9em;
        color: #06C;
        text-decoration: underline;
        line-height: 18px;
        padding-top: 5px;
        white-space: nowrap;
    }

        /*.spid-idp-button .spid-idp-button-menu li>a:hover,.spid-idp-button .spid-idp-button-menu label:hover
	{
	color: #036;
	cursor: pointer;
	background-color: #F0F0F0
}*/

        .spid-idp-button .spid-idp-button-menu li > a img {
            height: 50px;
            padding: 10px 0 10px 10px;
            border: 0
        }

.idp-button-idp-logo {
    font-size: 100%;
    /*height:  56px;*/
    /*width: 100%;*/
    border: 0;
    background-color: #FFF;
    padding: 15px;
    text-align: left;
    cursor: pointer
}

.spid-idp-button-link:hover {
    /*background-color: #F0F0F0;*/
    cursor: pointer;
}

.idp-button-idp-logo img {
    height: 25px;
    vertical-align: middle;
    cursor: pointer
}

.spid-top-menu-space-10 > a img {
    margin-top: 10px
}

.spid-top-menu-space-20 > a img {
    margin-top: 20px
}

.spid-top-menu-line {
    border-top: 5px solid #000
}

.spid-idp-support-link > a {
    padding: 5px 0 10px 10px
}

.spid-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.showDDL {
    display: block;
}

.hideDDL {
    display: none;
}

.LoginBoxSPID {
    width: 100%;
    height: 600px;
    text-align: left;
    padding-top: 10px;
}

.LogoutBoxSPID {
    width: 100%;
    height: 600px;
    text-align: left;
    padding-top: 10px;
}
.italia-it-button {
    display: inline-block;
    position: relative;
    /* padding: 8px; */
    color: #FFF;
    /* line-height: 3em; */
    text-decoration: none;
    border: 0;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    border-radius: 6px;
}

.italia-it-button-icon,.italia-it-button-text {
    /* display:block; */
    /* float: right; */
}

.italia-it-button-icon {
    /* margin: -0.9em .4em 0 0; */
    /* padding: .8em .8em .7em; */
    /* border-right:rgba(255,255,255,.1) .1em solid; */
}

.italia-it-button-text {
    /* padding: 1em 1em 1em; */
    /* font-size:1.15em; */
    text-align: center;
    /* padding-right: 15px; */
    text-transform: uppercase;
    color: #fff;
}

svg {
    width: 1.8em;
    height: 1.8em;
    fill: #fff
}

.italia-it-block {
    display: block
}

.italia-it-button-size-s {
    font-size: 10px;
    width: 150px;
    border-radius: 5px
}

.italia-it-button-size-s>span img {
    width: 19px;
    height: 19px;
    border: 0
}

.italia-it-button-size-m {
    /* font-size:15px; */
    /* width:220px; */
    /* border-radius:10px; */
}

.italia-it-button-size-m>span img {
    /* width: 25%; */
    /* padding-top: 2px; */
    /* float: left; */
    /* padding-left: 10px; */
    /* border-right: rgba(255,255,255,.1) .1em solid; */
    /* padding-right: 10px; */
}


.italia-it-button-size-l {
    font-size: 20px;
    width: 280px
}

.italia-it-button-size-l>span img {
    width: 38px;
    height: 38px;
    border: 0
}

.italia-it-button-size-xl {
    font-size: 24px;
    width: 340px
}

.italia-it-button-size-xl>span img {
    width: 47px;
    height: 47px;
    border: 0
}

.button-eidas {
    background-color: #06C;
    color: #FFF !important;
    /* padding: 5px; */
}

.button-eidas svg {
    fill: #FFF
}

.button-eidas:hover {
    background-color: #036;
    color: #FFF
}

.button-eidas:active {
    background-color: #83BEED;
    color: #036
}

.eidas-idp-button {
    position: absolute;
    z-index: 1039;
    display: none
}

.eidas-idp-button .eidas-idp-button-menu,.eidas-idp-button .eidas-idp-button-panel {
    list-style: none;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    overflow: visible;
    padding: 0;
    margin: 0
}

#eidas-idp-button-medium-get,#eidas-idp-button-medium-post,#eidas-idp-button-small-get,#eidas-idp-button-small-post {
    width: 230px
}

#eidas-idp-button-large-get,#eidas-idp-button-large-post {
    width: 270px
}

#eidas-idp-button-xlarge-get,#eidas-idp-button-xlarge-post {
    width: 330px
}

.eidas-idp-button .eidas-idp-button-panel {
    padding: 10px
}

.eidas-idp-button.eidas-idp-button-tip {
    margin-top: 8px
}

.eidas-idp-button.eidas-idp-button-tip:before {
    position: absolute;
    top: -6px;
    left: 9px;
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ddd;
    display: inline-block
}

.eidas-idp-button.eidas-idp-button-tip:after {
    position: absolute;
    top: -5px;
    left: 10px;
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    display: inline-block
}

.eidas-idp-button.eidas-idp-button-tip.eidas-idp-button-anchor-right:before {
    left: auto;
    right: 9px
}

.eidas-idp-button.eidas-idp-button-tip.eidas-idp-button-anchor-right:after {
    left: auto;
    right: 10px
}

.eidas-idp-button.eidas-idp-button-scroll .eidas-idp-button-menu,.eidas-idp-button.eidas-idp-button-scroll .eidas-idp-button-panel {
    max-height: 180px;
    overflow: auto
}

.eidas-idp-button .eidas-idp-button-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 18px
}

.eidas-idp-button .eidas-idp-button-menu label,.eidas-idp-button .eidas-idp-button-menu li>a {
    display: block;
    font-size: .9em;
    color: #3b61b6;
    text-decoration: underline;
    line-height: 18px;
    padding-top: 5px;
    white-space: nowrap;
    border-bottom: 1px solid #ddd
}

.eidas-idp-button .eidas-idp-button-menu label:hover,.eidas-idp-button .eidas-idp-button-menu li>a:hover {
    color: #036;
    cursor: pointer;
    background-color: #F0F0F0
}

.eidas-idp-button .eidas-idp-button-menu li>a img {
    height: 25px;
    padding: 10px 0 10px 10px;
    border: 0
}

.idp-button-idp-logo {
    font-size: 100%;
    height: 10%;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #CCC;
    background-color: #FFF;
    padding: 15px;
    text-align: left;
    cursor: pointer
}

.idp-button-idp-logo:hover {
    background-color: #F0F0F0
}

.idp-button-idp-logo img {
    height: 25px;
    vertical-align: middle;
    cursor: pointer
}

.spid-top-menu-space-10>a img {
    margin-top: 10px
}

.spid-top-menu-space-20>a img {
    margin-top: 20px
}

.spid-top-menu-line {
    border-top: 5px solid #000
}

.spid-idp-support-link>a {
    padding: 5px 0 10px 10px
}

.spid-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}