.page-wrapper {
    background: linear-gradient(to top right, #355C7D 0%, #C06C84 100%);
    min-height: 100vh;
    color: black;
    padding-top: 60px;
    width: 100%;
}

.wrapper--w980 {
    max-width: 980px;
    width: 980px;
    height: 850px;
    background-color: white;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 15%);
}

.mySideMenu {
    /*background-image: linear-gradient(180deg, #A2A26D 5%, #2F2F21 100%) !important;*/
    background-image: linear-gradient(90deg, #758CBD 5%, #2D4476 100%) !important;
}

.myTopBarItem {
    background-image: linear-gradient(180deg, #4A608D 5%, #15284D 100%) !important;
}

.myTopBarItem a{ color: #fff; }
    .myTopBarItem a:hover { color: #fff; }


.ErrorMessage_Header{
    font-size: 18px;
    color: red;
    font-weight: bold;
    padding: 10px;
}

.myTables td, .myTables th {
    padding: 5px !important;
}

.divFiltriRicerca{
    border: 3px double black;
    border-radius: 5px;
    padding: 20px;
}

.divFiltriRicerca h3{
    border-bottom: 1px solid black;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* ------------------------------ HOMEPAGE (INIZIO) ------------------------------*/
.myCardDeck a {
    color: #858796;
}
.myCardDeck a:hover {
    text-decoration: none;
}
    .myCardDeck a:hover img {
        opacity: 1;
    }

.myCard {
    height: 380px;
    width: 400px;
    min-width: 400px !important;
    max-width: 400px !important;
}
    .myCard:hover {
        border: 1px solid black;
        cursor: pointer;
        background-color: #E8E8E8;
    }

.myCard img{
    width: 100%;
    max-width: 486px;
    margin: 0 auto;
    height: 160px;
    opacity: 0.9;
}





.cardIconHomePage{
    margin-top: 45px;
    opacity: 0.9;
}

.cardsRowHomepage{
    margin: 0 auto;
    width: 935px;
}

a .cardHomepage {
    color: #676873;
}

.cardHomepage {
    border: 1px solid black;
    padding: 15px 15px 5px 15px;
    width: 450px;
    opacity: 0.9;
    border-radius: 5px;
    box-shadow: inset 0 0 5px #000000;
}

    .cardHomepage:hover, .cardHomepage:hover h5, .cardHomepage:hover div, .cardHomepage:hover img {
        opacity: 1;
        background-color: lightgray;
        cursor: pointer;
    }

.cardHomepage h5{
    font-weight: bold;
    border-bottom: 1px solid black;
}

.cardHomepage img{
    width: 50px;
    height: 50px;
}

.cardHomepageLeft {
    width: 340px;
}




/* ------------------------------ HOMEPAGE (FINE) ------------------------------*/
/* ------------------------------ AREA PROGETTAZIONE (INIZIO) ------------------------------ */
.myCard_AreaProgettazione {
    width: 25%;
    max-width: 350px;
    max-height: 440px;
}

.myCard_AreaProgettazione img {
    width: 348px;
    height: 190px;
}

    .myCard_AreaProgettazione ul li {
        text-transform: uppercase;
        color: #4A608D;
    }

        .myCard_AreaProgettazione ul li:hover {
            font-weight: bold;
        }


.myCard_AreaProgettazione_TabSupporto {
    width: 25%;
    max-width: 300px;
    max-height: 350px;
}

    .myCard_AreaProgettazione_TabSupporto ul li {
        text-transform: uppercase;
        color: #4A608D;
    }

        .myCard_AreaProgettazione_TabSupporto ul li:hover {
            font-weight: bold;
        }


    .container_Aree .main_menu .card-deck .card ul a li {
        background-color: transparent;
    }

    .container_Aree .main_menu .card-deck .card ul a:hover {
        background-color: #E8E8E8;
        text-decoration: none;
    }

.container_Aree .tabelle_supporto {
    width: 100%;
}
    .container_Aree .tabelle_supporto .card-deck .card ul a li {
        background-color: transparent;
    }

    .container_Aree .tabelle_supporto .card-deck .card ul a:hover {
        background-color: #E8E8E8;
        text-decoration: none;
    }





/* ------------------------------SCHEDA PROGETTO (INIZIO) ------------------------------ */
.divCheckboxCosto table tr td input[type="radio"] {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-top: -1px;
    vertical-align: middle;
}

.divCheckboxCosto table tr td label {
    font-size: 22px;
    margin-right: 20px;
    margin-top: 10px;
    vertical-align: middle;
}

.divCheckboxCosto input[type="checkbox"] {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-top: 0px;
}

.divCheckboxCosto span {
    font-size: 20px;
    padding-bottom: 0px;
    padding-top: 2px;
}

.defaultDate {
    background-color: lightyellow !important
}

.setDate {
    background-color: lightgreen
}


.divDateAggiuntiveProgetto {
    border: 1px solid #004578;
    border-radius: 5px;
    margin: 15px 0px;
}


.divNuovoProgetto select {
    max-width: 650px;
    min-width: 220px;
    width: 380px;
}

.divSingole {
    padding: 15px 20px;
}



.divBloccoTitoloParametri {
    border: 1px solid #004578;
    border-radius: 5px;
    margin: 15px 0px;
    box-shadow: inset 0 0 6px #000000;
}

    .divBloccoTitoloParametri h5 {
        border-bottom: 1px solid #004578;
        padding: 15px 20px;
    }

    .divBloccoTitoloParametri table tr td {
        border-top: none;
    }

#divCheckProrogabile {
    padding-top: 8px;
}

    #divCheckProrogabile label {
        font-size: 22px;
    }

    #divCheckProrogabile input[type="checkbox"] {
        width: 25px;
        height: 25px;
        vertical-align: sub;
    }

.divInserimentoAllegato{ margin: 15px 10px; padding: 15px; border: 1px solid black; width: 800px}
.divInserimentoAllegato:hover {
    cursor: pointer;
    background-color: #CCC;
}
.divInserimentoAllegato input[type="file"]{ width: 780px; }
    .divInserimentoAllegato input[type="file"]:hover {
        cursor: pointer;
        background-color: #CCC;
    }

#divAllegatiProgetto { max-width: 850px; }
#divElencoAllegatiProgetto {
    margin: 5px 0px;
    padding: 5px;
}
.singoloAllegatoProgetto {
    margin: 5px 0px;
    padding: 5px;
}
/* ------------------------------SCHEDA PROGETTO (FINE) ------------------------------ */
/* DUPLICAZIONE PROGETTO */
.divBloccoDuplicazione {
    border: 3px double black;
    padding: 20px 20px 10px 20px;
    border-radius: 5px;
    margin-bottom: 10px
}

#divCheckDuplicazioneProgetto label {
    font-size: 22px;
    vertical-align: sub;
}

