/*   ASSEGNAZIONI GENERALI   */
body {
    padding: 0px;
    margin: 0px;
    width: 100%;
    min-height: 100vh;
    background-color: #fff;
    color: #000000;
    font-size: 10px;
    font-family: Arial, Verdana, Helvetica, Tahoma, Geneva, sans-serif;
    line-height: 1.5;
}

ul {
    list-style-type: none;
}

ol li {
    list-style-type: decimal;
}

p a {
    /*    font: 11px/14px Tahoma, sans-serif;
    color: blue;
*/ text-decoration: none;
}

    p a:hover {
        /*        color: #000;
*/ text-decoration: none;
    }

.bordoGreen {
    border: solid 2px green;
    box-sizing: border-box;
}

.centratura1 {
    display: block;
    border: solid 0px green;
    box-sizing: border-box;
    width: 90%;
    height: fit-content;
    margin: 10px auto;
}

.altezzamin700 {
    min-height: 700px;
    overflow-y: scroll;
}

.centraturaBtn {
    border: solid 0px red;
    width: fit-content;
    margin: 20px auto;
}

.eredita1 {
    width: inherit;
}

.intestazione {
    background-color: darkblue;
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    height: 40px;
    width: inherit;
    padding-left: 10%;
    line-height: 2.5;
}

.altezzaPerContenuti {
    height: fit-content;
}
/******************************************************************************************/
/******************************************************************************************/
.pageHeader {
    display: block;
    background-color: darkolivegreen;
    height: 70px;
    width: 100%;
    padding-left: 15px;
    position: relative;
    border: solid 0px red;
    box-sizing: border-box;
}

.centraturaVert {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 95%;
}

.brand {
    display: inline-block;
    height: 50px;
    width: fit-content;
    float: left;
}

    .brand img {
        height: inherit;
        width: auto;
    }

.panIntestazione1 {
    font-size: 1.8em;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
}

.panIntestazione2 {
    font-size: 1.4rem;
    line-height: 50px;
    color: #fff;
    font-weight: normal;
}

.testoHead {
    display: inline-block;
    height: 50px;
    padding-left: 30px;
    width: fit-content;
    /*    float: left;
*/
}

.bottoniHead {
    display: inline-block;
    height: 50px;
    padding-right: 30px;
    width: fit-content;
    float: right;
}

    .bottoniHead > div {
        display: block;
        width: 100%;
    }

.userBox1 {
    display: inline-block;
    margin-bottom: 5px;
    width: fit-content;
    float: left;
}

.dataBox1 {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 30px;
    width: fit-content;
}

.tastiBox1 {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 10px;
    width: fit-content;
    float: left;
}

.header2 {
    font-size: 1.2em;
    line-height: 18px;
    color: white;
}

.content2 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 18px;
    color: yellow;
}

.mgrBtn1 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    border: solid 2px transparent;
    box-sizing: border-box;
    border-radius: 10px;
}

    .mgrBtn1:active {
        background-color: green;
    }

    .mgrBtn1:hover {
        opacity: 0.5;
    }
.mgrBtn2 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.puls1a {
    background: rgb(101,65,8);
    background: linear-gradient(315deg, rgba(101,65,8,1) 11%, rgba(214,133,18,0.7063200280112045) 58%, rgba(219,103,7,1) 100%);
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 5px 5px 15px 5px #000000;
    transition: all 0.1s ease-in-out;
}

    .puls1a:active {
        transform: translateY(10px);
        -webkit-box-shadow: 2px 2px 8px 2px #000000;
        box-shadow: 2px 2px 8px 2px #000000;
    }

    .puls1a:hover {
        opacity: 1;
    }

.puls1b {
    background: rgb(101,65,8);
    background: linear-gradient(315deg, rgba(101,65,8,1) 11%, rgba(214,133,18,0.7063200280112045) 58%, rgba(219,103,7,1) 100%);
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 5px 5px 15px 5px #000000;
    transition: all 0.1s ease-in-out;
}

    .puls1b:active {
        transform: translateY(10px);
        -webkit-box-shadow: 2px 2px 8px 2px #000000;
        box-shadow: 2px 2px 8px 2px #000000;
    }

    .puls1b:hover {
        opacity: 1;
    }









.bloccoHead {
    display: block;
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 10px;
    padding-left: 20px;
}

.iconaPan {
    display: inline-block;
    height: 40px;
    width: auto;
    float: left;
}

.iconaPan1 {
    display: inline-block;
    height: 40px;
    width: auto;
    margin-left: 30px;
}

.tastoBack1 {
    display: block;
    width: 100px;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    background-color: darkseagreen;
    color: black;
    box-sizing: border-box;
    border: solid 1px black;
    border-radius: 5px;
    padding: 0 5px;
}

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


.paginazione span {
    font-weight: bold;
    font-size: 1.2em;
}

.header-allinea {
    display: block;
    width: 100%;
    margin-top: 0px;
    margin-left: 0%;
}

.footer-allinea {
    display: block;
    width: 100px;
    margin-top: 30px;
    margin-left: 7%;
}

.indexPagina {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background-color: white;
}


.indexLogo {
    display: block;
    width: 100px;
    margin: 50px auto;
}

    .indexLogo > img {
        display: block;
        width: inherit;
        height: auto;
    }

.indexHeader {
    display: block;
    margin-top: 50px;
    font-size: 2em;
    color: blue;
    text-align: center;
}


.tastoBack {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 20px;
    width: fit-content;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 22px;
    background-color: lightgray;
    color: black;
    box-sizing: border-box;
    border: solid 2px black;
    padding: 0 5px;
    float: right;
}

.panRiempi {
    flex: none;
    width: 45%;
    background-color: lightgreen;
    position: relative;
}

.panRiempiBianco {
    flex: none;
    width: 30%;
    position: relative;
}

.planiBtnTemp {
    display: inline-block;
    font-size: 1.2em;
    line-height: 1.2em;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: solid 1px Yellow;
    margin-left: 10px;
}

.panInserimento {
    flex: none;
    width: 40%;
    background-color: lightgreen;
    position: relative;
}

.panInserimentoBianco {
    flex: none;
    width: 40%;
    background-color: white;
    position: relative;
}

.panInserimentoSala {
    flex: none;
    width: 50%;
    background-color: sandybrown;
    position: relative;
    margin-right: 30px;
    margin-left: 30px;
    border-style: solid;
    border-width: 3px;
    border-color: darkolivegreen;
    border-radius: 10px;
    box-sizing: border-box;
    min-height: 350px;
}

.panDatiPren {
    flex: none;
    width: 100%;
    background-color: sandybrown;
    position: relative;
    margin-right: 30px;
    border-style: solid;
    border-width: 3px;
    border-color: darkolivegreen;
    border-radius: 10px;
    box-sizing: border-box;
    min-height: 350px;
}

.panSelezione {
    flex: none;
    width: 45%;
    background-color: lightblue;
}

.panSelezioneSala {
    flex: none;
    width: 40%;
    background-color: tan;
    border-style: solid;
    border-width: 3px;
    border-color: darkolivegreen;
    border-radius: 10px;
    box-sizing: border-box;
    min-height: 350px;
}

.panSelezioneSala1 {
    width: 95%;
    border-style: solid;
    border-width: 2px;
    border-color: darkolivegreen;
    border-radius: 10px;
    box-sizing: border-box;
    height: 30%;
    padding: 10px;
}

