.app.web .app-body article .container.areaSaggioClasseDiametricaOnShow .container-header{grid-template-columns:1fr!important}.app.web .app-body article .container.areaSaggioClasseDiametricaOnShow .grid{row-gap:0}.app.web .app-body article .container.areaSaggioClasseDiametricaOnShow .grid .grid-header{grid-template-columns:72px repeat(auto-fill,60px)!important;grid-auto-flow:column}.app.web .app-body article .container.areaSaggioClasseDiametricaOnShow .grid .grid-header span{height:100%;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:5px;font-weight:500}.app.web .app-body article .container.areaSaggioClasseDiametricaOnShow .grid .grid-header span.specie-active{font-weight:600;font-size:1.1rem}.app.web .app-body article .container.areaSaggioClasseDiametricaOnShow .grid .grid-body .grid-item{grid-template-columns:72px repeat(auto-fill,60px)!important;grid-auto-flow:column;min-height:42px}.app.web .app-body article .container.areaSaggioClasseDiametricaOnShow .grid .grid-body .grid-item:hover{background-color:initial;box-shadow:none}.app.web .app-body article .container.areaSaggioClasseDiametricaOnShow .grid .grid-body .grid-item span.classe-diametrica-active{font-weight:600;font-size:1.1rem}.app.web .app-body article .container.areaSaggioClasseDiametricaOnShow .grid .grid-body .grid-item .grid-cell,.app.web .app-body article .container.areaSaggioClasseDiametricaOnShow .grid .grid-body .grid-item .grid-cell-classe-diametrica{height:100%;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:5px}.app.web .app-body article .container.areaSaggioClasseDiametricaOnShow .grid .grid-body .grid-item .grid-cell.active,.app.web .app-body article .container.areaSaggioClasseDiametricaOnShow .grid .grid-body .grid-item .grid-cell:hover{background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.2)}.app.web .app-body article .container.areaSaggioClasseDiametricaOnShow .grid .grid-body .grid-item .grid-cell.active{box-shadow:inset 0 0 6px 0 #306060}.app.web .app-body article .container.areaSaggioClasseDiametrica .container-header{grid-template-columns:1fr!important}.app.web .app-body article .container.areaSaggioClasseDiametrica .container-header.area-saggio-selected{grid-template-columns:1fr 186px!important}.app.web .app-body article .container.areaSaggioClasseDiametrica .container-header.has-classi-diametriche{grid-template-columns:1fr 186px 186px 186px!important}.app.web .app-body article .container.areaSaggioClasseDiametrica .notification-badge{text-align:left}.app.web .app-body article .container.areaSaggioClasseDiametrica .notification-badge strong{font-weight:600;font-size:1.1rem}.app.web .app-body article .container.areaSaggioClasseDiametrica .grid{row-gap:0}.app.web .app-body article .container.areaSaggioClasseDiametrica .grid .grid-header{grid-template-columns:72px repeat(auto-fill,60px)!important;grid-auto-flow:column}.app.web .app-body article .container.areaSaggioClasseDiametrica .grid .grid-header span{height:100%;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:5px;font-weight:500}.app.web .app-body article .container.areaSaggioClasseDiametrica .grid .grid-header span.specie-active{font-weight:600;font-size:1.1rem}.app.web .app-body article .container.areaSaggioClasseDiametrica .grid .grid-body .grid-item{grid-template-columns:72px repeat(auto-fill,60px)!important;grid-auto-flow:column;min-height:42px}.app.web .app-body article .container.areaSaggioClasseDiametrica .grid .grid-body .grid-item:hover{background-color:initial;box-shadow:none}.app.web .app-body article .container.areaSaggioClasseDiametrica .grid .grid-body .grid-item span.classe-diametrica-active{font-weight:600;font-size:1.1rem}.app.web .app-body article .container.areaSaggioClasseDiametrica .grid .grid-body .grid-item .grid-cell,.app.web .app-body article .container.areaSaggioClasseDiametrica .grid .grid-body .grid-item .grid-cell-classe-diametrica{height:100%;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:5px}.app.web .app-body article .container.areaSaggioClasseDiametrica .grid .grid-body .grid-item .grid-cell.active,.app.web .app-body article .container.areaSaggioClasseDiametrica .grid .grid-body .grid-item .grid-cell:hover{background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.2)}.app.web .app-body article .container.areaSaggioClasseDiametrica .grid .grid-body .grid-item .grid-cell.active{box-shadow:inset 0 0 6px 0 #306060}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .buttons-box{margin:0 10px 10px;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .buttons-box .btn-warning{width:auto;padding:7px 13px}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .buttons-box>.increase-decrease{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .buttons-box>.increase-decrease .btn-circle{width:40px;height:40px;margin-left:10px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;border-radius:50%}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .container-header{grid-template-columns:1fr!important}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .container-header.area-saggio-selected{grid-template-columns:1fr 186px!important}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .container-header.has-classi-diametriche{grid-template-columns:1fr 186px 186px 186px!important}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .table-rilievi{width:100%;height:100%;overflow:scroll;position:relative;display:grid;grid-template-rows:1fr;grid-template-columns:1fr}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .table-rilievi::-webkit-scrollbar,.app.mobile .app-body article .container.areaSaggioClasseDiametrica .table-rilievi::-webkit-scrollbar-track{display:none;visibility:hidden}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .table-rilievi::-webkit-scrollbar-thumb{display:none;visibility:hidden}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .table-rilievi td,.app.mobile .app-body article .container.areaSaggioClasseDiametrica .table-rilievi th{border:1px solid #ccc}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .table-rilievi thead th{position:sticky;top:0;background:#fff;border-bottom:2px solid #ccc;height:100%;padding:5px;font-weight:500;text-align:center}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .table-rilievi thead th:first-child{left:0;z-index:1;border-right:2px solid #ccc}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .table-rilievi thead th.specie-active{font-weight:600;font-size:1.1rem}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .table-rilievi tbody .table-item th{font-weight:unset;position:sticky;left:0;background:#fff;border-right:2px solid #ccc}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .table-rilievi tbody .table-item th.classe-diametrica-active{font-weight:600;font-size:1.1rem}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .table-rilievi tbody .table-item .table-cell,.app.mobile .app-body article .container.areaSaggioClasseDiametrica .table-rilievi tbody .table-item .table-cell-classe-diametrica{text-align:center;padding:5px 30px}.app.mobile .app-body article .container.areaSaggioClasseDiametrica .table-rilievi tbody .table-item .table-cell.active{background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:inset 0 0 3px 0 #306060}