#divCheckDuplicazioneProgetto label:hover {
    font-size: 22px;
    vertical-align: sub;
    font-weight: bold;
    cursor: pointer;
}

#divCheckDuplicazioneProgetto input[type="checkbox"] {
    width: 25px;
    height: 25px;
    color: dodgerblue;
    vertical-align: middle;
    -webkit-appearance: none;
    background: none;
    border: 0;
    outline: 0;
    flex-grow: 0;
    border-radius: 20%;
    background-color: #FFF;
    transition: background 300ms;
    cursor: pointer;
}

    #divCheckDuplicazioneProgetto input[type="checkbox"]::before {
        content: "";
        color: transparent;
        display: block;
        width: inherit;
        height: inherit;
        border-radius: inherit;
        border: 0;
        background-color: transparent;
        background-size: contain;
        box-shadow: inset 0 0 0 1px #CCD3D8;
    }

    #divCheckDuplicazioneProgetto input[type="checkbox"]:checked {
        background-color: darkgreen;
    }

        #divCheckDuplicazioneProgetto input[type="checkbox"]:checked::before {
            box-shadow: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
        }



.divRicercaInLookout {
    padding: 25px;
    border: 1px solid black;
    border-radius: 5px;
    box-shadow: inset 0 0 6px #000000;
}

/* ------------------------------INSERIMENTO BUDGET (INIZIO) ------------------------------ */
.divNuovoBudget {
    width: 100%;
}

    .divNuovoBudget input[type="text"] {
        max-width: 700px;
    }

    .divNuovoBudget select{
        /*width: 50%;*/
        max-width:650px;
        min-width:220px;
    }

.divRangeImportiBudget input[type="number"] {
    max-width: 200px;
}

.fixedElement {
    position: fixed;
    top: 0;
}

.divBudgetGerarchiaVoci {
    margin-top: 10px;
    border: 1px solid black;
    border-radius: 5px;
}





    .divBudgetGerarchiaVoci h5 {
        border-bottom: 1px solid #004578;
        padding: 15px 20px;
    }

    .divBudgetGerarchiaVoci select {
        width: 500px;
    }