.panSelezioneSala1bis {
    width: 95%;
    border-style: solid;
    border-width: 2px;
    border-color: darkolivegreen;
    border-radius: 10px;
    box-sizing: border-box;
    height: 60%;
    padding: 10px;
}

.panSx {
    flex: none;
    width: 40%;
    background-color: tan;
    box-sizing: border-box;
    min-height: 600px;
}

.panDx {
    flex: none;
    width: 60%;
    background-color: tan;
    box-sizing: border-box;
    min-height: 600px;
    padding-top: 50px;
    padding-left: 20px;
}

.panVisualizzazione {
    flex: none;
    width: 55%;
    height: 300px;
    background-color: lightblue;
    position: relative;
}

.panVisualizzazione2 {
    display: block;
    position: absolute;
    top: 0;
    left: 45%;
    width: 55%;
    height: 70px;
    background-color: lightblue;
}

.panVisualizzazione3 {
    display: block;
    position: absolute;
    top: 90px;
    left: 45%;
    width: 60%;
    min-height: 200px;
    background-color: none;
}

.panVisualizzazione3b {
    display: block;
    position: absolute;
    top: 40px;
    left: 45%;
    width: 55%;
    height: 200px;
    background-color: lightgreen;
}

.panVisualizzazione4 {
    display: block;
    position: relative;
    margin-left: 45%;
    /*    width: 55%;
*/ height: 30px;
    background-color: lightblue;
}

.panPrenotazione {
    flex: none;
    width: 45%;
    height: 300px;
    background-color: lightgreen;
}

.panTabelle {
    flex: none;
    width: 98%;
    height: fit-content;
    background-color: white;
    position: relative;
    box-sizing: border-box;
    border: solid 0px red;
}

.panTabelle1 {
    flex: none;
    width: 75%;
    background-color: white;
    position: relative;
    box-sizing: border-box;
    border: dashed 0px black;
}

.panTabelle1a {
    flex: none;
    width: 85%;
    background-color: white;
    position: relative;
}

.dispBlock {
    display: block;
    width: 100%;
}

.panelGV {
    display: block;
    position: relative;
    width: 98%;
    height: fit-content;
    /*    min-height: 100px;
*/ box-sizing: border-box;
    border: solid 0px blue;
}

.panelGV1 {
    display: block;
    width: 100%;
    min-height: 300px;
    box-sizing: border-box;
    border: groove 0px dimgrey;
}

.panelGV2 {
    display: block;
    width: fit-content;
}

.stileGV {
    width: 100%;
}

.stileGV1 {
    width: 100%;
    font-size: 1.1em;
    margin-bottom: 30px;
}

    .stileGV1 th {
        position: relative;
    }

.stileGV2 {
    width: fit-content;
    /*    height:fit-content;
*/ font-size: 1.0em;
    display: block;
    position: relative;
    margin-bottom: 30px;
    box-sizing: border-box;
    border: groove 0px magenta;
    top: 0px;
    left: 0px;
}

.stileGV3 {
    width: auto;
    /*    height:fit-content;
*/ font-size: 0.8rem;
    display: block;
    margin-bottom: 30px;
    box-sizing: border-box;
    border: groove 0px magenta;
}

.btnGV {
    display: block;
    height: 20px;
    width: 100px;
    background-color: lightgrey;
    border: solid 1px black;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: bold;
    color: black;
}

.iconGV {
    display: inline-block;
    height: auto;
    width: 30px;
    background-color: lightgrey;
    border: solid 1px black;
    box-sizing: border-box;
    border-radius: 5px;
}

.tabInserimento {
    display: block;
    width: 100%;
}

    .tabInserimento > td {
        padding-left: 10px;
    }

.font12 {
    font-size: 1.2em;
}

.padding10 {
    padding-left: 10px;
}

.bordored {
    box-sizing: border-box;
    border: solid 1px red;
}

.cellaSx {
    width: 20%;
    text-align: left;
}

.cellaDx {
    width: 30%;
    text-align: left;
}

.cellaDxBis {
    width: 40%;
    text-align: left;
}

.planiBtn {
    position: relative;
    display: block;
    font-size: 1.2em;
    line-height: 1.2em;
    width: 300px;
    height: 30px;
    line-height: 30px;
    border: solid 1px red;
}

.planiBtn1 {
    position: relative;
    display: block;
    font-size: 1.2em;
    line-height: 1.2em;
    width: 150px;
    height: 30px;
    border: solid 3px green;
    border-radius: 8px;
    background-color: white;
    color: black;
    font-weight: bold;
    margin: 0 auto;
}

.planiBtn2 {
    position: relative;
    display: block;
    font-size: 1.0em;
    line-height: 1.0em;
    width: 80%;
    height: 30px;
    border: solid 2px green;
    border-radius: 6px;
    background-color: white;
    color: black;
    font-weight: bold;
    margin: 0 auto;
}

.rigaWarning {
    display: block;
    width: 100%;
    font-size: inherit;
    color: red;
    font-weight: bold;
    margin-bottom: 5px;
}

.rigaWarningLarge {
    display: block;
    width: 100%;
    font-size: 1.2em;
    color: red;
    font-weight: bold;
    margin-bottom: 5px;
}

.shift1 {
    display: inline-block;
    padding-left: 30px;
}

.fluisciSX {
    float: left;
}

.turnoBtn {
    display: inline-block;
    font-size: 1em;
    background-color: lightgray;
    width: 70px;
    margin-right: 10px;
    float: left;
    line-height: 1.2em;
}

    .turnoBtn:focus {
        background-color: coral;
        font-weight: bold;
    }

.btnSalva {
    display: block;
    width: fit-content;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    /*    -ms-touch-action: manipulation;
    touch-action: manipulation;
*/ cursor: pointer;
    border: 1px solid transparent;
    padding: 3px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    border-radius: 4px;
    color: white;
    background-color: green;
    /*    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
*/
}

.btnSalvaBis {
    display: inline-block;
    width: fit-content;
    text-align: center;
    /*    white-space: nowrap;
*/ vertical-align: middle;
    border: 1px solid transparent;
    padding: 3px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    border-radius: 4px;
    color: white;
    background-color: green;
}

.btnSalva:active {
    background-color: darkslategrey;
}

.btnSalva:disabled {
    opacity: 0.5;
}

.stileUP {
    display: inline;
}

.btnFiltro {
    display: block;
    width: 15px;
    height: 15px;
}

.userBox {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 10px;
    width: fit-content;
    box-sizing: border-box;
    border: solid 0px black;
    float: left;
}

.dataBox {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 30px;
    width: fit-content;
    box-sizing: border-box;
    border: solid 0px black;
    float: left;
}

.tastiSxBox {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 30px;
    width: fit-content;
    box-sizing: border-box;
    border: solid 0px black;
}

.tastiDxBox {
    display: inline-block;
    margin-bottom: 5px;
    padding-right: 50px;
    width: fit-content;
    box-sizing: border-box;
    border: solid 0px black;
    float: right;
}

.header1 {
    font-size: 1.2em;
    line-height: 18px;
    color: black;
}

.content1 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 18px;
    color: blue;
}

/*  FINE ASSEGNAZIONI GENERALI   */
/********************************************************************************/

#MenuDiv > div:active {
    background-color: green;
    color: white;
}

.panIntestazione {
    display: block;
    font-size: 1.4em;
    padding-left: 15px;
    line-height: 27px;
    background-color: #FF8962;
    color: #fff;
    font-weight: bold;
}

