.vcell.head,.vcell.data {
    display: table-cell;
    width: 12vmin;
    font-size: 2.5vmin;
    /* float: left; */
    min-width: 12vmin;
    background: transparent;
    z-index: 1;
}

.prenos {
    position: absolute;
    width: 100%;
}

.vrow.head,.vrow.data {
    /* overflow: auto; */
    width: 100%;
    position: relative;
    display: flex;
}
.prenogrid{
    overflow:auto;
}
.vcell.campo{
     width: 16vmin;
     min-width: 16vmin;
     
}
.vcell.campofake{
     width: 16vmin;
     min-width: 16vmin;
     position: fixed;
     background: #e2c6c6;
     text-transform: uppercase;
     font-weight: bold;
     text-shadow: none;
     font-size: 2.9vmin;
     left: 0;
}
.vcell.campofake small{
    font-style: italic;
    font-size: 1.8vmin;
}
.vcell{
    box-sizing: border-box;
    border-top: 1px solid;
    padding: 1vmin;
    border-right: 1px dotted;
}
#datesel .ui-block-c {
    width: 50%;
    min-width: 50%;
}

#datesel .ui-block-a, #datesel .ui-block-b, #datesel .ui-block-e, #datesel .ui-block-d {
    width: 12.5%;
    min-width: 12.5;
}
.vcell.data {
    height: 16vmin;
}

.prenoform {
    display: flex;
    flex-flow: column;
    font-size: 3vmin;
}
span.label {
    font-size: 2vmin;
}
.vcell.campofake[sup^="terra"],.h24preno[sup^="terra"]{
    background: #a54a4a;
    color: #FFF;
}
.vcell.campofake[sup^="greenset"],.h24preno[sup^="greenset"]{
    background: #3166dc;
    color: #FFF;
}
.vcell.campofake[sup^="erba sintetica"],.h24preno[sup^="erba sintetica"]{
    background: #46a709;
    color: #FFF;
}
.vcell.campofake[sup^="sintetico"],.h24preno[sup^="sintetico"]{
    background: #929292;
    color: #FFF;
}
.preno.vcell.data {
    position: absolute;
    left: 55vmin;
    top: 0;
    border: 2px solid #888;
    background: #dadada;
    z-index: 1;
}
.preno.vcell.data.new {
    background: #00fb36
}
.vcell.data.deleted {
    background: #ff8e8e;
}

.ui-btn.my-tooltip-btn,
.ui-btn.my-tooltip-btn:hover,
.ui-btn.my-tooltip-btn:active {
    background: none;
    border: 0;
}

a.tooltipTrigger:after {
    background-size: 4vmin;
    margin: 0 !important;
    top: 0;
    left: 0;
    width: 4vmin;
    height: 4vmin;
}
a.tooltipTrigger {
    margin: 0;
    padding: 0;
    width: 4vmin;
    height: 4vmin;
    border-radius: 4vmin;
    background: transparent !important;
    border: none;
}
.today>small {display: block;font-size: 1.5vmin;}
.today {
    font-size: 2vmin !important;
    padding: 0.45vmin;
}
.ui-navbar li .ui-btn {
    font-size: 2vmin;
}
.ui-panel-position-left.ui-panel-display-reveal,.ui-panel-open.ui-panel-position-left {
    left: 0;
    z-index: 2;
    /* border: 1px solid; */
    display: flow-root;
    min-height: 100vh;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px #000;
}
div#loginform {
    background-image: url('./logotcseven.jpg');
    height: 40rem;
    background-size: auto 26rem;
    padding: 12vmin 3vmin;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #ffffff;
    margin: auto;
    width: 24rem;
}
.phead {
    font-size: 1.5vmin;
    font-style: italic;
}

.userFeatures {
    padding-top: 2vmin;
}

