/*
// -------------------------------------------------------------
// Nome: style.css
// Descrizione: css per mobile 
// Autore: Hermete Cooperativa Sociale ONLUS  
// Data: 29/03/2025
//
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED
// TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
// HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
// TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
// LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
// SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 
// ------------------------------------------------------------------
*/
/* Font import */
@import url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap");

/* Base button style */
.btn {
  display: inline-block;
  padding: 4px 10px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: background-position 0.1s linear;
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
}

.btn-large {
  padding: 9px 14px;
  font-size: 66px;
  line-height: normal;
  border-radius: 5px;
}

.btn-primary,
.btn-primary:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
  background-color: #4a77d4;
  background-image: linear-gradient(to bottom, #6eb6de, #4a77d4);
  background-repeat: repeat-x;
  border: 1px solid #3762bc;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #4a77d4;
  filter: none;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-largen {
  padding: 9px 14px;
  font-size: 50px;
  line-height: normal;
  border-radius: 5px;
}

*, *::before, *::after {
  box-sizing: border-box;
}


html {
	width: 100%;
	height: 100%;
  }
  
  body {
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 55px;
	color: #ffffff;
	text-align: center;
	background-color: #092756;
	margin: 0;
	padding: 0;
  }

.avviso { 
	position: relative;
	font-size: 35px;
	color: #fff; 
	text-align:center; 
}

.login { 
	position: absolute;
	top: 25%;
	left: 25%;
	margin: -150px 0 0 -150px;
	width:800px;
	height:400px;
}
.login h1 { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }

.recpass { 
	position: relative;
	top: 25%;
	left: 25%;
	margin: -150px 0 0 -150px;
	width:800px;
	height:400px;
}
.recpass h1 { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }

.bottonifooter { 
	float:left; 
	display:block;
	width:50%;
	margin-left:auto; 
	margin-right:auto;
}
.bottonifooter h1 { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }

.bottoniprog { 
	float:left; 
	display:block;
	width:50%;
	margin-left:auto; 
	margin-right:auto;
}
.bottoniprog h1 { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }

.bottonehome { 
	position: relative;
	width:700px;
	margin-left:auto; 
	margin-right:auto; 

}
.bottonehome h1 { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }

.bottonediario { 
	position: relative;
	width:90%;
	margin-left:auto; 
	margin-right:auto; 
	font-size: 30px;
}
.bottonediario h1 { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }

.bottonecorto{ 
	position: relative;
	width:500px;
	margin-left:auto; 
	margin-right:auto; 
}

.bottonegraph{ 
	position: relative;
	width:250px;
	
}

.selectnn { 
	position: relative;
	top: 35%;
	left: 25%;
	margin: -150px 0 0 -150px;
	width:800px;
	height:100px;
}

select.lungo { 
	width: 80%; 
	margin-bottom: 10px; 
	background: rgba(255,245,178,0.8);
	border: none;
	text-align: center;
	outline: none;
	padding: 10px;
	font-size: 45px;
	color: #2323f1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
}
select.lungo:focus { box-shadow: inset 0 -5px 66px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }

select.corto { 
	width: 10%; 
	margin-bottom: 10px; 
	background: rgba(255,245,178,0.8);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 45px;
	color: #2323f1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
}
select.corto:focus { box-shadow: inset 0 -5px 66px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }

select.anno { 
	width: 18%; 
	margin-bottom: 10px; 
	background: rgba(255,245,178,0.8);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 45px;
	color: #2323f1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
}
select.anno:focus { box-shadow: inset 0 -5px 66px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }

input.km { 
	width: 15%; 
	margin-bottom: 10px; 
	background: rgba(255,245,178,0.8);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 45px;
	color: #2323f1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
}
input.km:focus { box-shadow: inset 0 -5px 66px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }

input.note { 
	width: 70%; 
	margin-bottom: 10px; 
	background: rgba(255,245,178,0.8);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 45px;
	color: #2323f1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
}
input.note:focus { box-shadow: inset 0 -5px 66px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }

input.motivo { 
	width: 65%; 
	margin-bottom: 10px; 
	background: rgba(255,245,178,0.8);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 45px;
	color: #2323f1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
}
input.motivo:focus { box-shadow: inset 0 -5px 66px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }

input.notecart { 
	width: 89%; 
	margin-bottom: 10px; 
	background: rgba(255,245,178,0.8);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 45px;
	color: #2323f1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
}
input.notecart:focus { box-shadow: inset 0 -5px 66px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }

input.notem { 
	width: 55%; 
	margin-bottom: 10px; 
	background: rgba(255,245,178,0.8);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 45px;
	color: #2323f1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
}
input.notem:focus { box-shadow: inset 0 -5px 66px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }

input.password { 
	width: 80%; 
	margin-bottom: 10px; 
	background: rgba(255,245,178,0.8);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 45px;
	color: #2323f1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
}
input.password:focus { box-shadow: inset 0 -5px 66px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }

.titolo { 
	position: relative;
	font-size: 66px;
	color: #fff; 
	text-shadow: 0 0 30px rgba(0,0,0,0.3); 
	letter-spacing:1px; 
	text-align:center; 
}

.titolop { 
	position: relative;
	font-size: 40px;
	color: #fff; 
	text-shadow: 0 0 30px rgba(0,0,0,0.3); 
	letter-spacing:1px; 
	text-align:center; 
}
.titolocp { 
	position: relative;
	font-size: 55px;
	color: #fff; 
	text-shadow: 0 0 30px rgba(0,0,0,0.3); 
	letter-spacing:1px; 
	text-align:center; 
}
.testodiariom { 
	font-size: 45px;
}
input.base { 
	width: 100%; 
	margin-bottom: 10px; 
	background: rgba(0,0,0,0.3);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 66px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
}
input.base:focus { box-shadow: inset 0 -5px 66px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }



textarea.bacheca { 
	margin-bottom: 10px; 
	background: rgba(255,245,178,0.8);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 45px;
	color: #2323f1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
}
textarea.bacheca:focus { box-shadow: inset 0 -5px 66px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }



input.freccie { 
	width: 100%; 
	margin-bottom: 10px; 
	background: none;
	border: none;
	outline: none;
	padding: 10px;
	width: 140px;
	height: 120px;
	
}

.home { 
	position: relative;
	top: 4%;
	left: 25%;
	margin: -150px 0 0 -150px;
	width:80%;
	height:285px;
}

div.centrato { text-align: center; }
table.centratatipo{ 
	margin-left:auto; 
	margin-right:auto; 
	font-size: 40px;
	color: #fff;
}

table.centratav{ 
display: table-cell;
	margin-left:auto; 
	margin-right:auto; 
	font-size: 45px;
	vertical-align: middle;
	color: #fff;
}

table.centrata{ 
	margin-left:auto; 
	margin-right:auto; 
	width: 100%;
	color: #fff;
	
}

table.allineatasx{ 
	margin-left:10px; 
	font-size: 45px;
	text-align: left;
	color: #fff;
}
table.allineatasxdiariom{ 
	width: 95%;
	font-size: 45px;
	margin:0 auto;
	color: #fff;
}

table.diariom{ 
	width: 95%;
	margin:0 auto;
	font-size: 35px;
	color: #fff;
}

table.centratatot{ 
	table-layout: fixed;
	width: 60%;
	margin-left:auto; 
	margin-right:auto; 
	font-size: 45px;
	text-align: center;
	color: #fff;
	
}

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 1.0em;
  height           : 1.0em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 0.9em;
  color       : rgb(255,204,0);
  margin-left : -0.3em;
  font-size   : 2.0em;
  line-height : 0em;
  text-align  : left;
  text-shadow : 0 0 0.0714em rgb(43,243,212);
  font-weight : bold;
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.9em;
  height           : 0.9em;
  margin           : 0.0em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(255,204,0);
  background-image :    -moz-linear-gradient(rgb(255,204,0),rgb(255,204,0));
  background-image :     -ms-linear-gradient(rgb(255,204,0),rgb(255,204,0));
  background-image :      -o-linear-gradient(rgb(255,204,0),rgb(255,204,0));
  background-image : -webkit-linear-gradient(rgb(255,204,0),rgb(255,204,0));
  background-image :         linear-gradient(rgb(255,204,0),rgb(255,204,0));
}