.divModelloStandard{
    padding: 15px;
}

    .divModelloStandard .labelMacroVoce {
        font-weight: bold;
        color: darkgreen;
        font-size: 18px;
    }

#labelTotaleGenerale, #labelTotaleGenerale_Copia {
    font-size: 24px;
    font-weight: bold;
    color: black;
    padding: 15px;
    margin: 0 0 20px 0;
    background-color: lightyellow;
    max-width: 550px;
    min-width: 550px;
    border-radius: 5px;
    box-shadow: inset 0 0 5px black;
}

.msgUtente {
    padding: 10px;
    margin-top: 10px;
    width: 100%;
}

.msgUtente span{
    font-size: 22px;
    font-weight: bold;
}




.divFiltriModuliStandard .divSelect {
    width: 420px;
}

.divFiltriModuliStandard select{
    width: 400px;
}


.Standard_myTreeView {
    padding: 15px;
    margin-top: 5px;
}

    .Standard_myTreeView a {
        cursor: default;
        color: #858796;
    }

    .Standard_myTreeView a:hover {
        text-decoration: none;
        cursor: default;
        color: #858796;
    }

.NodoMacroVoce{
    padding: 5px;
    font-size: 20px !important;
}

.NodoVoceDiSpesa {
    border: 1px dotted black;
    border-left: 5px solid black;
    /* background-color: #E7EBFF; */
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 5px;
    width: 1000px;
    font-size: 17px !important;
}

    .NodoVoceDiSpesa:hover {
        background-color: #E8E8E8;
        color: black;
        font-weight: bold;
    }

        .NodoVoceDiSpesa:hover span {
            background-color: #E8E8E8;
            font-weight: bold;
        }

.NodoProdottoVoceDiSpesa {
    border: 1px dashed black;
    border-left: 8px solid green;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 5px;
    width: 800px;
    font-size: 14px !important;
}

    .NodoProdottoVoceDiSpesa:hover {
        background-color: #E8E8E8;
        color: black;
        font-weight: bold;
    }

        .NodoProdottoVoceDiSpesa:hover span {
            background-color: #E8E8E8;
            font-weight: bold;
        }
/* ------------------------------ INSERIMENTO BUDGET (FINE) ------------------------------ */ 
/* ------------------------------ AREA PROGETTAZIONE (FINE) ------------------------------ */
/* ------------------------------ AREA GESTIONE (INIZIO) ------------------------------ */
.divIncarichi {
    padding: 5px;
    margin-top: 30px;
}

    .divIncarichi .labelMacroVoce {
        font-weight: bold;
        color: darkgreen;
        font-size: 26px;
    }

    .divIncarichi .labelVoceDiSpesa {
        font-weight: bold;
        color: black;
        font-size: 18px;
    }

    .divIncarichi .divIncarichi_VociDiSpesa_Ext {
        padding-left: 30px;
    }

    .divIncarichi .divIncarichi_VociDiSpesa_Int {
        border-radius: 5px;
        padding: 15px;
        margin: 10px 0px;
        box-shadow: inset 0 0 5px #000000;
    }


.divDefinizioneIncarico_FirstRow input[type="text"]{
    max-width: 800px;
}

.divDefinizioneIncarico_ThirdRow {
    border: 1px solid #004578;
    border-radius: 5px;
    margin: 15px 0px;
}

    .divDefinizioneIncarico_ThirdRow h5 {
        border-bottom: 1px solid #004578;
        padding: 15px 20px;
    }

    .divDefinizioneIncarico_ThirdRow select {
        width: 400px;
    }

    .divDefinizioneIncarico_ThirdRow .RifDoc input[type="text"] {
        width: 100px;
    }



.divTotaleCostiSaving {
    padding: 10px 10px 10px 30px;
    border: 3px double black;
    border-radius: 5px;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    margin: 5px 0px;
    
    /*background-color: lightcoral;*/
    color: black;
    width: 200px;
    font-weight: bold;
}

.divTotaleCostiColor {
    background-color: lightcoral;
    margin-right: 20px;
}

.divTotaleSavingColor {
    background-color: lightgreen;
    margin-right: 5px;
}

.divTotaleCostiColor:hover {
    cursor: pointer;
    background-color: #B16D6D;
}

.divTotaleSavingColor:hover {
    cursor: pointer;
    background-color: #7EBB79;
}


#divImportoVoceDiSpesa {
    margin-right: 10px;
    box-shadow: inset 0 0 3px #000000;
    padding: 3px;
    border-radius: 5px;
    text-align: center;
    width: 200px;
    color: black;
    background-color: lightyellow;
    font-size: 20px;
    font-weight: bold;
}