.userFeatures:before {content: 'funzioni disponibili:';font-size: 1vmin;}
.menu.item {border: 1px solid #ddd;margin: 1vmin;padding: 1vmin;border-radius: 0.5vmin;cursor: pointer;background: #f6f6f6;text-transform: capitalize;}
.menu.item:hover{
    background: #ededed;
}
.subpghead {
    text-align: center;
    font-weight: bold;
    font-size: 2vmin;
}


.vtab.head,.vtab.datas {
    display: inline-table;
    width: 100%;
    margin: 3vmin;
    margin: 0;
    position: relative;
}

.maestri .vtab.label, .maestri .vtab.field,.maestri .actions {
    display: table-cell;
    width: auto;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 31%;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    font-size:0.8rem;
    text-shadow:none;
    /* box-sizing: border-box; */
}
.maestri .actions {
    width: 6%;
    text-align: center;
}
.maestri .vtab.label{
    background:#666;
    color:#fff;

}
.maestri .vtab.field{
    background:#f6f6f6;
    color:#000;
    padding:2px;

}
.vtab .ui-btn {
    width: 1rem;
    height: 1rem;
    /* position: absolute; */
    /* top: -0.4rem; */
    /* right: 8px; */
}
.vtab .ui-btn:after {
    background-size: 0.7rem;
    background-color: #ff7373;
}
.stats.container {
    border: 1px solid #000;
    padding: 0.5rem;
    margin-top:0.5rem;
    border-radius: 0.3rem;
    box-shadow: 0px 1px 3px 0px #000;
}

.stats.container .label {font-size: 0.8rem;font-style: italic;padding: 0 0.2rem 0 0;transform: scaleX(0.7);display: inline-block;transform-origin: right;width: 10rem;transform-style: flat;/* border: 1px solid; */margin-bottom: -50%;font-weight: bold;}

.stats.container .valore{min-width: 1.3rem;display: inline-block;font-weight: bold;}

.stats.container .totali>div{
    text-align: right;
    line-height: 1rem;
}
.stats.container .totali{
    width: 18rem;
    display: contents;
    flex-flow: column;
}
.stats.container .title{
    width: 100%;
    display: inline-block;
    text-align: center;
    font-weight: bold;
}
.stats.mese.container {
    background: #ddf;
}
.stats.settimana.container {
    background: #ddffe7;
}
.stats.year.container {
    background: #ffeadd;
    margin: 0.5rem;
}

.h24preno {}.h24preno {
    border: 1px solid #000;
    margin: 0.5rem auto;
    padding: 0;
    border-radius: 0.3rem;
    max-width: 23rem;
    display: block;
}
.h24field{
    padding: 0 0.2rem;
    text-shadow: none;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1.3rem;
}
.h24preno .label{
    font-size: 0.8rem;
    font-style: italic;
    font-weight: normal;
}
.h24preno .title{
    background: #464646;
    padding: 0 0.2rem;
    color: #FFF;
    text-shadow: none;
    font-weight: bold;
}
.h24preno .title.cancellata{
    background: #ff0000;
    text-decoration: solid line-through 0.2rem #000;
    text-shadow: none;
}

.subpg.h24 {
    display: flex;
    flex-wrap: wrap;
}

.stats .labx {
    font-size: 0.5rem;
    line-height: 0.6rem !important;
    display: none;
}
.connecteduser {
    /* float: right; */
    position: absolute;
    right: 0;
    top: 0;
    line-height: 0.5rem;
    font-size: 0.5rem;
    padding-right: 0.5rem;
    text-align: right;
    margin-top: 1rem;
}

h1.ui-title {
    position: relative;
}
.connecteduser span.ut {
    color: #ff9292;
}
.dettagliocampi {
    display: inline-block;
    width: max-content;
    border-bottom: 1px solid #000;
    overflow: auto;
    max-width: 100%;
}

span.nomec {
    font-size: 0.7rem;
    padding-left: 0.2rem;
}

span.orec {
    min-width: 1.2rem;
    font-weight: bold;
    display: inline-block;
    border-right: 1px solid #000;
    padding-right: 0.3rem;
    font-size: 0.8rem;
}
.statsbar {
    text-align: center;
    padding: 0.5rem;
    font-size: 0.8rem;
    line-height: 1.6rem;
}
.statsbar span {
    border: 1px solid #000;
    padding: 0.2rem;
    font-size: 0.8rem;
    cursor: pointer;
    background: #dafff7;
    border-radius: 0.2rem;
    box-shadow: 0px 1px 2px #000;
}
input#statsstart,input#statsend {
    max-width: 5rem;
}