.panHeader {
    display: block;
    font-size: 1.4em;
    margin: 0 auto 20px;
    line-height: 27px;
    color: darkolivegreen;
    font-weight: bold;
    width: fit-content;
    padding: 0 5px;
    text-decoration: none;
}

    .panHeader:link {
        color: darkolivegreen;
        text-decoration: none;
    }

    .panHeader:hover {
        text-decoration: none;
    }

.mainPan {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: start;
    width: 100%;
    padding-top: 10px;
    box-sizing: border-box;
    border: solid 0px red;
}

.altezzaMain {
    height: 500px;
}

.panLayout {
    flex: none;
    width: 80%;
    /*    height:500px;
*/
}

.panContenuti {
    padding: 10px 15px;
    text-align: left;
    font-size: 1.2em;
}

.panContenuti2 {
    /*    padding: 5px 10px;
*/ text-align: left;
    font-size: 1.0em;
    box-sizing: border-box;
    border: solid 0px red;
}

.menuTopPan {
    flex: none;
    width: 90%;
    padding-left: 30px;
    position: relative;
}

.menuTopPanCover {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 30px;
    background-color: grey;
    z-index: 1;
}

.panMenuDx {
    flex: none;
    width: 15%;
    /*    height: 500px;
*/
}

.panMenuSx {
    flex: none;
    width: 15%;
    border-right: solid 2px black;
    box-sizing: border-box;
    /*    height: 500px;
*/
}

.planiSala {
    display: block;
    position: relative;
    border: solid 1px black;
    background-color: aquamarine;
    box-sizing: border-box;
    margin: 20px auto;
    width: 100%;
}

.salaOvale {
    border-radius: 50% 50%;
}

.ContenitoreGriglia {
    display: block;
}

.griglia {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: solid 0px blue;
}

.tabGriglia {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: solid 0px red;
    border-spacing: 0px;
}

.tabCella {
    border: dotted 1px grey;
    box-sizing: border-box;
    padding: 0px;
    font-size: 0.6em;
}

.areaMenu {
    display: block;
    position: relative;
    border: solid 0px black;
    background-color: none;
    box-sizing: border-box;
    width: 100%;
    height: 500px;
    padding-top: 8px;
    /*        margin: 10px auto;
*/
}

.divElem {
    border: solid 0px blue;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}

.imgBtn {
    display: inline-block;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    float: left;
    margin-right: 3px;
    border: solid 1px black;
    vertical-align: central;
}

.imgInNuovaDiv {
    display: block;
    margin: 0 auto;
    border: solid 0px red;
    box-sizing: border-box;
    width: 100%;
    height: auto;
}

.imgInNuovaDivUniti {
    display: inline-block;
    border: solid 0px red;
    box-sizing: border-box;
    width: 100%;
    height: auto;
}

.internaDiv {
    display: block;
    margin: 0 auto;
    border: solid 0px blue;
    /*    box-sizing: border-box;
*/ width: 80px;
}

.txtBtn {
    display: block;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    width: 100%;
    border: solid 0px black;
    /*    box-sizing: border-box;
*/ background-color: none;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.bollino {
    display: block;
    width: 10px;
    height: 10px;
    border: solid 0px black;
    box-sizing: border-box;
    background-color: white;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.tavolo1 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 90%;
    height: 30px;
    margin-top: 10px;
    margin-left: 0px;
}

.tavmov {
    background-color: darkorange;
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
}

.tavmov1 {
    background-color: blue;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    color: white;
}

.dummy1 {
    border: solid 0px green;
    background-color: none;
    /*    box-sizing: border-box;
*/ position: absolute;
    top: 200px;
    left: 200px;
    z-index: 1;
    width: 80px;
}

    .dummy1:focus {
        border: solid 4px blue;
    }

#AreaTavoli .ui-selecting {
    border: solid 1px #707070;
}

#AreaTavoli .ui-selected {
    border: solid 2px red;
}

.areaTavoli {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: dotted 1px red;
}

.finestrella {
    display: block;
    background-color: none;
    width: fit-content;
    height: 25px;
    position: absolute;
}

.legendaIn {
    display: inline-block;
    position: relative;
    float: left;
    height: 25px;
    background-color: wheat;
    font-size: 1em;
    line-height: 25px;
    padding-right: 5px;
    color: red;
}

.casellaInput {
    display: inline-block;
    position: relative;
    float: left;
    width: 50px;
    height: 19px;
    background-color: wheat;
    font-size: 1em;
}

