body{
color:#888;
padding:10px;
font-family:calibri;
background: rgb(255, 238, 204);
background: -webkit-linear-gradient(rgb(255, 238, 204), white); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(rgb(255, 238, 204), white); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgb(255, 238, 204), white); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgb(255, 238, 204), white); /* Standard syntax */
font-size:20px;
margin: 0;}

#menu {   height: 65px;
  background:#EFFE81; 
  text-align: center;
 height: auto;
 width:auto;
}

#menu ul {
    
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
  position: relative;
 line-height: 50px;
height: auto;
z-index: 1;
}

#menu ul li {
  list-style: none;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
  position: relative;

}

#menu ul li a {
display: flex;
  padding: 4px 10px 6px 10px;
  border-radius: 3px;
  display: inline-block;
  color: #666;
  transition: all 0.3s;
  height: auto;

}

#menu ul li a:hover, #menu ul li a:focus, #menu ul li a.active  {
  background: #58c071;
 color:#C00;
 width: auto;

}

#menu ul li > .submenu {
  display:none;
  text-align: center;
  left:0;
  position:absolute;
  top: 60px;
  width: 150px;
  background:#EFFE81;
height: auto;
}

#menu ul li > .submenu2 {
  display:none;
  text-align: center;
  left:0;
  position:absolute;
  top: 60px;
  width: 200px;
  background:#EFFE81;
height: auto;
}

#menu li:hover > ul {
  display: block;
  

}
	  
      
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	color:white;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;

	
	font-size:20px;
	font-weight:bold;
	padding:16px 29px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.myButton:hover {
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	
}
.myButton:active {
	position:relative;
	top:1px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

h1,h2{
	color: #fff;
	line-height: 1;
	background-color: #222;

	font-weight: normal;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	margin-left: -446px;
}

h1{
	font-size: 36px;
	padding: 5px 15px 10px;
	top: 0;
}

h2{
	font-size: 14px;
	padding: 4px 13px 9px 11px;
	top: 51px;
}

header{
	display:block;
	margin-top:50px;
	position:relative;
}

nav{
	display: block;
	margin: 300px auto 0;
	text-align: center;
	width: 600px;
}

footer{
	color: #BBBBBB;
	font-size: 15px;
	line-height: 1.6;
	padding: 60px 20px 0;
	text-align: center;
	display:block;
}

footer b{
	color: #888888;
	display: block;
	font-size: 10px;
	font-weight: normal;
}

a, a:visited {
	text-decoration:none;
	outline:none;
	color:#54a6de;
}

a:hover{
	text-decoration:underline;
}

fieldset {
  padding: 1em;
  }
label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }
  
legend {
  font:14px/1.3 'Segoe UI',Arial, sans-serif;  
  padding: 0.2em 0.5em;
  border:1px solid white;
  text-align:right;
  }  
  
a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}
submit {
  -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;  
}
.salva_rinnovo {
background-color: #7fb378;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
	cursor:pointer;
	margin:10px 0px 40px;
	display:inline-block;
        font-size: 18px;
}
.error {
    color:red;
}

  #annulla_rinnovo {
background-color: #7fb378;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
	cursor:pointer;
	margin:10px 0px 40px;
	display:inline-block;
        font-size: 18px;
}


#table_wrapper thead {
    color: black;
}

  .button  {
background-color: #7fb378;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
	cursor:pointer;
	margin:10px 0px 40px;
	display:inline-block;
        font-size: 18px;
}



    
 td,tr,textarea,label,table,ul {
        color: black;



    }  
    
    td {
       padding-right: 5px;

padding-left: 5px; 
    }  
    

td div { width: 100px; overflow-y: hidden; }
#btnSaveAction {
	background-color: #7fb378;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
	cursor:pointer;
	margin:10px 0px 40px;
	display:inline-block;
}