.divDifferenzaImportoVoceDiSpesa {
    margin-right: 10px;
    margin-top: 4px;
    box-shadow: inset 0 0 3px #000000;
    padding: 5px 15px;
    border-radius: 5px;
    text-align: center;
    width: 200px;
    color: black;
    font-size: 20px;
    font-weight: bold;
}

.bg-green{ background-color: lightgreen; }
.bg-red { background-color: darkred; color:white; }
.bg-neutrale {
    background-color: lightyellow;
    color: black;
}

#divImportoCosti {
    text-align: center;
    margin-left: 0px;
    color: red;
    font-weight: bold;
}

#divImportoSavings{
    text-align: center;
    margin-left: 0px;
    color: green;
    font-weight: bold;
}

.eurGreenTextBox span{
    background-color: green;
    color: white;
    font-weight: bold;
}

.eurRedTextBox span{
    background-color: darkred;
    color: white;
    font-weight: bold;
}


#divMaxSavings {
    margin-top: 3px;
    opacity: 0.9;
}

    #divMaxSavings:hover {
        opacity: 1;
    }

    #divMaxSavings a {
        background-color: green;
    }

#divMaxCosti {
    margin-top: 3px;
    opacity: 0.9;
    margin-left: 30px;
}

    #divMaxCosti:hover {
        opacity: 1;
    }

    #divMaxCosti a {
        background-color: darkred;
    }




/* SUDDIVISIONE ANNI (INIZIO) */
/*#divSuddivisioneAnni {
    position: relative;
    overflow: auto;
    height: 1000px;
}

.horizontalScroll {
    position: absolute;
}*/

#container_anni{
    margin-top: 10px;
}

#container_anni .divContainerAnni_Anno {
    border: 1px solid black;
    border-radius: 3px;
    background-color: lightblue;
    color: black;
    padding: 5px 15px;
    margin-right: 3px;
}

#divSuddivisioneAnni .labelMacroVoce {
    font-size: 22px;
    font-weight: bold;
    color: darkgreen
}

#divSuddivisioneAnni .labelVoceDiSpesa {
    font-size: 18px;
    color: black;
}

#divBloccoSuddivisioneAnni .divBloccoAnno {
    border-right: 1px dashed black;
    margin-right: 5px;
    padding-right: 3px;
    padding-top: 7px;
}

/* SUDDIVISIONE ANNI (FINE) */
.divTotaleAttuale {
    background-color: lightyellow;
    color: black;
    padding: 10px;
}

.divTotaliAnni {
    padding: 10px 10px 10px 30px;
    border: 3px double black;
    margin: 5px 0px;
    background-color: lightblue;
    color: black;
}

#divSalvataggioAutomatico {
    position: fixed;
    bottom: 5%;
    right: 2%;
    top: auto;
    left: auto;
    border: 1px solid black;
    border-radius: 10px;
    padding: 10px 15px;
    background-color: darkgreen;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0.7;
    display:none;
}

#divNotaBeneModifiche {
    margin: 20px 0px;
    border: 1px solid black;
    border-radius: 10px;
    padding: 10px 15px;
    background-color: darkgreen;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0.6;
    width:700px;
}

#divStampaIncarico {
    width: 900px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 100px;
}

    #divStampaIncarico h3 {
        font-weight:bold;
        font-size: 26px;
    }

    #divStampaIncarico p {
        text-align: justify;
        font-size: 20px;
    }

    #divStampaIncarico .divTitoli{
        font-weight: bold;
        text-align: left;
        font-size: 22px;
    }

    #divStampaIncarico .smaller-p {
        text-align: justify;
        font-size: 16px;
    }

    #divStampaIncarico .smaller-p-title {
        text-align: justify;
        font-size: 18px;
    }

    #divStampaIncarico .smaller-p-title-indent {
        text-align: justify;
        font-size: 16px;
        padding-left: 20px
    }

    #divStampaIncarico .footer{
        text-align: center;
        font-size: 14px;
        opacity: 0.8;
        margin-top: 500px;
    }
    /* ------------------------------ AREA GESTIONE (FINE) ------------------------------ */
    /* ------------------------------ AREA CONFIGURAZIONI (INIZIO) ------------------------------ */
    .cardArea {
        color: #676873;
        border: 3px double black;
        padding: 20px;
        width: 380px;
        border-radius: 5px;
        box-shadow: inset 0 0 2px #000000;
        /*background-color: #FCFCF4;*/
    }
    .cardArea ul a {
        color: #676873;
        text-transform: uppercase;
    }

        .cardArea ul a:hover {
            text-decoration: none;
        }

    .cardArea ul a li {
        margin-bottom:5px !important;
    }

    .cardArea ul a li:hover {
        background-color: lightgray;
    }

    .cardArea h5 {
        font-weight: bold;
        border-bottom: 1px solid black;
    }

    .cardArea img {
        width: 50px;
        height: 50px;
        margin-left: 20px;
    }