.bottoncino {
    display: inline-block;
    position: relative;
    float: left;
    width: 25px;
    height: 25px;
    background-image: url("../Images/FrecciaInvio.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

.validazioneInput {
    /*    display:inline-block;
    margin-left:20px;
*/ font-size: 1em;
    color: red;
    font-weight: bold;
}

/*  FINE ASSEGNAZIONI PAGINE LAYOUT   */
/********************************************************************************/

.pannelloDettagli {
    display: block;
    width: 100%;
    height: fit-content;
    box-sizing: border-box;
    border: solid 0px green;
}

.pannelloDettagli70 {
    display: block;
    width: 70%;
    height: fit-content;
    margin: 0 auto;
    box-sizing: border-box;
    border: solid 0px green;
}

.pannelloDettagli90 {
    display: block;
    position: relative;
    width: 100%;
    height: 500px;
    margin: 20px auto;
    box-sizing: border-box;
    border: solid 0px green;
}

.pannelloDettagliFlexLibero {
    flex: none;
    display: block;
}

.pannelloDettagliFlexLiberoAdj {
    flex-grow: 2;
    display: block;
}

.pannelloDettagliFlex {
    flex: none;
    display: block;
    max-width: 34%;
}

.intestazioneDettaglio {
    display: block;
    width: fit-content;
    padding-left: 100px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 1.4em;
    font-weight: bold;
    box-sizing: border-box;
    border: solid 0px green;
}

.intestazioneDettaglio2 {
    display: block;
    width: 400px;
    margin: 10px auto;
    font-size: 1.4em;
    font-weight: bold;
    box-sizing: border-box;
    border: solid 0px green;
}

.intestazioneDettaglioMess {
    display: block;
    width: 100%;
    padding-left: 100px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 1.4em;
    font-weight: bold;
    box-sizing: border-box;
    border: solid 0px green;
}

.intestazioneDettaglioFlex {
    display: block;
    width: fit-content;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 1.2em;
    font-weight: bold;
    border: solid 0px red;
    box-sizing: border-box;
}

.intestazioneDettaglioInLinea {
    display: inline-block;
    width: fit-content;
    margin-right: 10px;
    font-size: 1.2em;
    font-weight: normal;
    float: left;
}

.etichetta1 {
    display: inline-block;
    width: fit-content;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px;
}

.etichetta2 {
    display: inline-block;
    width: fit-content;
    font-size: 1.4em;
    font-weight: bold;
    border-bottom: solid 1px black;
}

.etichetta3 {
    display: block;
    width: 400px;
    margin: 10px auto;
    font-size: 1.2em;
    font-weight: bold;
    color: red;
}

.centrato0 {
    margin: 0 auto;
}

.dettagliDiv {
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 5px;
    box-sizing: border-box;
    border: solid 0px blue;
}

.dettagliPanel {
    display: block;
    width: 100%;
    padding-left: 100px;
    margin-bottom: 10px;
    font-size: 1.2em;
    box-sizing: border-box;
    border: solid 0px red;
}

.dettagliPanel1 {
    display: block;
    width: 100%;
    padding-left: 10px;
    margin-top: 30px;
    font-size: 1.0em;
    box-sizing: border-box;
    border: solid 0px red;
}

.dettagliPanelFlex {
    display: block;
    width: 100%;
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 1.1em;
}

.dettagliHeader {
    display: inline-block;
    width: 200px;
    font-weight: bold;
    float: left;
}

.dettagliHeaderSolo {
    display: block;
    width: 90%;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.3em;
    box-sizing: border-box;
    border: solid 0px red;
}

.dettagliHeaderFlex {
    display: inline-block;
    width: 150px;
    font-weight: bold;
    float: left;
}

.dettagliHeader1 {
    display: inline-block;
    width: 400px;
    font-weight: bold;
    float: left;
    box-sizing: border-box;
    border: solid 0px blue;
}

.dettagliHeader2 {
    font-weight: bold;
    font-size: 1.0em;
    line-height: 1.2em;
}

.dettagliHeader3 {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.3em;
}

.dettagliHeader2a {
    display: block;
    width: 50%;
    font-weight: bold;
    font-size: 1.0em;
    line-height: 1.2em;
}
.dettagliHeaderSolo2 {
    display: block;
    width: 50%;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.3em;
}
.dettagliHeaderSolo3 {
    display: block;
    width: 50%;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.4em;
}
.dettagliHeaderSolo4 {
    display: block;
    width: fit-content;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.4em;
    box-sizing: border-box;
    border: solid 0px red;
}

.dettagliContenuto {
    display: inline-block;
    width: fit-content;
    font-weight: normal;
    margin-left: 20px;
}

.dettagliTextbox {
    display: inline-block;
    width: 180px;
}

.dettagliTextbox1 {
    display: inline-block;
    width: 100px;
}

.dettagliTextbox2 {
    display: inline-block;
    width: 40px;
}

.dettagliTextbox3 {
    display: inline-block;
    width: 70px;
}

.dettagliTextbox4 {
    display: block;
    width: 50%;
    margin-top: 10px;
}

.dettagliTextbox5 {
    display: block;
    width: 50%;
    margin-bottom: 10px;
}

.shift100 {
    margin-left: 100px;
}

.shift30 {
    margin-left: 30px;
}


.messaggioRosso {
    color: red;
}

.btnSalva1 {
    display: block;
    margin-top: 20px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 5px 20px;
    font-size: 1.5em;
    font-weight: bold;
    border-radius: 4px;
    color: white;
    background-color: green;
}

    .btnSalva1:active {
        background-color: darkslategrey;
    }

.btnSalva2 {
    display: block;
    margin-top: 30px;
    margin-left: 15px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 5px 20px;
    font-size: 1.0rem;
    font-weight: bold;
    border-radius: 4px;
    color: white;
    background-color: green;
}

    .btnSalva2:active {
        background-color: darkslategrey;
    }

.testoHeader {
    display: inline;
    float: left;
    color: white;
    padding-right: 5px;
    line-height: 1.3em;
}

    .testoHeader:link {
        color: white;
    }

    .testoHeader:active {
        color: white;
    }

    .testoHeader:hover {
        text-decoration: none;
    }

.mainPan1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: start;
    width: 100vw;
    padding-top: 10px;
}
.mainPan2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: start;
    gap:10px;
    width: 60%;
    padding-top: 30px;
}
.mainPan3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    width: 90%;
    padding-top: 20px;
}

.panMgr {
    flex: none;
    width: 30%;
    height: 200px;
    background-color: lightgreen;
    margin-bottom: 10px;
    margin-left: 10px;
    position: relative;
    box-sizing: border-box;
    border: solid 2px darkgreen;
    border-radius: 10px;
}

.mgrHeader {
    display: inline-block;
    /*    margin-top: 10px;
*/ width: fit-content;
    margin-left: 20px;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 40px;
    border-bottom: solid 3px black;
    float: left;
}

.mgrContent {
    display: block;
    width: 90%;
    margin: 5px auto;
    text-align: justify;
    font-size: 1.1em;
    font-weight: normal;
}

.mgrBtn {
    display: block;
    margin: 10px auto;
    width: fit-content;
    padding: 5px 20px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    background-color: dimgrey;
    color: white;
    box-sizing: border-box;
    border: solid 0px red;
}

    .mgrBtn:active {
        background-color: green;
    }



/********************************************************************************/
/*   ASSEGNAZIONE STILI PAG LOGIN  */
.testo-errore {
    font-size: 0.8rem;
    line-height: 1.0rem;
    font-weight: bold;
    color: red;
}

.testo-errore0 {
    font-size: 0.8rem;
    line-height: 1.0rem;
    font-weight: bold;
}

.testo-errore1 {
    font-size: 0.8rem;
    line-height: 1.0rem;
    font-weight: bold;
    color: red;
    width: 50%;
}

.testo-errore2 {
    font-size: 0.8rem;
    line-height: 1.0rem;
    font-weight: bold;
    color: red;
    display: block;
    width: 100%;
    height: fit-content;
}

.box1 {
    display: block;
    box-sizing: border-box;
    border: solid 1px black;
    width: 50%;
    margin: 0 auto;
    font-size: 0.8rem;
    padding: 5px;
}

.tab1 {
    display: table;
    width: 100%;
    box-sizing: border-box;
    border: solid 0px white;
}

.cellaSx1 {
    width: 70%;
    box-sizing: border-box;
    border: solid 0px red;
}

.cellaDx1 {
    box-sizing: border-box;
    border: solid 0px blue;
}

.righemodulo {
    display: table;
    margin-bottom: 15px;
    border: solid 0px blue;
    box-sizing: border-box;
    font-size: 0.8rem;
    width: 30%;
    margin: 0 auto;
}

.righemodulo70 {
    display: table;
    padding-bottom: 15px;
    border: solid 0px blue;
    box-sizing: border-box;
    font-size: 0.8rem;
    width: 70%;
    margin: 0 auto;
}

.riquadro60 {
    display: block;
    margin-bottom: 30px;
    border: solid 0px blue;
    box-sizing: border-box;
    font-size: 0.8rem;
    width: 60%;
    margin: 0 auto;
}