.containerb {
    width: 80%;
	margin-left:auto; 
	margin-right:auto;
    text-align: center;
}
div.splitb div {
    float: left;
    width: 50%;
}
div.wide {
    clear: left;
}

.footer {
  position: relative;
  right: 0;
  left: 0;
  /* sposta l’elemento in alto del 10% meno 6px */
  bottom: calc(10% - 16px);
  padding: 1rem;
  font-size: 30px;
  text-align: center;
}


.passdim {
  position: absolute;
  right: 0;
  bottom: 44;
  left: 0;
  padding: 1rem;
  font-size: 40px;
  text-align: cente r;
}

.frecciasx {
  position: absolute;
  left: 40;
  top : 140;
}
.frecciadx {
  position: absolute;
  right: 40;
  top : 140;
}


#username { text-transform: lowercase; } 

.imagefrecciam  {
	width: 140px;
	height: 120px;
	background: none;
	border: none;
}

a.bt{ position:relative; z-index:24; color:#3CA3FF; font-weight:italic; text-decoration:none; }

a.bt span{ display: none; }

a.bt:hover{ z-index:25; color: #f72a09;}
a.bt:hover span.thebubble{ display:block; position:absolute; top:0px; left:0;
padding: 15px 0 0 0; width:200px; color: #000000; text-align: center;

opacity: 0.9;}

a.bt:hover span.top{ display: block; padding: 30px 8px 0; background: url(../images/bubble.gif) no-repeat top; }

a.bt:hover span.middle{ display: block; padding: 0 8px; background: url(../images/bubble_filler.gif) repeat bottom; }

a.bt:hover span.bottom{ display: block; padding:3px 8px 10px; color: #000000; background: url(../images/bubble.gif) no-repeat bottom;}


#tabellabacheca{
	table-layout: fixed;
	width:99%;
	margin:0 auto;
	border: 1px solid #fff;
	background-color: none;
	font-size: 30px;
	border-collapse: collapse;
}

#tabellabacheca td{
	padding-left: 10px;
}

#shadow {
	width:95%;
	margin:0 auto;
	box-shadow: 3px 3px 8px 2px #9b9797;
}