.cardAreaLeft {
    width: 250px;
}

#divPermessiRuoli input[type="checkbox"] {
    width: 22px;
    height: 22px;
    color: dodgerblue;
    vertical-align: middle;
    -webkit-appearance: none;
    background: none;
    border: 0;
    outline: 0;
    flex-grow: 0;
    border-radius: 20%;
    background-color: #FFF;
    transition: background 300ms;
    cursor: pointer;
}

        #divPermessiRuoli input[type="checkbox"]::before {
            content: "";
            color: transparent;
            display: block;
            width: inherit;
            height: inherit;
            border-radius: inherit;
            border: 0;
            background-color: transparent;
            background-size: contain;
            box-shadow: inset 0 0 0 1px #CCD3D8;
        }

    #divPermessiRuoli input[type="checkbox"]:checked {
        background-color: darkgreen;
    }

        #divPermessiRuoli input[type="checkbox"]:checked::before {
            box-shadow: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
        }

.labelDescrFunzionalita{
    font-size: 20px;
}

/* ------------------------------ AREA CONFIGURAZIONI (FINE) ------------------------------ */
















/* ------------------------------ AREA INFORMAZIONI (INIZIO) ------------------------------ */

#divInfoSocieta {
    background-color: #FCFCF4;
    border: 1px solid darkred;
    padding: 15px;
    border-radius: 5px;
    box-shadow: inset 0 0 3px #000000;
}

#divInfoSocieta .labelHeaderValori {
    font-weight: bold;
    font-size: 24px;
}
/* ------------------------------ AREA INFORMAZIONI (FINE) ------------------------------ */




/* ------------------------------ AREA AMMINISTRAZIONE (INIZIO) ------------------------------ */

.divRiepilogoIncarichi_VoceDiSpesa {
    font-weight: bold;
    font-size: 18px;
    background-color: #E4FFFF;
    color: black;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 3px;
    border: 1px dashed black;
}

.divGridStatoIncarichi table tr td, .divGridStatoIncarichi table th {
    padding: 3px 10px;
}

.divInfoIncarico {
    padding: 5px 15px;
    border: 1px solid black;
    margin-bottom: 5px;
    border-radius: 7px;
    background-color: #FFFEF1;
    display: inline-block;
}

.divInfoIncarico_Stati {
    padding: 5px 15px;
    border: 1px solid black;
    margin-bottom: 5px;
    border-radius: 3px;
    background-color: #262B46;
    color: white;
    display: inline-block;
}

.divCheckRiepilogoIncarichi {
    padding-top: 8px;
}

    .divCheckRiepilogoIncarichi label {
        font-size: 22px;
    }

    .divCheckRiepilogoIncarichi input[type="checkbox"] {
        width: 25px;
        height: 25px;
        vertical-align: sub;
    }