.colonnagen {
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-label {
    width: 30%;
    float: left;
}

.col-label20 {
    width: 20%;
    float: left;
}

.col-label0 {
    width: fit-content;
    float: left;
}

.col-label1 {
    width: 100%;
    display: block;
}

.col-textbox {
    display: inline;
    width: 50%;
    /*    float: left;
*/
}

.textResize1 {
    font-size: 1.0rem;
}

.inlineDiv {
    display: inline;
    margin-left: 10px;
    width: 30%;
    /*    float: left;
*/
}

.campoTab100 {
    width: 100%;
    padding: 3px;
    color: #555555;
    background-color: #fff;
    border: 1px solid black;
    border-radius: 4px;
    font-size: 1.0em;
    line-height: 1.4em;
}

.form-control {
    display: inline;
    width: 90%;
    /*    height: 34px;
*/ padding: 6px 12px;
    /*    font-size: 10px;
*/ line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.form-control1 {
    display: inline-block;
    float: left;
    width: 20%;
    /*    height: 34px;
*/ padding: 6px 12px;
    /*    font-size: 10px;
*/ line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.form-control50 {
    display: inline;
    width: 50%;
    /*    height: 34px;
*/ padding: 6px 12px;
    /*    font-size: 10px;
*/ line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.form-control:focus, .textboxResize:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

.testoLabel {
    display: block;
    font-size: 0.8rem;
    font-weight: bold;
}

.colonne2 {
    display: block;
    height: 50px;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: solid 0px red;
    box-sizing: border-box;
}

.textboxResize {
    display: inline-block;
    width: 100px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    float: left;
    margin-right: 50px;
}

.fontResize10 {
    font-size: 0.8rem;
}

.MarginTopResize {
    margin-top: 50px;
}

.MarginTopResize20 {
    margin-top: 20px;
}

.MarginAuto0 {
    width: fit-content;
    margin: 0 auto;
}

.MarginAuto30 {
    margin: 30px auto;
}

.MarginBottomResize {
    margin-bottom: 50px;
}

.btn {
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn1 {
    display: block;
    width: fit-content;
    margin-left: 10px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 1.2em;
    line-height: 1.0em;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btnResize {
    display: inline-block;
    width: fit-content;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
}

.btnResize1 {
    display: inline-block;
    width: fit-content;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btnResize2 {
    display: inline-block;
    width: fit-content;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    margin-right: 10px;
}

.shift20 {
    margin-left: 20px;
}

.btn:focus, .btn1:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn-default {
    color: white;
    background-color: green;
    border-color: #ccc;
}

.btn-default1 {
    color: green;
    background-color: white;
    border-color: green;
}

    .btn-default:focus, .btn-default1:focus {
        color: white;
        background-color: darkgreen;
        border-color: #8c8c8c;
    }

    .btn-default:hover, .btn-default1:hover {
        color: white;
        background-color: darkgreen;
        border-color: #adadad;
        font-weight: bold;
    }

    .btn-default:disabled, .btn-default1:disabled {
        color: lightgrey;
        background-color: dimgrey;
        font-weight: bold;
    }

.LB1 {
    font-size: 0.8rem;
    width: 50%;
}
/*   FINE ASSEGNAZIONE STILI PAG LOGIN  */



/********************************************************************************/
/*   ASSEGNAZIONE STILI PAG CONTROL PANEL  */
.menuPulsanti {
    display: block;
    width: 800px;
    height: 50px;
    margin: 10px auto 5px;
}

.pulsanteMenu {
    display: inline-block;
    margin: 5px;
    float: left;
    width: 250px;
    height: 40px;
    border: solid 2px black;
    box-sizing: border-box;
    border-radius: 5px;
}

.pulsanteStile {
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    line-height: 1.4em;
    background-color: lightgrey;
    color: black;
}

    .pulsanteStile:active {
        background-color: lightgreen;
        color: black;
    }

    .pulsanteStile:hover {
        opacity: 0.5;
    }

.pulsanteMenuS {
    display: inline-block;
    margin: 5px;
    float: left;
    width: 150px;
    height: 30px;
    border: solid 2px black;
    box-sizing: border-box;
    border-radius: 5px;
}

.w100 {
    width: 100px;
}

.pulsanteStileS {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    line-height: 1.3em;
    background-color: lightgrey;
    color: black;
}

    .pulsanteStileS:active {
        background-color: lightgreen;
        color: black;
    }

    .pulsanteStileS:hover {
        opacity: 0.5;
    }

.pulsanteMenuVert {
    display: block;
    margin: 10px auto;
    width: 90%;
    height: 30px;
    border: solid 2px black;
    box-sizing: border-box;
    border-radius: 5px;
}

.pulsanteStileVert {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
    background-color: lightgrey;
    color: black;
}

    .pulsanteStileVert:active {
        background-color: lightgreen;
        color: black;
    }

    .pulsanteStileVert:hover {
        opacity: 0.5;
    }

.areaDownload {
    display: block;
    margin: 10px auto;
    padding: 5px;
    width: 95%;
    height: fit-content;
    border: solid 1px black;
    box-sizing: border-box;
}

.pannelloContenuti {
    display: block;
    border: solid 0px red;
    box-sizing: border-box;
    width: 90%;
    /*    max-height: 700px;
*/ margin: 0 auto;
}

.pannelloStile {
    font-size: 1.0em;
    font-weight: normal;
    text-align: left;
    line-height: 1.0em;
    background-color: white;
    color: black;
}

.pannelloFlex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: start;
    border: solid 0px red;
    box-sizing: border-box;
}
.pannelloFlexCentrato {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: start;
    gap: 10px;
    width: 90%;
    height: fit-content;
    margin: 0 auto;
    border: solid 0px red;
    box-sizing: border-box;
}

.pannelloFlexLow {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: end;
    margin-bottom: 20px;
}

.campoCodice {
    display: block;
    margin-left: 50px;
    margin-top: 30px;
    font-size: 1.2em;
    font-weight: bold;
    color: darkred;
}

.layoutDV {
    flex: none;
    width: 50%;
    display: inline-block;
    margin-left: 50px;
    margin-top: 10px;
    font-size: 1.1em;
    border: solid 0px maroon;
    box-sizing: border-box;
}

.colHeadDV {
    font-weight: bold;
}

.headerLayoutDV {
    height: 20px;
}

.stileFooterDV a {
    border: solid 2px black;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: tan;
    padding: 3px;
}

.campoIntest {
    display: block;
    width: 100%;
    margin-top: 30px;
    font-size: 1.4em;
    font-weight: bold;
    color: darkred;
}

.formHeader {
    font-size: 0.9rem;
    font-weight: bold;
}

.formTesto1 {
    display: block;
    width: 300px;
    font-size: 0.8rem;
}

.formTesto100 {
    display: block;
    width: 90%;
    font-size: 0.8rem;
}

.tabMsg {
    display: block;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
}

.cellaSx2 {
    width: 20%;
    text-align: left;
    padding: 10px;
    vertical-align: top;
}

.cellaDx2 {
    width: 75%;
    text-align: left;
    padding: 10px;
    vertical-align: top;
}

/*   FINE ASSEGNAZIONE STILI PAG CONTROL PANEL  */
/********************************************************************************/
/*   ASSEGNAZIONE STILI PAG COMANDA  */
.rigaBottoni {
    width: 100%;
    height: 30px;
    border: solid 0px green;
    box-sizing: border-box;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bottoneTop {
    display: block;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.1em;
    width: 200px;
    padding: 5px;
    margin-right: 10px;
    background-color: brown;
    color: white;
    border-radius: 4px;
}

    .bottoneTop:active {
        background-color: darkgreen;
    }

.bottoneFiltri {
    display: block;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    width: auto;
    padding: 5px;
    margin-left: 30px;
    background-color: darkorange;
    color: white;
    border-radius: 4px;
}

    .bottoneFiltri:active {
        background-color: orangered;
    }

.bottoneFiltri1a {
    display: inline-block;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    width: auto;
    padding: 5px;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: darkorange;
    color: white;
    border-radius: 4px;
}

    .bottoneFiltri1a:active {
        background-color: orangered;
    }

.bottoneFiltri1b {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    width: auto;
    padding: 5px;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: brown;
    color: white;
    border-radius: 4px;
}

    .bottoneFiltri1b:active {
        background-color: chocolate;
    }

.bottoneAzzera {
    display: block;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    width: auto;
    padding: 5px;
    margin-left: 20px;
    background-color: maroon;
    color: white;
    border-radius: 4px;
}

    .bottoneAzzera:active {
        background-color: chocolate;
    }





.bottoneComanda {
    display: block;
    float: left;
    font-size: 0.8rem;
    font-weight: bold;
    width: auto;
    margin-right: 10px;
}

.bottoneComandaInTable {
    display: block;
    font-size: 0.7rem;
    font-weight: bold;
    width: auto;
}

.bottoneComandaPath {
    display: block;
    float: right;
    font-size: 0.8rem;
    font-weight: bold;
    width: auto;
    margin-right: 20px;
    padding: 2px 5px;
}

.visualizzazioneTB {
    display: block;
    width: 100%;
    margin: 0 auto 5px;
    font-size: 0.8rem;
    border: double 2px black;
    box-sizing: border-box;
    background-color: lightgray;
    overflow-x: scroll;
}

.selContainerPan {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    width: 100%;
    height: 200px;
    border: solid 2px black;
    box-sizing: border-box;
}

.selSxPan {
    flex: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 5px;
    flex-wrap: nowrap;
    overflow-y: scroll;
    width: 35%;
    height: 100%;
    border-right: solid 1px black;
    box-sizing: border-box;
}

.selDxPan {
    flex: none;
    display: flex;
    align-content: start;
    flex-wrap: wrap;
    gap: 5px;
    overflow-y: scroll;
    width: 65%;
    height: 100%;
    /*    border: solid 1px brown;
*/ box-sizing: border-box;
}

.btnRiepilogo {
    color: white;
    background-color: darkgreen;
    /*    border-color: darkgreen;
    border-style: ridge;
    border-width: 2px;
*/ box-sizing: border-box;
    font-size: 0.7rem;
    height: 20px;
    flex: none;
}

.btnCategoria {
    box-sizing: border-box;
    font-size: 0.8rem;
    height: 30px;
    flex: none;
}

.btnPietanza {
    color: black;
    background-color: lightyellow;
    box-sizing: border-box;
    font-size: 0.8rem;
    width: 200px;
    height: 30px;
    flex: none;
}

.piattoQtaPan {
    width: 90%;
    /*    height: 50px;
*/ border: solid 0px red;
    box-sizing: border-box;
    margin-left: 5%;
    margin-top: 10px;
    margin-bottom: 6px;
    font-size: 0.8rem;
}

.testoLibero {
    max-width: 90%;
    /*    height: 50px;
*/ border: solid 0px red;
    box-sizing: border-box;
    margin-left: 0%;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 0.8rem;
    overflow-x: scroll;
}

.btnComandoGrid {
    font-size: 1.0rem;
    padding: 5px;
}

.caselle1 {
    font-size: inherit;
}

.casellaTestoMod {
    font-size: 0.8rem;
}

.tabella1 {
    font-size: inherit;
    margin-left: 0%;
}

.listbox1 {
    border: solid 0px red;
    box-sizing: border-box;
    margin-top: 3px;
    margin-bottom: 6px;
    font-size: 0.8rem;
}

.GVscroll {
    font-size: inherit;
    margin-left: 0%;
    width: fit-content;
    height: 250px;
    overflow: scroll;
}

.casellaNum {
    border: solid 1px blue;
    box-sizing: border-box;
}

.pannelloFiltri {
    display: block;
    padding: 5px;
    width: 200px;
    height: fit-content;
    background-color: white;
    border: inset 2px grey;
    box-sizing: border-box;
    color: black;
}

.titoloFiltro {
    display: block;
    width: 100%;
    height: 20px;
    font-size: 0.8em;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 5px;
}

.rigaFiltro {
    display: block;
    width: 90%;
    height: 20px;
    margin-bottom: 5px;
}

.captionFiltro {
    display: inline-block;
    width: 40%;
    float: left;
    font-size: 0.8em;
    font-weight: bold;
}

.txtFiltro {
    display: inline-block;
    width: 50%;
    margin-left: 10px;
    font-size: 1.0em;
    font-weight: normal;
}

.txtFiltro1 {
    display: inline-block;
    width: 40px;
    margin-left: 10px;
    font-size: 1.0em;
    font-weight: normal;
}

.txtFiltro2 {
    display: block;
    width: 90px;
    margin-left: 0px;
    font-size: 1.0em;
    font-weight: normal;
}

.listaCheckBox {
    display: block;
    width: inherit;
    height: inherit;
    padding: 5px;
    font-size: 0.8em;
    color: black;
}

.listaCheckBox1 {
    display: block;
    width: inherit;
    height: inherit;
    padding: 5px;
    font-size: 1.0em;
    color: black;
}

.imgCBX {
    width: 40px;
}



/********************************************************************************/
/*   ASSEGNAZIONE STILI PAG PRENOTAZIONI WEB  */
.contenitore0 {
    display: block;
    width: 100vw;
    height: 100vh;
    position: relative;
    top: 0;
    left: 0;
    border: solid 0px red;
    box-sizing: border-box;
}
.contenitore {
    display: block;
    width: 100vw;
    height: 100vh;
    position: relative;
    top: 0;
    left: 0;
    border: solid 0px red;
    box-sizing: border-box;
}

    .contenitore::before {
        content: ' ';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.3;
        background-image: url("../Images/sfondo1.jpeg");
        background-repeat: no-repeat;
        background-origin: border-box;
        background-position: left center;
        background-size: cover;
        background-color: lightyellow;
    }

.contenuto {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20%;
    margin-top: -10%;
    padding: 5px;
    vertical-align: middle;
    /*    top:200px;
    left:400px;
*/ width: 40%;
    height: 40%;
    background-color: white;
    opacity: 0.6;
}

.areaTavolo {
    margin: 0px auto;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.etichetta {
    width: 40%;
    padding: 2px;
    flex: none;
}

.etichetta0 {
    width: 35%;
    padding: 2px;
    flex: none;
}

.etichettaLong {
    width: 100%;
    padding: 2px;
    flex: none;
}

.casellaTesto {
    width: 60%;
    padding: 2px;
    flex: none;
}

.verticaleSepar {
    margin-bottom: 30px;
}

.areaBottoni {
    width: 60%;
    padding: 2px;
    margin: 30px auto;
}

.logo {
    display: none;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

/*   FINE ASSEGNAZIONE STILI PAG PRENOTAZIONI WEB  */


/********************************************************************************/
/*   ASSEGNAZIONE STILI GRAFICI  */

.grafico1 {
    display: block;
    margin: 0 auto;
}

/*   FINE ASSEGNAZIONE STILI GRAFICI  */


/********************************************************************************/
/*   ASSEGNAZIONE STILI PAG GESTORE MENU  */
.menuPulsantiSmall {
    display: block;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 5px;
    /*    margin-left:30px;
*/ /*    margin: 10px auto 5px;
*/
    border: solid 0px black;
    box-sizing: border-box;
}

.pulsanteMenuSmall {
    display: inline-block;
    padding: 5px;
    float: left;
    width: 10%;
    height: 30px;
    border: solid 2px black;
    box-sizing: border-box;
    border-radius: 5px;
    margin-right: 5px;
}

.pulsanteStileSmall {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
    background-color: lightgrey;
    color: black;
}

.pulsanteStileSmall2 {
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
    line-height: 1.0em;
    background-color: LightGoldenrodYellow;
    color: black;
}

.pulsanteStileSmall2g {
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
    line-height: 1.0em;
    background-color: Green;
    color: black;
}

.pulsanteStileSmall2y {
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
    line-height: 1.0em;
    background-color: Yellow;
    color: black;
}

    .pulsanteStileSmall:active, .pulsanteStileSmall2:active, .pulsanteStileSmall2g:active, .pulsanteStileSmall2y:active {
        background-color: lightgreen;
        color: black;
    }

.progrbar {
    display: none;
    width: 270px;
    height: 150px;
    margin: 100px auto;
    font-size: 1.0rem;
    font-weight: bold;
}

.progrbarImg {
    display: block;
    width: 50px;
    height: auto;
    margin: 0 auto;
}

.areaStat {
    display: block;
    width: 100%;
    height: 450px;
    margin-top: 10px;
    margin-bottom: 5px;
    border: solid 2px black;
    box-sizing: border-box;
    /*    background-image: radial-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.7));
*/ padding-top: 20px;
}

.areaFiltri {
    display: block;
    width: 100%;
    height: 100px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: solid 2px black;
    box-sizing: border-box;
}

.areaFiltriSmall {
    display: block;
    width: 70%;
    height: 100px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 16px;
    border: solid 2px black;
    box-sizing: border-box;
}

.bloccoTesto {
    display: inline-block;
    height: 100%;
    float: left;
    padding-left: 5px;
    /*    border: solid 1px blue;
    box-sizing: border-box;
*/
}

.bloccoFiltro {
    display: inline-block;
    height: 100%;
    float: left;
    padding-left: 5px;
    /*    border: solid 1px magenta;
    box-sizing: border-box;
*/
}

.stileFooterGV {
    background-color: yellow;
    color: black;
}

.multiColonna3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    column-gap: 20px;
    column-rule-style: solid;
    column-rule-width: 3px;
}

.tabWrapped {
    display: block;
    width: 100%;
}

.cbx {
    width: 1.2rem;
    height: 1.2rem;
    font-size: 1.0rem;
}

.bordoTxt {
    border: solid 1px black;
    box-sizing: border-box;
}

.dettagliTextbox3 {
    display: inline-block;
    width: 40px;
    font-size: 1.2em;
}

.intestazione {
    display: block;
    font-size: 1.0em;
    font-weight: bold;
    width: 40%;
    height: fit-content;
    margin: 10px auto 0px;
    color: black;
    background-color: lightgray;
    text-align: left;
    vertical-align: middle;
    /*    line-height: 1.0em;
*/ border: solid 1px black;
    border-radius: 3px;
}
/*   FINE ASSEGNAZIONE STILI PAG GESTORE MENU  */

.searchExt {
    display: block;
    box-sizing: border-box;
    border: solid 0px black;
    font-size: smaller;
    width: fit-content;
    font-style: italic;
    background-color: lightgray;
    color: black;
}





.comandaPrint {
    display: block;
    width: 300px;
    margin: 0 auto;
    height: fit-content;
    box-sizing: border-box;
    border: solid 2px black;
}

.headerComanda {
    display: block;
    width: 90%;
    margin: 10px auto;
    height: fit-content;
    font-size: 10px;
    font-weight: bold;
}

.headerTab {
    display: block;
    width: 100%;
}

.cellaSxHead {
    width: 60%;
}

.cellaDxHead {
    width: 40%;
}

.cellaUnicaHead {
    width: 100%;
}

.righeComanda {
    display: block;
    width: 90%;
    margin: 10px auto;
    height: fit-content;
    font-size: 10px;
}

.righeTab {
    display: block;
    width: 100%;
}

.cellaSxCom {
    width: 20%;
}

.cellaDxCom {
    width: 80%;
}

.cellaSx3 {
    width: 50%;
    padding: 10px;
}

.cellaDx3 {
    width: 45%;
    padding: 10px;
}

.cellaSx4 {
    width: 30%;
    text-align: right;
    padding-right: 20px;
    vertical-align: top;
    box-sizing: border-box;
    border: solid 0px black;
}

.cellaDx4 {
    width: 10%;
    text-align: left;
    padding: 0px;
    vertical-align: top;
    box-sizing: border-box;
    border: solid 0px red;
}

.cellaCentr {
    width: 60%;
    text-align: left;
    padding-right: 20px;
    vertical-align: top;
    box-sizing: border-box;
    border: solid 1px green;
}

.larg50 {
    width: 50px;
}


.tabModuliAttivi {
    display: block;
    width: 100%;
    font-size: 0.8rem;
}

.cellSxModuliAttivi {
    font-weight: bold;
    width: 30%;
}

.cellDxModuliAttivi {
    width: 60%;
    padding-left: 50px;
}
/*   FINE ASSEGNAZIONE STILI PAG GESTORE MENU  */














/********************************************************************************/
/*   ASSEGNAZIONE STILI MENU TESTATA  */
.pageHeaderMain {
    display: block;
    /*    background-color: olive;
*/ background-color: white;
    height: 100px;
    width: 100%;
    padding-left: 15px;
    position: relative;
    border: solid 0px red;
    box-sizing: border-box;
}

.brandTestata {
    display: inline-block;
    height: 100px;
    width: fit-content;
    float: left;
    border: solid 0px red;
    box-sizing: border-box;
}

    .brandTestata img {
        display: block;
        height: 80px;
        width: auto;
        margin-top: 10px;
        border: solid 0px white;
        box-sizing: border-box;
    }

.brandBottone {
    display: block;
    height: 90px;
    width: auto;
    margin-top: 10px;
    border: solid 0px white;
    box-sizing: border-box;
}

.bottoniTestata {
    display: inline-block;
    height: 100px;
    margin-left: 40px;
    width: 70%;
    position: relative;
    float: left;
    border: solid 0px black;
    box-sizing: border-box;
}

.topMenu {
    display: block;
    width: 100%;
    height: 20px;
    margin-top: 20px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    border: solid 0px white;
    box-sizing: border-box;
}

.topMenuItem {
    display: block;
    width: fit-content;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin-right: 30px;
}

.secondMenuItem {
    display: block;
    width: fit-content;
    height: fit-content;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}

.selLingua {
    display: inline-block;
    height: 100px;
    margin-left: 0px;
    width: fit-content;
    position: relative;
    box-sizing: border-box;
    border: solid 0px red;
}

.panelBandiere {
    display: block;
    /*    width: 740px;
*/ width: fit-content;
    margin: 0 auto;
    box-sizing: border-box;
    border: solid 0px red;
}

.bandieraCella {
    width: 100px;
    height: auto;
}

.bandiera {
    display: block;
    width: inherit;
    height: auto;
}

.bandieraCellaSmall {
    width: 30px;
    height: auto;
}


.pannelloWindow {
    display: block;
    position: relative;
    width: 100%;
    min-height: 500px;
    box-sizing: border-box;
    border: solid 0px red;
}

.pannelloWindowLong {
    display: block;
    position: relative;
    width: 100%;
    min-height: 700px;
    overflow-y: scroll;
    box-sizing: border-box;
    border: solid 2px dimgray;
}

.pannelloWindowShort {
    display: block;
    position: relative;
    width: 100%;
    max-height: 300px;
    box-sizing: border-box;
    border: solid 2px dimgray;
}

.pannelloWindow80 {
    display: block;
    position: relative;
    width: 100%;
    /*    margin:0 auto;
*/ min-height: 500px;
    overflow-y: scroll;
    padding: 20px;
    box-sizing: border-box;
    border-bottom: solid 4px dimgray;
}

.pannelloWindowFlex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.boxArea {
    flex: none;
    width: 25%;
    height: 250px;
    background-color: white;
    margin-bottom: 20px;
    margin-left: 20px;
    position: relative;
    box-sizing: border-box;
    border: solid 2px black;
    border-radius: 10px;
}

.panWinBack1 {
    background-image: url("../Images/main1b.png");
    background-size: 100% auto;
}

.panWinBack2 {
    background-color: white;
    /*    background-color: darkgoldenrod;
*/
}

.panWinBack3 {
    background-color: dimgrey;
    /*    background-color: olive;
*/
}

.panWinBack4 {
    background-color: white;
    /*    background-color: burlywood;
*/
}

.panWinBack5 {
    background-color: dimgrey;
    /*    background-color: burlywood;
*/
}

.pannelloWindowFlex300 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
    gap: 100px;
    width: 100%;
    height: 200px;
    padding-top: 30px;
    padding-bottom: 30px;
    border: solid 0px black;
    box-sizing: border-box;
}

.imgWindowFlex {
    display: block;
    flex: none;
    width: 20%;
    height: auto;
}

.imgWindowInt {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1.0;
}

.imgWindowRight {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: inherit;
    opacity: 0.5;
}

.imgWindowLeft {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: inherit;
    opacity: 1.0;
}

.imgWindowLeftResize {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 50%;
    height: auto;
    opacity: 1.0;
}

.imgWindowBordered {
    border: solid 2px black;
    border-radius: 5px;
    box-sizing: border-box;
}

.imgWindowLeftResizeSmall1 {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50px;
    width: 20%;
    height: auto;
    opacity: 1.0;
}

.imgWindowLeftFloat {
    display: inline-block;
    padding-left: 10px;
    width: 55%;
    height: auto;
    opacity: 1.0;
    float: left;
}

.imgWindowRightResize {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 45%;
    height: auto;
    opacity: 1.0;
    border: solid 0px red;
    box-sizing: border-box;
}

.imgWindowRightResizeSmall1 {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    width: 20%;
    height: auto;
    opacity: 1.0;
}

.imgWindowRightFloat {
    display: inline-block;
    padding-right: 10px;
    width: 55%;
    height: auto;
    opacity: 1.0;
    border: solid 0px red;
    box-sizing: border-box;
}

.imgWindowCentre {
    display: block;
    position: relative;
    margin: 40px auto;
    width: 80%;
    height: auto;
    opacity: 1.0;
}

.imgWindowCentre1 {
    display: block;
    position: relative;
    margin: 40px auto;
    width: auto;
    height: 130px;
    opacity: 1.0;
}

.textWindowCommon {
    display: block;
    width: 45%;
    height: 90%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: solid 0px black;
    box-sizing: border-box;
}

.textWindowRight {
    left: 55%;
}

.textWindowLeft {
    left: 0;
}

.textWindowCommon100 {
    display: block;
    width: 90%;
    height: 90%;
    position: relative;
    margin: 20px auto;
    background-color: transparent;
    border: solid 0px red;
    box-sizing: border-box;
}

.textWindowCommonFloat {
    display: inline-block;
    width: 40%;
    height: 90%;
    background-color: transparent;
    border: solid 0px black;
    box-sizing: border-box;
}

.textWindowRightFloat {
}

.textWindowLeftFloat {
    float: left;
}

.topTextWindow {
    display: block;
    width: 90%;
    height: fit-content;
    margin: 20px auto;
    font-family: Verdana, 'Lucida Sans', 'Lucida Sans Unicode', Geneva, sans-serif;
    font-weight: bold;
    font-size: 32px;
    color: black;
}

.bottomTextWindow {
    display: block;
    width: 90%;
    height: fit-content;
    margin: 20px auto;
    font-family: Verdana, 'Lucida Sans', 'Lucida Sans Unicode', Geneva, sans-serif;
    font-weight: normal;
    font-size: 18px;
    text-wrap: normal;
    color: black;
    box-sizing: border-box;
    border: solid 0px blue;
}

.detailTextWindow {
    display: block;
    width: 90%;
    height: fit-content;
    margin: 30px 20px;
    font-family: Verdana, 'Lucida Sans', 'Lucida Sans Unicode', Geneva, sans-serif;
    font-weight: normal;
    font-size: 0.8rem;
    text-wrap: normal;
    color: black;
}

.rigaLabel {
    display: block;
    width: 50%;
    margin-top: 20px;
    height: 30px;
}

.righemodulo1 {
    display: table;
    margin-bottom: 20px;
    border: solid 0px blue;
    box-sizing: border-box;
    font-size: 0.8rem;
    width: 90%;
    margin: 0 auto;
}

.headingModulo {
    display: block;
    width: 90%;
    height: fit-content;
    margin: 0 auto;
    padding-bottom: 20px;
    font-family: Verdana, 'Lucida Sans', 'Lucida Sans Unicode', Geneva, sans-serif;
    font-weight: normal;
    font-size: 1.0rem;
    text-wrap: normal;
    color: black;
}

.font08 {
    font-size: 0.8rem;
}

.listaOrdinata {
    display: block;
    width: 90%;
    height: fit-content;
    color: black;
    font-size: 0.8rem;
    list-style-type: disc;
    margin-left: 20px;
}
/*   FINE ASSEGNAZIONE STILI MENU TESTATA  */



/********************************************************************************/
/*   ASSEGNAZIONE STILI MENU FOOTER  */
.fondo-pagina {
    display: block;
    background-color: #000000;
    width: 100%;
    height: fit-content;
    border: solid 0px red;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 30px;
}

.foot {
    display: block;
    width: fit-content;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.8rem;
    margin: 30px 20px;
    color: #fff;
}

.menufooter {
    border: solid 0px yellow;
    box-sizing: border-box;
    margin: 0px auto;
    width: 80%;
    height: 300px;
    position: relative;
    /*    top: 0px;
    left: 0;
*/ display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    column-gap: 200px;
}

footer {
    border: solid 0px red;
    box-sizing: border-box;
    width: 30%;
    height: fit-content;
    flex: none;
}

.footerHeader {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 10px;
    padding-left: 0px;
}

.footerTopPanel {
    display: block;
    width: inherit;
    margin-bottom: 30px;
    padding-left: 0px;
}

.footerNodoPadre {
    font-size: 1.0rem;
    color: cadetblue;
}

    .footerNodoPadre:hover {
        text-decoration: none;
    }

.footerNodoFiglio {
    font-size: 0.8rem;
    color: teal;
}

    .footerNodoFiglio:hover {
        text-decoration: none;
    }

.listaLink {
    display: block;
    width: fit-content;
    margin: 0;
    padding: 0;
    /*    list-style-type: none;
*/
}

.linkTesto {
    font-size: 1.0rem;
    color: cadetblue;
    text-decoration: none;
}

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

div.footer li {
    border: solid 0px lime;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, Tahoma, Geneva, sans-serif;
    text-align: left;
    font-size: 1.0rem;
    text-decoration: none;
    width: fit-content;
    height: 34px;
    margin: 0;
    padding: 0;
    display: block;
}

/*div.footer a {
    display: block;
    border: solid 0px pink;
    padding: 5px;
    color: cadetblue;
    text-decoration: none;
}


.footer a:hover {
    text-decoration: none;
}
*/
.imgLink {
    display: inline-block;
    float: left;
    width: 50px;
    height: 50px;
}

.imgInLink {
    display: block;
    width: inherit;
    height: inherit;
}


/*   FINE ASSEGNAZIONE STILI MENU FOOTER  */