@charset "iso-8859-1";
BODY {
  margin: 0px;
  border-collapse: collapse;
  background: #ffffff;
  color: #000000;
  /*font-family: Tahoma,Arial,Helvetica;*/
  font-family: "SFNSText","Helvetica Neue",sans-serif;
  /*font-family: "Roboto",arial,sans-serif;*/
  font-size: 9pt;
  padding: 0px;
  overflow-y:auto;
  height:100%;
  background-color:#ffffff;
}


.overlay{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 51px;
  left: 0;
  z-index: 100000;
  background: rgba(255,255,255,0.8) url("../img/Ajux_loader.gif") center no-repeat;
}
/*
body.loading{
  overflow: hidden;   
}

body.loading .overlay{
  display: block;
}
*/

A:link    { color: #000000; text-decoration: none; }
A:visited { color: #000000; text-decoration: none; }
A:hover   { color: #ff0000; text-decoration: none; }

.hr-inf { height:1px; border:0px none #cccccc; border-bottom:1px solid #cccccc; }

.add-graA {
  background-image: -ms-linear-gradient(top, #F3F3F3 0%, #d0d0d0 100%);
  background-image: -moz-linear-gradient(top, #F3F3F3 0%, #d0d0d0 100%);
  background-image: -o-linear-gradient(top, #F3F3F3 0%, #d0d0d0 100%);
 /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F3F3F3), color-stop(1, #d0d0d0));*/
  background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #d0d0d0 100%);
  background-image: linear-gradient(to bottom, #F3F3F3 0%, #d0d0d0 100%);
}
.add-graAH:hover {
  background-image: -ms-linear-gradient(top, #F3F3F3 0%, #d0d0d0 100%);
  background-image: -moz-linear-gradient(top, #F3F3F3 0%, #d0d0d0 100%);
  background-image: -o-linear-gradient(top, #F3F3F3 0%, #d0d0d0 100%);
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F3F3F3), color-stop(1, #d0d0d0));*/
  background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #d0d0d0 100%);
  background-image: linear-gradient(to bottom, #F3F3F3 0%, #d0d0d0 100%);
}
.add-graB {
  background-image: -ms-linear-gradient(top, #dddddd 0%, #aaaaaa 100%);
  background-image: -moz-linear-gradient(top, #dddddd 0%, #aaaaaa 100%);
  background-image: -o-linear-gradient(top, #dddddd 0%, #aaaaaa 100%);
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dddddd), color-stop(1, #aaaaaa));*/
  background-image: -webkit-linear-gradient(top, #dddddd 0%, #aaaaaa 100%);
  background-image: linear-gradient(to bottom, #dddddd 0%, #aaaaaa 100%);
}
.add-graCH {
  background-image: -ms-linear-gradient(top, #2869D1 0%, #094abe 100%);
  background-image: -moz-linear-gradient(top, #2869D1 0%, #094abe 100%);
  background-image: -o-linear-gradient(top, #2869D1 0%, #094abe 100%);
 /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2869D1), color-stop(1, #094abe));*/
  background-image: -webkit-linear-gradient(top, #2869D1 0%, #094abe 100%);
  background-image: linear-gradient(to bottom, #2869D1 0%, #094abe 100%);
}
.add-graHC:hover {
  background-image: -ms-linear-gradient(top, #2869D1 0%, #69aaff 100%);
  background-image: -moz-linear-gradient(top, #2869D1 0%, #69aaff 100%);
  background-image: -o-linear-gradient(top, #2869D1 0%, #69aaff 100%);
 /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2869D1), color-stop(1, #69aaff));*/
  background-image: -webkit-linear-gradient(top, #2869D1 0%, #69aaff 100%);
  background-image: linear-gradient(to bottom, #2869D1 0%, #69aaff 100%);
}
.add-graDH {
  background-image: -ms-linear-gradient(top, #dce5ff 0%, #c4cde7 100%);
  background-image: -moz-linear-gradient(top, #dce5ff 0%, #c4cde7 100%);
  background-image: -o-linear-gradient(top, #dce5ff 0%, #c4cde7 100%);
 /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dce5ff), color-stop(1, #c4cde7));*/
  background-image: -webkit-linear-gradient(top, #dce5ff 0%, #c4cde7 100%);
  background-image: linear-gradient(to bottom, #dce5ff 0%, #c4cde7 100%);
}
.add-graHD:hover {
  background-image: -ms-linear-gradient(top, #e5eeff 0%, #dce5ff 100%);
  background-image: -moz-linear-gradient(top, #e5eeff 0%, #dce5ff 100%);
  background-image: -o-linear-gradient(top, #e5eeff 0%, #dce5ff 100%);
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5eeff), color-stop(1, #dce5ff));*/
  background-image: -webkit-linear-gradient(top, #e5eeff 0%, #dce5ff 100%);
  background-image: linear-gradient(to bottom, #e5eeff 0%, #dce5ff 100%);
}
.add-graE {
  background-image: -ms-linear-gradient(top, #ffffed 0%, #fffbbf 100%);
  background-image: -moz-linear-gradient(top, #ffffed 0%, #fffbbf 100%);
  background-image: -o-linear-gradient(top, #ffffed 0%, #fffbbf 100%);
 /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffed), color-stop(1, #fffbbf));*/
  background-image: -webkit-linear-gradient(top, #ffffed 0%, #fffbbf 100%);
  background-image: linear-gradient(to bottom, #ffffed 0%, #fffbbf 100%);
}
.add-graRH {
  background-image: -ms-linear-gradient(top, #f8a5a5 0%, #ff0000 100%);
  background-image: -moz-linear-gradient(top, #f8a5a5 0%, #ff0000 100%);
  background-image: -o-linear-gradient(top, #f8a5a5 0%, #ff0000 100%);
 /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8a5a5), color-stop(1, #ff0000));*/
  background-image: -webkit-linear-gradient(top, #f8a5a5 0%, #ff0000 100%);
  background-image: linear-gradient(to bottom, #f8a5a5 0%, #ff0000 100%);
}
.add-graHR:hover {
  background-image: -ms-linear-gradient(top, #ff0000 0%, #f8a5a5 100%);
  background-image: -moz-linear-gradient(top, #ff0000 0%, #f8a5a5 100%);
  background-image: -o-linear-gradient(top, #ff0000 0%, #f8a5a5 100%);
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8a5a5), color-stop(1, #ff8181));*/
  background-image: -webkit-linear-gradient(top, #ff0000 0%, #f8a5a5 100%);
  background-image: linear-gradient(to bottom, #ff0000 0%, #f8a5a5 100%);
}
.add-graVH {
  background-image: -ms-linear-gradient(top, #4ccc4c 0%, #008000 100%);
  background-image: -moz-linear-gradient(top, #4ccc4c 0%, #008000 100%);
  background-image: -o-linear-gradient(top, #4ccc4c 0%, #008000 100%);
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4ccc4c), color-stop(1, #008000));*/
  background-image: -webkit-linear-gradient(top, #4ccc4c 0%, #008000 100%);
  background-image: linear-gradient(to bottom, #4ccc4c 0%, #008000 100%);
}
.add-graHV:hover {
  background-image: -ms-linear-gradient(top, #008000 0%, #7ef87e 100%);
  background-image: -moz-linear-gradient(top, #008000 0%, #7ef87e 100%);
  background-image: -o-linear-gradient(top, #008000 0%, #7ef87e 100%);
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008000), color-stop(1, #7ef87e));*/
  background-image: -webkit-linear-gradient(top, #008000 0%, #7ef87e 100%);
  background-image: linear-gradient(to bottom, #008000 0%, #7ef87e 100%);
}
.add-graYH {
  background-image: -ms-linear-gradient(top, #f6f6c9 0%, #ffff00 100%);
  background-image: -moz-linear-gradient(top, #f6f6c9 0%, #ffff00 100%);
  background-image: -o-linear-gradient(top, #f6f6c9 0%, #ffff00 100%);
 /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6f6c9), color-stop(1, #ffff00));*/
  background-image: -webkit-linear-gradient(top, #f6f6c9 0%, #ffff00 100%);
  background-image: linear-gradient(to bottom, #f6f6c9 0%, #ffff00 100%);
}
.add-graN { background-image:linear-gradient(to top, #ababab 0%, #cccccc 100%); }
.add-graGnH {
  background-image: -ms-linear-gradient(top, #00FC7E 0%, #02C966 100%);
  background-image: -moz-linear-gradient(top, #00FC7E 0%, #02C966 100%);
  background-image: -o-linear-gradient(top, #00FC7E 0%, #02C966 100%);
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00FC7E), color-stop(1, #02C966));*/
  background-image: -webkit-linear-gradient(top, #00FC7E 0%, #02C966 100%);
  background-image: linear-gradient(to bottom, #00FC7E 0%, #02C966 100%);
}

.add-ombp {
  -moz-box-shadow: 0px  2px 0px #dedede, 
                   0px -2px 0px #dedede,
                   2px -2px 0px #dedede,
                  -0px  0px 0px #dedede;
  -webkit-box-shadow: 0px  2px 0px #dedede, 
                      0px -2px 0px #dedede,
                      2px -2px 0px #dedede,
                     -0px  0px 0px #dedede;
  box-shadow: 0px  2px 0px #dedede, 
              0px -2px 0px #dedede,
              2px -2px 0px #dedede,
              0px  0px 0px #dedede;
    
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#dedede', Direction=45, Strength=0),
                progid:DXImageTransform.Microsoft.Shadow(color='#dedede', Direction=135, Strength=2),
                progid:DXImageTransform.Microsoft.Shadow(color='#dedede', Direction=225, Strength=2),
                progid:DXImageTransform.Microsoft.Shadow(color='#dedede', Direction=0, Strength=0);
}

.add-gri { box-shadow:0px 0px 8px 0px #cccccc; }
.add-sfu {
  -webkit-box-shadow:0 0 3px 1px #dedede;
  -moz-box-shadow:0 0 3px 1px #dedede;
  box-shadow:0 0 3px 1px #dedede;
}
.add-omb { box-shadow:0px 0px 8px 0px #444444; }
.add-ombm { box-shadow:0px 0px 4px 0px #444444; }
.add-ombH:hover { box-shadow:0px 0px 8px 0px #444444; }
.add-ombR { box-shadow:0px 0px 6px 0px #0a4ab2; }
.add-sto { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.add-ton { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.add-cen { text-align:center; }
.add-etic { border:1px solid #cccccc; border-top-left-radius:0.5em; border-top-right-radius:0.5em; }
.add-eti { border:1px solid #cccccc; border-top-left-radius:1em; border-top-right-radius:1em; }
.add-inf { border:1px solid #cccccc; border-bottom-left-radius:1em; border-bottom-right-radius:1em; }
.add-hel { cursor:help }
.add-def { cursor:default }
.add-poi { cursor:pointer }
.add-opa { opacity:0.5; }
.add-SCROLL { overflow-x:hidden; overflow-y:auto; left:0px;right:0px; top:0px; }
.add-nosel {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.add-sel:hover { background-color:#000000; color:#ffffff; cursor:pointer; }
.adi-inl { display:inline-block; }
.add-colblue { background-color:#0078D6; color:#ffffff; opacity:0.6; }
.add-colblue:hover { opacity:1; }
.add-colgray { border:1px solid #888888; background-color:#ffffff; color:#444444; opacity:0.6; }
.add-colgray:hover { opacity:1; }
.add-colred { background-color:#E62E00; color:#ffffff; opacity:0.6; }
.add-colred:hover { opacity:1; }
.add-colgreen { background-color:#89D999; color:#ffffff; color:#000000; opacity:0.6; }
.add-colgreen:hover { opacity:1; color:#444444; }
.add-colyellow { border:1px solid #888888; background-color:#FFF600; color:#444444; opacity:0.6; }
.add-colyellow:hover { opacity:1; }
.add-taglia { text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.add-contoH:hover { box-shadow:0px 0px 2px 0px #009BCF; }
.add-cursor { cursor:pointer; }

.cgrigio { background-color: #ababab; }

.div-TORNA { position:absolute; top:30px; left:30px; display:inline-block; margin:auto; padding:6px; background-color:#d2d2d2; cursor:pointer; }
.div-TORNA:hover { background-color:#a2a2a2; } 
.div-UP { position:absolute; display:none; margin:auto; width:90%; padding:8px; top:0px; left:5%; text-align:left; background-color:#fffccc; color:#000000; z-index:30000; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:2px solid #000000; opacity:0.9; }
.div-GEN { display:block; margin:auto; width:100%; padding:0px; }
.div-LOG { display:block; margin:auto; width:50%; padding:8px; border:2px solid #000000; background-color:#f2f2f2; margin-top: 100px;}
.div-SFONDO { z-index:24000; display:none; margin:auto; position:fixed; padding:0px; top:0px; width:100%; height:100%; background-color:#555; opacity:0.5; }
.div-OVER { z-index:25000; display:none; position:absolute; width:70%; top:5%; left:15%; min-height:80%; margin:auto; padding:2px; text-align:left; background-color:#aaaaaa; border:2px solid #777777; cursor:default; }
/*.div-OVER:hover { box-shadow:0px 0px 4px 4px #799BB3; }*/
.div-WAIT { display:none; position:absolute; top:35%; left:45%; margin:auto; padding:2px; text-align:center; background-color:#ffffff; border:2px solid rgb(0, 0, 0); z-index:20000; }
.div-OVEROVER { overflow-y: auto; display:none; margin:auto; padding:2px; position:fixed; width:68%; height:80%; top:15%; left:16%; border:2px solid #444; background-color:#fff; z-index: 1000;}
.div-OVEROVER2 { display:none; margin:auto; padding:2px; position:fixed; width:68%; height:80%; top:15%; left:16%; border:2px solid #444; background-color:#aaaaaa; }
.div-OverScroll { overflow-x:hidden; overflow-y:scroll; padding:0px; margin:0px; position:relative; height:86%; }  

.div-Over-Bottoni { display:block; padding:4px 0px 3px; text-align:center; background-color:#fff; position:absolute; bottom:2px; width:99.2%; margin-left:2px; border-radius: 5px; }              

.div-SUP { z-index:3210; display:block; width:100%; margin:auto; padding:0px; position:fixed; height:55px; background-color:#f5f6f7; }
.div-SIN { display:none; width:16%; margin:auto; padding:0px; position:fixed; left:0px; top:83px; background-color:#ececec; height:100%; }
.div-CENTRO { display:block; margin:auto; padding:0px; position:fixed; top:51px; right:0px; bottom:48px; }

.div-CONTIENE { display:inline-block; padding:14px; }
.div-IMG64 { display:inline-block; padding:6px; border:1px solid #cccccc; text-align:center; }
.div-IMG64:hover { border:1px solid #000000; cursor:pointer; }

.div-TITDITTE { position:relative; display:block; width:100%; padding:0px; left:0px; border:1px solid #ffffff; background-color:#f0f0f0; }
.div-ELEDITTE { position:relative; display:block; width:100%; padding:0px; left:0px; overflow-y:auto; }
.div-TITTAB { display:block; margin:auto; padding:0px 4px 0px 4px; border:1px solid #cccccc; text-align:left; }
.div-ELETAB { display:block; margin:auto; padding:4px; border:1px solid #cccccc; text-align:left; }
.div-ELETAB:hover { background-color:#fffccc; cursor:pointer; }
.div-TITELE { display:inline-block; padding:4px; }
.div-SELELE { display:inline-block; padding:4px; border-left:1px solid #cccccc; }
.div-ELEINPg { display:block; margin:auto; padding:0px 8px 0px 8px; text-align:left; background-color:#f3f3f3; }
.div-ELEINPb { display:block; margin:auto; padding:0px 8px 0px 8px; text-align:left; background-color:#ffffff; }
.div-TXTINP { display:inline-block; padding:2px 4px 2px 4px; width:16%; }
.div-INSINP { display:inline-block; padding:2px 4px 2px 4px; width:81%; }
.div-INFGES { position:fixed; display:inline-block; padding:4px; right:4px; font-size:8pt; }
.div-LOGALT { display:none; padding:0px 0px 4px 12px; color:red; font-size:14pt; }
.div-RIC { display:block; padding:4px 8px 4px 8px; border:0px none #cccccc; background-color:#f3f3f3; }
.div-RICsub { display:inline-block; padding:2px 6px 2px 6px; border:1px solid #cccccc; color:#808080; cursor:default; }
.div-CONTETIC { display:block; margin:auto; padding:2px 8px 0px 8px; text-align:left; border-bottom:1px solid #808080; background-color:#ffffff; }
.div-ETIC { display:inline-block; margin:auto; padding:3px 8px 3px 8px; border:1px solid #808080; background-color:#cccccc; color:#000000; font-weight:bold; cursor:pointer; }
.div-ETIC:hover { background-color:#fafad2; }
.div-ETICsel { background-color:#fff000; }
.div-TAB { display:none; margin:auto; padding:0px; width:100%; border:0px; background-color:#ffffff; color:#000000; text-align:left; }
.div-TABwin { margin:auto; padding:0px; width:100%; border:0px; background-color:#ffffff; color:#000000; text-align:left; }
.div-TABELE { display:inline-block; padding:0px; border:1px solid #cccccc; width:auto;}
.div-SELtitrap { display:block; width:auto; margin:auto; padding:0px; cursor:pointer; background-color:#ffffff; }
.div-SELtitrap:hover { background-color:#fffccc; }
.div-NOSEL { display:block; width:auto; margin:auto; padding:0px; cursor:default; background-color:#ffffff; }
.div-NOSEL:hover { background-color:#fffccc; }
.div-RICERCA { display:none; border:2px solid #000000; padding:6px; background-color:#ffffff; }
.div-WINGEN { display:block; margin:auto; padding:4px 0px 4px 0px; border:1px solid #cccccc; }
.div-WINGIN { display:inline-block; padding:0px; padding-left:2px; border-left:1px solid #cccccc; text-align:center; font-weight:bold; }
.div-WINTIT { display:block; margin:auto; padding:0px; padding-left:2px; }
.div-WINTIT:hover { background-color:#fffccc; cursor:pointer; }
.div-WINTITG { display:block; margin:auto; padding:0px; padding-left:2px; background-color:#f2f2f2; }
.div-WINTITG:hover { background-color:#fffccc; cursor:pointer; }
.div-WINTIN { display:inline-block; padding:0px; padding-left:2px; border-left:1px solid #cccccc; }
.div-WINSEL { background-color:#fffccc; }
.div-BOX { display:inline-block; padding:4px; border:1px solid #cccccc; }
.div-CONDATA { height:36px; }
.div-LOGSUB { position:relative; margin:auto; padding:8px; border:1px solid #909090; box-sizing: border-box;}
.div-LOGSUB:hover { border:1px solid #000000; }
.div-LOGIMG { height:100%; margin:auto; padding:8px; display:inline-block; }
.div-LOGPASS { height:100%; margin:auto; margin-left: 10px; padding:8px; display:inline-block; }
.div-SUBMIT { display:block; margin:auto; padding:0px; width:100%; text-align:center; border:0px none #a0a0a0; }
.div-SUBCHK { display:inline-block; margin:auto; padding:0px; border:0px solid; }
.div-ricerca { display:inline-block; padding:0px; padding-left:4px; }
.div-CENscorre { display:block; position:absolute; top:34px; bottom:0px; right:0px; padding:4px 0px; width:100%; overflow-y:scroll; overflow-x:hidden; }
.div-RIGOINP { display:block; padding:2px 4px; }
.div-Seleziona { display:inline-block; margin:auto; padding:2px; border:1px solid #002EFA; cursor:pointer; }
.div-SPOSTA { display:block; min-height:18px; padding:2px 4px; border:1px solid #cccccc; background-color:#888888; color:#ffffff; cursor:move; }

.div-MENsin { margin:auto; width:95%; padding:0px; display:none; text-align:left; background-color:#ffffff; border:1px solid #c0c0c0; }
.smenu { padding:0px; padding-left:18px; cursor:default; list-style-type:initial; }
.smenu li { padding:4px; }
.smenu li:hover { cursor:pointer; background-color:#e5e5e5; }

.spa-ACC { font-size:14pt; font-weight:bold; color:#ABA1A3; text-align:center; text-shadow: 2px 2px 0 #ffffff;}
.spa-DATAL { display:inline-block; width:94%; padding:4px; border:1px solid #cccccc; background-color:#ffffff; color:#094ab2; cursor:default; }
.spa-DATALN { display:inline-block; width:88%; padding:4px; border:1px solid #cacaca; background-color:#ffffff; cursor:default; font-style:italic; }
.spa-OPZL { display:block; margin:auto; padding:10px 8px 10px 8px; text-align:left; font-size:12pt; color:#000000; }
.spa-OPZL:hover { background-color:#dcdcdc; cursor:pointer; }
.spa-OPZsel { background-color:#cecece; }
.spa-UPinf { display:inline-block; width:10%; padding:0px; }
.spa-UPcld { position:inherit; display:inline-block; padding:0px; top:4px; right:8px; }
.spa-INS { padding:2px 4px 2px 4px; background-color:#ffffff; border:1px solid #808080; cursor:pointer; }
.spa-INS:hover { background-color:#fff000; border:1px solid #2869d1; }
.spa-dist { display:inline-block; width:120px; }
.spa-ELEtab { display:inline-block; padding:0px 0px 0px 2px; border-left:1px solid #cccccc; } 
.spa-ELEsup { display:inline-block; padding:0px; } 
.spa-menuveloce { padding:0px 2px; }
/*.spa-menuveloce:hover { background-color:#cccccc; color:#ffffff; }*/
.spa-TAB { padding:0px 3px; border:1px solid #555555; border-bottom:1px solid #aaaaaa; cursor:pointer; }
.spa-TAB:hover { background-color:#ffffff; font-weight:bold; color:blue; }

.i-ICO01 { padding:0px; border:0px none; width:24px; height:24px; vertical-align:middle; }

.img-CHK { background-image:url('img/klaus.png'); }
.img-16 { padding:0px; width:16px; height:16px; vertical-align:middle; cursor:pointer; }
.img-24 { padding:0px; width:24px; height:24px; line-height:24px; vertical-align:middle; }
.img-24B { padding:0px; padding:3px; width:24px; height:24px; line-height:40px; border:1px solid #000000; vertical-align:middle; background-color:#ffffff; cursor:pointer;  }
.img-48 { width:48px; height:48px; }
.img-64 { width:64px; height:64px; }
.img-ver { cursor:default; vertical-align:middle; }
.img-ditta { height:40px; cursor:default; padding: 9px; }
.img-CLOSE { width:32px; height:32px; cursor:pointer; vertical-align:middle; }
.img-LOGO { max-width:30%; /*max-height:83px;*/ cursor:default; vertical-align:middle; }
.img-RIC { width:16px; height:16px; cursor:pointer; vertical-align:middle; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); filter:grayscale(100%); }
.img-RIC:hover { background-color:#ffffff; -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); filter:grayscale(0%); }
.img-main { float:right; width:16px; height:16px; vertical-align:middle; }
.img-prn { width: 24px; height:24px; }

.inp-submit { padding:3px 10px; border:0px none; font-size:11pt; font-weight:bold; cursor:pointer; }
.inp-submit:hover {  }

.inp-LOG { background-color:#f2f2f2; padding:8px; border:1px solid #f2f2f2; vertical-align:middle; font-weight:bold; }
.inp-LOG:hover { border:1px solid #cccccc; }
.inp-LOG:focus { border:1px solid #888888; background-color:#ffffff; }
.inp-LOGZ:focus { border:1px solid #094ab1; }
.inp-LOGZ:hover { border:1px solid #9c9c9c; }

.inp-DATI { background-color:#ffffff; padding:4px; border:1px solid #cccccc; }
.inp-DATI:focus { background-color:#ffffff; border:1px solid #094ab1; }
.inp-DATI:hover { background-color:#f2f2f2; border:1px solid #9c9c9c; }

.inp-DATIe { padding:0px; border:none; }
.inp-DATIe:focus { background-color:#ffffff; padding:0px; border:none; }
.inp-DATIe:hover { background-color:#fffccc; padding:0px; border:none; }

.inp-DATIS { background-color:#f2f2f2; padding:4px; border:1px solid #000000; cursor:pointer; text-align:center; readonly:readonly; }
.inp-DATIS:hover { background-color:#aff15a; }

.inp-DATID { background-color:#f2f2f2; padding:0px 4px 0px 4px; border:0px none; width:98%; cursor:pointer; font-size:9pt; text-align:center; readonly:readonly; }
.inp-DATID:hover { background-color:#aff15a; }
.inp-DATIDD { background-color:#ffffff; color:#000000; padding:0px; border:0px; font-size:9pt; }

.inp-DATIV { background-color:#ffffff; color:#000000; padding:0px; border:0px; }

.inp-FIND { background-color:#ffffff; padding:2px; border:1px solid #cccccc; font-size:10pt; }
.inp-FIND:focus { background-color:#ffffff; border:1px solid #094ab1; }
.inp-FIND:hover { background-color:#f2f2f2; border:1px solid #9c9c9c; }

.inp-SUBLOG { width:100%; background-color:#3576de; border:1px solid #3576de; padding:8px 12px 8px 12px; color:#ffffff; font-weight:bold; cursor:pointer; }
.inp-SUBLOG:hover { background-color:#094ab2; border:1px solid #094ab2; }
.inp-SUB { background-color:#094ab2; border:1px solid #3576de; padding:4px 8px 4px 8px; color:#ffffff; font-weight:bold; cursor:pointer; }
.inp-SUB:hover { background-color:#3576de; border:1px solid #094ab2; }
.inp-SEL { background-color:#094ab2; border:1px solid #008000; padding:4px 8px 4px 8px; color:#ffffff; font-weight:bold; cursor:pointer; }
.inp-SEL:hover { background-color:#3576de; border:1px solid #005000; }
.inp-DEL { background-color:#ff8181; border:1px solid #ff0000; padding:4px 8px 4px 8px; color:#ffffff; font-weight:bold; cursor:pointer; }
.inp-DEL:hover { background-color:#3576de; border:1px solid #ff0000; }
.inp-frmprn { padding:1px 6px; vertical-align:bottom; width:26px; height:26px; border:1px solid #cccccc; background-color:#ffffff;}
.inp-frmprn:hover { background-color:#cccccc; border:1px solid #aaaaaa; }
.inp-ricerca { padding:0px; border:0px none #cccccc; color:blue; }
.inp-noborder { border:0px none; padding:0px; } 

.but-frmprn { padding:1px 1px; vertical-align:middle; width:40px; height:30px; border:1px solid #cccccc; background-color:#ffffff; cursor:pointer; }
.but-frmprn:hover { background-color:#cccccc; border:1px solid #aaaaaa; }
.but-ricerca { padding:0px; border:0px none #cccccc; cursor:pointer; background-color:#ffffff; vertical-align:middle; opacity:0.5; }
.but-ricerca:hover { opacity:1; }

.but-FIND { border:0px; }

.add-hgray:hover { background-color:#cdcdcd; }

.div-nuovo { position:relative; display:inline-block; padding:4px 8px; border:1px solid #999999; background-color:#ffffff; 
              color:#000000; cursor:pointer; font-size:10pt; font-weight:bold; }
.div-nuovo:hover { background-color:#ececec; color:#000000; }
.div-storico { position:relative; display:inline-block; padding:4px 8px; border:1px solid #0257DE; background-color:#3576de; 
              color:#FFF; cursor:pointer; font-size:10pt; font-weight:bold; }
.div-storico:hover { background-color:#ececec; color:#000000; border:1px solid #999999; }
.div-indietro { position:relative; display:inline-block; padding:4px 8px; border:1px solid #999999; background-color:#cbcbcb; 
                color:#000000; cursor:pointer; font-size:10pt; font-weight:bold; }
.div-indietro:hover { background-color:#ececec; color:#000000; }
.div-aggiorna { position:relative; display:inline-flex; padding:4px; border:0px none #cccccc; background-color:trasparent!; 
                float:right; right:10px; color:#000000; cursor:pointer; font-size:10pt; font-weight:bold; opacity:0.4; }
.div-aggiorna:hover { opacity:1; }
.div-butplan { display:inline-block; padding:0px 6px; border:1px solid #888; color:#000; cursor:pointer; }
.div-butplan:hover { background-color:#888; color:#fff; border:1px solid #ccc; }

.div-sele { display:inline-block; border:1px solid #000000; padding:3px 6px; cursor:pointer; }
.div-sele:hover { background-color:#cccccc; } 
.div-conann { display:inline-block; padding:3px 10px; cursor:pointer; font-size:11pt; font-weight:bold; /*text-shadow:1px 1px #ffffff;*/ }
.div-conann:hover { xbackground-color:#cccccc; }
.div-butgri { display:inline-block; padding:8px; width:80px; height:80px; border:1px dotted #aaaaaa; background-repeat:no-repeat; background-position:center;  background-size: 64px 64px; background-image:url("img/griglia.png");  cursor:pointer; }
.div-butgri:hover { background-color:#cfcfcf; }
.div-butpas { display:inline-block; padding:8px; width:80px; height:80px; border:1px dotted #cccccc; background-repeat:no-repeat; background-position:center;  background-size: 64px 64px; background-image:url("img/setting.png");  cursor:pointer; }
.div-butpas:hover { background-color:#cfcfcf; }
.div-butute { display:inline-block; padding:8px; width:80px; height:80px; border:1px dotted #cccccc; background-repeat:no-repeat; background-position:center;  background-size: 64px 64px; background-image:url("img/utente.png");  cursor:pointer; }
.div-butute:hover { background-color:#cfcfcf; }
.div-butaut { display:inline-block; padding:8px; width:80px; height:80px; border:1px dotted #cccccc; background-repeat:no-repeat; background-position:center;  background-size: 64px 64px; background-image:url("img/automezzo.png");  cursor:pointer; }
.div-butaut:hover { background-color:#cfcfcf; }
.div-butcli { display:inline-block; padding:8px; width:80px; height:80px; border:1px dotted #cccccc; background-repeat:no-repeat; background-position:center;  background-size: 64px 64px; background-image:url("img/clients.png");  cursor:pointer; }
.div-butcli:hover { background-color:#cfcfcf; }
.div-butimp { display:inline-block; padding:8px; width:80px; height:80px; border:1px dotted #cccccc; background-repeat:no-repeat; background-position:center;  background-size: 64px 64px; background-image:url("img/import.png");  cursor:pointer; }
.div-butimp:hover { background-color:#cfcfcf; }
.div-butdel { display:inline-block; padding:8px; width:80px; height:80px; border:1px dotted #cccccc; background-repeat:no-repeat; background-position:center;  background-size: 64px 64px; background-image:url("img/trash.png");  cursor:pointer; }
.div-butdel:hover { background-color:#cfcfcf; }
.div-ClienteInfo { display:inline-block; min-height:16px; padding:0px 4px; border:1px solid #ccc; }

.div-subtab1 { margin-bottom:2px; padding:2px; border:2px solid #309ae6; cursor:pointer; background-color:#ffffff; opacity:0.7; }
.div-subtab1:hover { border:2px solid #D78315; opacity:1; }
.div-subtab2 { margin-bottom:2px; padding:2px; border:2px solid #cccccc; cursor:pointer; background-color:#ffffff; opacity:0.7; }
.div-subtab2:hover { border:2px solid #D78315; opacity:1; }

.div-click-info01 { vertical-align:middle; margin:0px 0px 3px 0px; height:24px; display:inline-block; padding:0px; width:24px; height:24px; background-repeat:no-repeat; background-position:center;  background-size: 24px 24px; background-image:url("img/info.png");  cursor:pointer; }
.div-info01 { z-index:100; display:none; position:absolute; top:0px; left:1px; max-height:200px; width:99%; padding:0px; background-color:#505050; cursor:pointer; color:#ffffff; opacity:0.9; }
.div-INPDATA { z-index:200; position:absolute; display:none; margin:auto; border:1px solid #094ab1; padding:6px; background-color:#efefef; }
.div-MainWeek { z-index:20000; position:absolute; display:none; border:1px solid #666666; padding:6px; top:0px; background-color:#efefef; width:20%; }
.div-usercheck { display:none; padding:4px; border:1px solid #cccccc; background-color:#ffffff; }
.div-uplegenda { padding:2px 0px 1px 12px; background-color:#f5f6f7; border-top:1px solid #e5e6e7; border-bottom:1px solid #e5e6e7; }
.div-riduce { margin:auto; padding:7px 6px 7px 0px; text-align:center; font-size:1vw; background-color:#cccccc; font-weight:bold; cursor:default; }
/*.div-riduce:hover { background-color:#aaaaaa; color:#ffffff; }*/
.div-riduce:hover .img-main { filter:invert(100%); }
.div-MenuRid { z-index:20000; display:none; float:right; position:relative; min-width:80px; margin:8px; padding:8px; background-color:#c9c9c9; font-weight:bold; border:0px solid #cbcbcb; text-align:center;}
/*.div-MenuRid:hover { background-color:#fffccc; }*/
.div-totali { display:inline-block; position:fixed; top:55px; right:46px; width:50%; padding:2px; border:1px solid #666666; background-color:#FFE4D9; font-size:1vw; text-align:center; }
.div-butdown { display:inline-block; position:relative; float:right; padding:0px 6px; cursor:pointer; }
/*.div-butdown:hover { background-color:#FFC3AB; }*/
.div-totmese { display:inline-block; margin:auto; padding:0px 4px; border:1px solid #cccccc; background-color:#ffffff; }
.div-upscroll { display:inline-block; position:fixed; bottom:0px; right:0px; margin:auto; padding:4px; border:2px solid #888888; width:16px; height:16px; background-color:#A5C3FA; 
               font-size:1vw; cursor:pointer; vertical-align:bottom; background-image:url("img/up.png"); background-repeat:no-repeat; background-size: 16px 16px; background-position:center; }

.div-attcol { z-index:123; position:absolute; display:inline-block; margin:auto; padding:0px 2px; 
             font-size:8pt; cursor:pointer; opacity:0.7; color:#000000; border-left:2px dotted #444; 
             border-top:1px solid #444; border-bottom:1px solid #444; word-break:keep-all; width:60px; top:-5px; } 
.div-attcol:hover { opacity:1; z-index:124; border:1px solid #cccccc; 
                    border-left:2px dotted #ffffff; border-top:1px solid #ffffff; }  
                    
.div-effetti { mix-blend-mode:screen; }                    
                       
.div-InfoAtt { z-index:200; position:fixed; display:none; margin:0 auto; top:15%; left:10%; width:80%; height:70%; border:1px solid #555555; background-color:#f6f6f6; }

.div-ClieAtte { z-index:300; position:fixed; display:none; min-width:22%; height:80%; padding:2px; top:12%; border:1px solid #555555; background-color:#f6f6f6; }         

.spa-nascondi { float:right; color:#D78315; cursor:pointer; padding:0px 2px; font-weight:normal; border:1px solid #fbfbfb; }
.spa-nascondi:hover { background-color:#D78315; color:#ffffff; }

.spa-selweek { padding:2px 2px; border:1px solid #ededed; cursor:pointer; }
.spa-selweek:hover { background-color:#fff; border:1px solid #ccc; }

.div-addass { z-index:80; display:none; position:absolute; bottom:1px; right:1px; padding:0px; width:16px; height:16px; background-repeat:no-repeat; background-position:center;  background-size: 16px 16px; background-image:url("img/add.png");  cursor:pointer; }

.div-addorag { z-index:80; display:none; position:absolute; top:0px; right:0px; padding:0px 2px; font-size:9pt; cursor:pointer; border:1px solid transparent; }
.div-addorag:hover { background-color:#CFFDFF; color:#000000; border:1px solid #888888; border-right:1px solid #000000; }

.div-selweek { display:inline-block; position:relative; border:1px solid #cccccc; padding:2px 10px; background-color:#f5f6f7; font-size:12pt; cursor:pointer; }
.div-selweek:hover { background-color:#ffffff; border:1px solid #00BFFF; }

.th-oraora { background-color:#cccccc; }
.td-addora:hover .div-addora { display:inline-block; } 
/*.td-addora:hover .div-InfoAtt { display:inline-block; color:#acacac; }*/

.td-utegio { padding:0px; vertical-align:top; }
.td-utegio:hover .div-addass { display:block; }

.td-tecnico { color:#000000; }
/*.td-tecnico:hover .tr-griglia { background-color:#cccccc; }*/
/*.tr-griglia { cursor:default; }*/

.ul-menu { list-style-type:none; padding:4px 4px; background-color:trasparent; color:#707070; }
.ul-menu li { padding:6px; margin:0px; cursor:pointer; font-size:1vw; font-weight:bold; border:0px none; border-bottom:1px solid #bcbcbc; }
.ul-menu li:hover { background-color:#cfcfcf; } 
.ul-menu li:hover .img-main { filter:invert(100%); }
.li-menuH { background-color:#a0a0a0; color:#ffffff; } 

.ul-menusub { display:none; list-style-type:none; padding:4px 4px; background-color:trasparent; color:#707070; }
.ul-menusub li { padding:4px; margin:4px 2px; cursor:pointer; border:0px none; border-bottom:1px solid #bcbcbc; }
.ul-menusub li:hover { background-color:#cfcfcf; }

.ul-menuup { display:none; list-style-type:none; margin:0px; margin-top:6px; padding:2px; background-color:trasparent; color:#707070; }
.ul-menuup li { padding:2px; margin:0px; cursor:pointer; font-size:1vw; border:0px none; border-top:1px solid #cccccc; }
.ul-menuup li:hover { background-color:#ededed; }  

.ul-addnuovo { list-style-type:none; margin:0px; margin-top:6px; padding:2px; background-color:#ccc; color:#000; position:absolute; }
.ul-addnuovo li { padding:2px 4px; margin:0px; cursor:pointer; font-size:1vw; border:0px none; }
.ul-addnuovo li:hover { background-color:#fff; color:#000; }  

.ul-menufunzioni { z-index:10000; display:none; position:absolute; top:12px; right:14px; list-style-type:none; padding:4px 4px; background-color:#f5f5f5; border:1px solid #888; color:#707070; font-size:0.8vw; white-space: nowrap; }
.ul-menufunzioni li { padding:4px; margin:4px 2px; cursor:pointer; border:0px none; }
.ul-menufunzioni li:hover { background-color:#cfcfcf; }

.tb-Attivita { border:1px solid #cccccc; padding:0px; width:99%; margin:auto; cursor:pointer; }
.tb-Attivita tr:hover { background-color:#F6FCD6; }
.tb-Attivita tr:nth-child(odd){ background-color: #f2f2f2; }
.tb-Attivita tr:hover:nth-child(odd){ background-color: #F6FCD6; }
.tb-Attivita th { background-color:#cecece; }
.tb-Attivita th, td { border:0px none; border-right:1px solid #cccccc; padding:1px 3px; }

.tb-griglia { border:1px solid #cccccc; padding:0px; width:98%; margin:auto; cursor:pointer; table-layout:auto; }
.tb-griglia tr:hover { background-color:#D2F0FA; }
.tb-griglia tr:nth-child(odd){ background-color: #f2f2f2; }
.tb-griglia tr:hover:nth-child(odd){ background-color: #D2F0FA; }
.tb-griglia th, td { position:relative; border:0px none; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; padding:3px; font-size:1vw; }
.tb-griglia th { background-color:#cecece; border-bottom:1px solid #aaaaaa; }

/*.div-CENsettima { display:block; position:absolute; top:36px; bottom:50px; width:100%; padding:0px; overflow-x:auto; overflow-y:auto; white-space:nowrap; }*/
.div-CENsettima { display:block; width:100%; position:absolute; padding:0px; top:32px; background-color:#e5e5e5; }
.div-LEGENDA { position:relative; display:inline-block; top:-8px; left:50px; padding:2px; border:1px dotted #888; font-size:90%; }

.tb-settima { display:table; table-layout:fixed; border:0px none; padding:0px; min-width:100%; width:auto; margin:auto; cursor:default; font-size:1vw; border-collapse:separate; border-spacing:2px 0px; } /* border-spacing:3px; */
.tb-settima tbody { display:block; overflow-x:auto; overflow-y:hidden; }
.tb-settimaOK tbody { display:block; }
.tb-settima th { height:32px; background-color:#cecece; border:1px solid #cecece; padding:0px; cursor:default; border:1px solid #aaa; }
.tb-settima th:hover { background-color:#f5f5f5; border:1px solid #000000; }
.tb-settima td { border:0px none #abc012; padding:0px; height:34px; cursor:default; border-bottom:1px solid #ccc; border-right:1px solid #aaa; color:#888; }
.td-prova td { width:60px; min-width:60px; max-width:60px; background-color:#888; }

.tb-settima td:hover .div-addora { display:inline-block; }
.tb-settima td:hover { background-color:#ececec; }

.div-grigioora { opacity:0.7; border-top:1px solid #888; border-bottom:1px solid #888; border-left:1px dotted #888; min-width:30px; min-height:20px; padding:0px; cursor:pointer; }
.div-grigioora:hover { opacity:1; border-left:1px solid #888; }

.div-addora { z-index:80; display:none; position:absolute; top:-1px; right:0px; padding:0px 3px; font-size:12pt; cursor:pointer; border:1px solid #000000; }
.div-addora:hover { background-color:#00FF26; color:#000000; border:1px solid #888888; border-right:1px solid #000000; }

.div-thgio { display:inline-block; position:relative; float:left; width:89%; text-align:center; cursor:pointer; }
.div-addint { display:inline-block; position:relative; float:right; right:2px; width:9%; border:1px solid #ddd; cursor:pointer; }
.div-addint:hover { background-color:#fffab0; border:1px solid #000; }

.spa-alias-info { display:block; font-size:0.7vw; padding:0px; border-bottom:1px dotted #888; background-color:rgba(255,255,255,0.8); color:#000; }
.spa-alias-infoI { display:block; font-size:9px; padding:0px; border-bottom:1px dotted #888; background-color:rgba(255,255,255,0.8); color:#000; }

.tb-giorno { border:0px none; padding:0px; width:100%; margin:auto; cursor:default; font-size:1vw; border-spacing:0px 4px; }
.tb-giorno tr { }
.tb-giorno tr:hover {}
.tb-giorno th { border:0px none; border-right:1px solid #cccccc; background-color:#f4f4f4; color:#777777; }
.tb-giorno th:nth-child(odd) { background-color: #e6e6e6; color:#000000; }
.tb-giorno th:hover {}
.tb-giorno td { border:0px none; border-bottom:1px dotted #efefef; border-right:1px solid #efefef; height:24px; }
.tb-giorno td:hover  .div-addorag { display:inline-block; }

.div-giorno { cursor:pointer; padding:0px 2px; }
.div-giorno:hover { background-color:#fcfcfc; font-weight:bold; }

/*.tb-settima td:not { background-color:#aaafff; }*/

.row_scarico {background-color: rgba(201, 76, 76, 0.3);}
.row_invia {background-color: #89D999;}

.spa-arrows { display:inline-block; padding:0px 2px; width:16px; border:1px solid #ffffff; text-align:center; cursor:pointer; background-color:#888888; }
.spa-arrows:hover { border:1px solid #f5f5f5; background-color:#cfcfcf; }
.spa-arrownew { display:inline-block; padding:0px 2px; width:16px; border:1px solid #ffffff; text-align:center; cursor:pointer; background-color:#f5f5f5; color:#000; }
.spa-arrownew:hover { border:1px solid #f5f5f5; background-color:#FAF9B6; }

.div-elenclie { background-color:#ffffff; padding:2px 4px; border:0px none; border-bottom:1px solid #cccccc; text-align:left; cursor:pointer; font-size:70%; }
.div-elenclie:hover { background-color:#e5e5e5; color:blue; }
.div-newcall { display:inline-block; margin:auto; padding:2px 6px; border:1px solid #cccccc; background-color:#ffffff; cursor:pointer; font-weight:bold; }
.div-newcall:hover { background-color:#cccccc; border:1px solid #888888; color:#ffffff; }

.div-UsrCls { display:inline-block; position:relative; margin:8px; padding:4px; float:right; border:0px solid #cbcbcb; cursor:default; }
.div-OVERsub { display:block; padding:10px; background-color:#eeeeee; }
.div-legup { display:inline-block; padding:2px 6px; font-weight:bold; color:#888888; }
.spa-elimina { float:left; padding:0px 4px; font-weight:bold; }
.spa-elimina:hover { background-color:#ff0000;}
.leg-legup { display:inline-block; width:auto; padding:4px 12px; border:1px solid #cccccc; font-weight:bold; background-color:#f7fadc; cursor:default; }
.spa-legenda { display:inline-block; position:relative; padding:4px 12px; border:1px solid #000000; font-weight:bold; background-color:#f7fadc; color:#000000; }
.spa-info01 { display:inline-block; position:relative; width:24px; height:24px; background-repeat:no-repeat; background-position:center;  background-size: 24px 24px; background-image:url("img/info.png");  cursor:pointer;  }

.inp-atti { padding:2px 4px; border:2px solid #cccccc; cursor:nodrop; border-radius: 5px;}
.inp-atti:focus { background-color:#ffffff; border:2px solid #0078A1; }
.inp-atti:hover { background-color:#FFFFCC; border:2px solid #888; }

.inp-atti-dis { background-color:#f2f2f2; padding:2px 4px; border:1px solid #ccc; cursor:help; }
.inp-atti-dis:focus { background-color:#f2f2f2; border:2px solid #888; }

.inp-atti-data { padding:2px 4px; border:1px solid #cccccc; cursor:nodrop; text-align:center; }
.inp-atti-data:focus { background-color:#ffffff; border:2px solid #0078A1; }
.inp-atti-data:hover { background-color:#FFFFCC; border:2px solid #888; }

.inp-atti-num { padding:2px 4px; border:1px solid #cccccc; cursor:nodrop; text-align:right; }
.inp-atti-num:focus {  background-color:#ffffff; border:2px solid #0078A1; }
.inp-atti-num:hover { background-color:#FFFFCC; border:2px solid #888; }

.sel-atti-big { font-size:1vw; font-weight:bold; padding: 4px 10px; background-color:#f5f5f5; border:1px solid #00BFFF; }
.inp-atti-big:focus { background-color:#ffffff; border:1px solid #0078A1; }
.inp-atti-big:hover { background-color:#f2f2f2; border:1px solid #00BFFF; }

.inp-attinbr { padding:2px 4px; border:0px none; }
.inp-attinbr:focus { background-color:#ffffff; border:0px none; }
.inp-attinbr:hover { background-color:#f2f2f2; border:0px none;  }

.img-close { width:24px; height:24px; cursor:pointer; vertical-align:middle; }

.add-cent { text-align:center; }
.add-dest { text-align:right; }
.add-sini { text-align:left; }

.tr-bckgray { background-color:#f8f8f8; cursor:pointer; }
.tr-bckgray:hover .td-tecnico { background-color:#F6FCD6; }
.tr-bckwhite { background-color:#ffffff; cursor:pointer; }
.tr-bckwhite:hover .td-tecnico { background-color:#F6FCD6; }

.td-msover { background-color:#fff; padding:0px 6px; border:1px solid #cccccc; }
.td-msover:hover { background-color:#FCFC88; cursor:pointer; border:1px solid #888888; }
.tr-selweek { background-color:#ffffff; }
.tr-selweek:hover { background-color:#FCFC88; cursor:pointer; }
.tr-selweekS { background-color:#FC7462; }
.tr-selweekS:hover { background-color:#FCFC88; cursor:pointer; }

.ico-menu { width:20px; height:20px; vertical-align:middle; }
.logo-inizio {height:83px; margin: 5px 0 0 10px;}

.frmline {width: auto; min-width: 10%;}
                                   
#ulMENU { position:relative; right:0px; margin:0px; padding:4px; background-color:#ffffff; border:1px solid #000000; list-style:none; opacity:0.9; }
#ulMENU li { padding:0px; }
#ulMENU li { padding:0px; }
#ulMENU a { display:block; padding:2px 8px 2px 8px; }
#ulMENU a:hover { background-color:#dfdfdf; color:#000000; }

.disabilita-selezione {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
}

.all-selezione {
	-webkit-user-select: all;  /* Chrome all / Safari all */
  -moz-user-select: all;     /* Firefox all */
  -ms-user-select: all;      /* IE 10+ */
  user-select: all;          /* Likely future */
}

input[type=checkbox].css-checkbox {
    position:absolute;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left:20px;
    height:20px;
    display:inline-block;
    line-height:20px;
    background-repeat:no-repeat;
    background-position: 0 0;
    vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -20px;
}

::-webkit-input-placeholder {
   color:#888888;
}
:-moz-placeholder { /* Firefox 18- */
   color:#888888;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color:#888888;  
}
:-ms-input-placeholder {  
   color:#888888;  
}

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }

.div-grigioora .tooltiptext {
	font-size:10pt;
    visibility: hidden;
    min-width: 800%;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    bottom: 60%;
    left: 15%;
    margin-left: -400%;
    opacity: 0.5;
    transition: opacity 0.8s;
}

.div-grigioora .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.div-grigioora:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.styled-select {
   background: transparent;
   height: 29px;
   overflow: hidden;
   width: 240px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
  /* padding: 5px;  If you add too much padding here, the options won't show in IE */
   width: 268px;
}

.styled-select.slate {
   background: transparent;
   height: 34px;
   width: 240px;
}

.styled-select.slate select {
   /*border: 1px solid #ccc;*/
   font-size: 16px;
   height: 27px;
   width: 268px;
}

.sceltauser {
	border: none;
	display: flex;
    flex-direction: row;
	justify-content: flex-start;
	break-before: always;
	margin: 0 0 3em 0;
}
   
.sceltauser input[type="radio"]{
    -webkit-appearance: radio !important;
	-moz-appearance: radio !important;
	appearance: radio !important;
}

.div-quadro {
	height: auto;
	margin-left: 10%;
}

.main-cli {
	width: 100%;
	/*min-height: 80%;
  max-height: 87%;
  height: auto;
  background-color:#f5f6f7;
  position: relative;
  float: left;*/
	/*margin-top: 30px;*/
	/*border-top: 1px solid black;
	border-bottom: 1px solid black;*/
  position: absolute;
  top: 0;
  bottom: 0;
  padding-top: 6px;
}

.top-rapporti-cli {
	/*min-height: 20%;*/
  height: 8%;
	width: 98%;
	margin-left: 1%;
	position: relative;
	float: left;
  margin-bottom: 1%;
}

.nome-main {
	width: auto;
	float: left;
	/*padding: 8px;*/
	margin: 8px;
	position:relative;
}

.div-FiltroRid { 
	float: right; 
	position:relative; 
	min-width:auto; 
	margin:6px; 
	padding:6px; 
	background-color:#c9c9c9; 
	border-radius: 4px;
	border:1px solid #cbcbcb;
	width: auto;
	text-align: center;
	z-index: 10;
	 }
	 
.div-DepositoRid {  
	padding-left:10px;
	padding-right:10px;
	background-color:#c9c9c9; 
	border-radius: 4px;
	border:1px solid #cbcbcb;
	width: auto;
	text-align: center;
	 }

.div-DepositoTec { 
    float: left; 
    position:relative; 
     }
	 
.FiltroRapporti {
	width: auto;
  min-width: 550px;
	text-align: left;
}

.media-filtro {
	width: auto;
}

.rapporti-cli {
	width: 98%;
	height: 75%;
	margin-left: 1%;
	border: 1px solid black;
	border-radius: 4px;	
  overflow-y: auto;
	background-color:#ffffff;
	position: relative;
	float: left;
}

.rapporti-cli-rapporti-macchina{
  height: 36%;
}

.rapporti-cli-articoli-macchina{
  height: 36%;
  margin-top: 1%;
}

.tb-rapporti {
	width: 100%;
	/*table-layout:fixed; */
}

.tb-rapporti th{
	border:0px none; 
	border-bottom:1px solid #cccccc; 
	border-right:1px solid #cccccc; 
	font-size : 1vw;
	background-color:#c9c9c9;
}

.tb-rapporti thead th { 
	position: sticky; 
	top: 0; 
	z-index: 1; 
	}

.row-rapporti:hover{
	background-color: gray;	
}


.div-PassDim {
	display: block;
	margin: auto;
	padding: 0px;
	width: 100%;
	text-align: Left;
}

.add-sca{
	text-align: center;
	background-color: green !important;
}

.del-sca{
	text-align: center;
	background-color: red !important;
}

.add-sca:hover{
	border: 2px solid #888;
}

.del-sca:hover{
	border: 2px solid #888;
}

.firma {
	width: 100%;
	height: 115px;
}
@media only screen and (max-width: 1050px) {
  
}

table tbody tr td input {
  width: 80px;
  box-sizing: border-box;
  border: none;
} 

.loc-spa-nuovo{
  border: 1px solid #888;
  padding: 0px 4px;
  opacity: 0.6;
  cursor: pointer;
}

.ricambi_table {
  position: relative;
  float: left;
  width: 100%;
  height: 50%;
  overflow-y: scroll;
}

.ricambi_selezionati {
  position: relative;
  float: left;
  width: 100%;
  height: 28%;
  margin-top: 2%;
  overflow-y: scroll;
}