/* ------------------------------ AREA AMMINISTRAZIONE (FINE) ------------------------------ */
.PanelPopup {
    margin: 5px;
    padding: 5px;
    border: 10px solid #ccc
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.modalPopup {
    background-color: #f0f0f0;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 400px;
    height: auto;
    margin-left: 0px;
    margin-top: 20px
}

.hide { display: none }
.show { display: block }

.inSviluppo {
    background-color: #E4E4E4;
    padding: 5px
}


.displayNone {
    display: none !important
}


.smallerTextbox input[type="text"], .smallerTextbox select, .smallerTextbox input[type="date"] {
    height: 30px !important;
    font-size: 13px;
}

.smallerLabel label{
    margin-bottom: 0px;
}


.opacity0_5 {
    opacity: 0.4
}

.opacity1 {
    opacity: 1
}


.GreenLabel {
    color: green
}

.RedLabel {
    color: red
}









/* ------------------------------------------------------------------------ DA ELIMINARE ------------------------------------------------------------------------ */
/* GESTIONE MAGAZZINO INIZIO */
.table td, .table th {
    vertical-align: middle !important;
}

    .btn-border-dotted {
        border: 1px dotted #808080 !important
    }

    .rbVisualizzazione tr td input {
        margin-right: 5px;
    }

    .rbVisualizzazione tr td label {
        margin-right: 15px;
    }
    /* GESTIONE MAGAZZINO FINE */
    /* ------------------------------------------------------------------- */
    /* GESTIONE DOCUMENTI INIZIO */
    .myCheckBox label {
        font-size: 20px;
        margin-right: 10px;
    }

    .myCheckBox input[type="checkbox"] {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }



    #gridTestataOrdini td {
        padding: 5px !important;
    }

    #gridTestataDDT td {
        padding: 5px !important;
    }

    .divDettaglioOrdiniCliente {
        padding: 3px 3px 3px 10px;
        margin-bottom: 3px;
        background-color: #DAFEFF;
        max-width: 600px;
        /*width: 600px;*/
        /* border-radius: 5px; */
        border: 1px dotted black;
        border-left: 3px solid #48A1FF;
    }

    .divEtichette div {
        float: left;
        margin-right: 10px;
        /* padding: 5px; */
        margin: 0px 10px 10px 0px;
    }
    /* GESTIONE DOCUMENTI FINE */
    /* ------------------------------------------------------------------- */
    /* NUOVO ORDINE */
    #gridArticoli td {
        padding: 10px !important;
    }


    .btnRiordini a {
        padding: 10px;
        font-size: 30px;
        -moz-box-shadow: inset 0 0 5px #000000;
        -webkit-box-shadow: inset 0 0 5px #000000;
        box-shadow: inset 0 0 5px #000000;
    }

    .bgCliked {
        /*background-color: #B4B4B4 !important;*/
        -moz-box-shadow: inset 0 0 10px #000000 !important;
        -webkit-box-shadow: inset 0 0 10px #000000 !important;
        box-shadow: inset 0 0 10px #000000 !important;
    }



    .modalWidth50 {
        width: 50% !important;
        max-width: 100% !important;
    }

    .modalWidth80 {
        width: 80% !important;
        max-width: 100% !important;
    }

    #divCheckboxSelezioneArticoli {
        width: 100%;
        height: 100%;
        text-align: center
    }

    #divCheckboxSelezioneArticoli input[type="checkbox"] {
        width: 25px;
        height: 25px;
    }

    #tabTestPDF tr th, #tabTestPDF tr td {
        padding: 1px;
        text-align: left;
    }

    #divDettaglioDocumento {
        margin-bottom: 50px;
    }
    /* ------------------------------------------------------------------- */
    /* PROGRESS BAR INIZIO */
    body {
        margin: 0;
        padding: 0;
        font-family: Arial;
    }

    .modalProgress {
        position: fixed;
        z-index: 999;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-color: Black;
        filter: alpha(opacity=60);
        opacity: 0.6;
        -moz-opacity: 0.8;
    }

    .center {
        z-index: 1000;
        margin: 300px auto;
        padding: 10px;
        width: 370px;
        background-color: Black;
        border-radius: 10px;
        filter: alpha(opacity=100);
        opacity: 1;
        -moz-opacity: 1;
    }

    .center img {
        height: 222px;
        width: 350px;
        opacity: 1;
    }


    .padding-bottom {
        padding-bottom: 30px !important;
    }
    /* PROGRESS BAR FINE */
    .table tbody tr:hover td, .table tbody tr:hover th {
        /*background-color: #b7ef6f;*/
        background-color: #c7d3d4;
    }

    .LoadingDiv1 {
        background-color: #000;
        filter: alpha(opacity=80);
        opacity: 0.80;
        width: 100%;
        top: 0px;
        left: 0px;
        position: fixed;
        height: 800vh;
        z-index: 1000
    }

    .LoadingDiv2 {
        margin: auto;
        font-family: Open Sans, sans-serif;
        filter: alpha(opacity=100);
        margin-top: 200px;
        text-align: center;
        opacity: 1;
        font-size: small;
        color: #000;
        font-family: Arial;
        z-index: 1001
    }

    .Riga12 {
        font-size: 13px
    }


    .fadeMe {
        opacity: 0.7;
        background: #000;
        width: 100%;
        height: 100%;
        z-index: 5000000;
        top: 0;
        left: 0;
        position: fixed;
    }

    .fadeMe2 {
        margin-top: 130px;
        text-align: center;
        z-index: 11;
        font-family: Arial;
        font-size: 24px;
        font-weight: bold;
        color: #fff
    }