#shadowa {
	width:95%;
	margin:0 auto;
	box-shadow: 0 0 25px #9b9797;
}

optgroup{
  margin: 1em;
  border: 1px solid green;
  font-style: italic;
}

optgroup option{
  margin: 1em;
  border: 1px solid orange;
}

.alert {
	position: absolute;
	top: 20%;
	width:90%;
	text-align:center;
	margin-left:5%; 
	margin-right:auto;
    padding: 20px;
    background-color: #fff36a;
    color: blue;
    border: 4px solid red;
}

.closebtn {
	position: absolute;
    top: 70%;
    text-align:center;
    margin-left:10%; 
	margin-right:auto;
    cursor: pointer;
    transition: 0.3s;
}


#tabelladettpro {
	table-layout: fixed;
	width:70%;
	border: 1px solid #cfcfcf;
	background-color: #ffffff;
	font-size: 24px;
	color: black;
	text-align: center;
	border-collapse: collapse;
}

#tabelladettpro td {	
	vertical-align:middle; 
	border: 1px solid #cfcfcf;
}

#tabelladettprom {
	table-layout: fixed;
	width:95%;
	border: 1px solid #cfcfcf;
	background-color: #ffffff;
	font-size: 34px;
	color: black;
	text-align: center;
	border-collapse: collapse;
	margin-left:auto; 
	margin-right:auto;
}

#tabelladettprom td {	
	vertical-align:middle; 
	border: 1px solid #cfcfcf;
}

#tabelladocumentim {
	width:90%;
	border: 1px solid #cfcfcf;
	background-color: #ffffff;
	font-size: 34px;
	color: black;
	text-align: center;
	border-collapse: collapse;
	margin-left:auto; 
	margin-right:auto;
	top: -100px;
}

#tabelladocumentim td {	
	vertical-align:middle; 
	border: 1px solid #cfcfcf;
}


#tabelladettpro tr:hover { background-color: #dedede; }


input.chiave {
	display: block;width: 510px;height: 510px;
	border:0;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: transparent;
    background: url(../images/bottonekey.png) no-repeat;
}

input.chiave:hover {
         background: url(../images/bottonekeyred.png) no-repeat;
}

.logo-container {
  position: static !important;
  text-align: center;
  margin-bottom: 30px;
}

.logo-container + .home {
  margin-top: 6px;
}

select {
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
  /* se vuoi, aggiungi qui un tuo sfondo/arrow-personalizzata: */
  /* background: url(“chevron.svg”) no-repeat right 0.5em center; */
  padding-right: 1.5em; /* spazio per l’eventuale iconcina */
}

/* 2) Nasconde espander di IE/Edge */
select::-ms-expand {
  display: none;
}

/* 3) (Se per caso hai <input type="number">) togli le spin‐button */
input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}