.txt-heading{    
	padding: 10px 10px;
    border-radius: 2px;
    color: #333;
    background: #d1e6d6;
	margin:20px 0px 5px;
        
}
.current-row{background-color:#B24926;color:#FFF;}
			.current-col{background-color:#1b1b1b;color:#FFF;}
			.txt-heading{width: 100%;font-size:0.9em;background-color: #f5f5f5;}
			.txt-heading th.table-header {padding: 5px;text-align: left;padding:10px;}
			.txt-heading .table-row td {padding:10px;background-color: #FDFDFD;}
                        


table.aggiungi th , table.aggiungi td{
    font-size: 16px;
}
.rinnovo {
     background-color: #4CAF50; /* Green */
    color: white;
    padding: 15px 32px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;

    font-size: 16px;


  cursor: pointer;
}

.sollecito {
     background-color: #4CAF50; /* Green */
    color: white;
    padding: 15px 32px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;

    font-size: 16px;


  cursor: pointer;
}
.blank_row{
    height: 13px;
    
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 18px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.annulla {
    color: #aaa;
    float: right;
    font-size: 18px;
    font-weight: bold;
}

.annulla:hover,
.annulla:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Elegant Aero */
.elegant-aero {
	margin-left:auto;
	margin-right:auto;


    background: #D2E9FF;
    padding: 20px 20px 20px 20px;

    color: #666;
}
.elegant-aero h1 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 20px;
	display: block;
	background: #C0E1FF;
	border-bottom: 1px solid #B8DDFF;
	margin: -20px -20px 15px;
}
.elegant-aero h1>span {
    display: block;
    font-size: 11px;
}

.elegant-aero label {
    float: left;
    width: 40%;
    margin-top: 10px;
    color: #5E5E5E;
}
.elegant-aero label {
    display: block;
    margin: 0px 0px 5px;
    width:50%;
}
.elegant-aero span {
	float: left;
	width: 60%;
	text-align: right;
	padding-right: 15px;
	margin-top: 10px;
	font-weight: bold;
}
.elegant-aero input[type="text"],.elegant-aero input[type="password"], .elegant-aero input[type="checkbox"],.elegant-aero input[type="email"], .elegant-aero textarea, .elegant-aero select {
	color: #888;
	width: 95%;
	padding: 0px 0px 0px 5px;
	border: 1px solid #C5E2FF;
	background: #FBFBFB;
	outline: 0;
	-webkit-box-shadow:inset 0px 1px 6px #ECF3F5;
	box-shadow: inset 0px 1px 6px #ECF3F5;
font-size: 16px;
color: black;
	height: 30px;
	line-height:15px;
	margin: 2px 6px 16px 0px;
}
.elegant-aero textarea{
    height:100px;
	padding: 5px 0px 0px 5px;
	width: 40%;
}
.elegant-aero select {
    background: #fbfbfb url('down-arrow.png') no-repeat right;
    background: #fbfbfb url('down-arrow.png') no-repeat right;
   appearance:none;
    -webkit-appearance:none; 
   -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 95%;
    font-size: 16px;
    color: black;
}
.elegant-aero .button{
	padding: 10px 30px 10px 30px;
	background: #66C1E4;
	border: none;
	color: #FFF;
	box-shadow: 1px 1px 1px #4C6E91;
	-webkit-box-shadow: 1px 1px 1px #4C6E91;
	-moz-box-shadow: 1px 1px 1px #4C6E91;
	text-shadow: 1px 1px 1px #5079A3;
	
}
.elegant-aero .button:hover{
    background: #3EB1DD;
}

.modal-content-utente_new {
    
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 20px !important; 
    width: 50%;
    height:100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    transform: translateY(-2%);
    background: rgb(204, 238, 255);
        background: -webkit-linear-gradient(rgb(204, 238, 255), white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(204, 238, 255), white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(204, 238, 255), white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(204, 238, 255), white); /* Standard syntax */
}
.button-new{
    width:100%;
}