body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}

.open-button {/* pulsante apertura */
  border-radius: 8px;
  color: #fff;
  font-size:0.8em;
  font-weight:normal;
  padding: 6px 12px;
  border: 1px solid #ccc;
  cursor: pointer;
  position: fixed;
  bottom: 23px;
  right: 28px;
  max-width: 280px;
  outline:none;
  background-color: #ff6633;
  background: linear-gradient(#87cefa, #6495ed);
}
.off {/* avviso offline */
  border-radius: 6px;
  color: #fff;
  font-size:0.9em;
  font-weight:normal;
  padding: 6px 6px;
  border: 1px solid #fff;
  cursor: pointer;
  position: fixed;
  bottom: 23px;
  right: 28px;
  max-width: 300px;
  outline:none;
  background-color:#F90;
  background: linear-gradient(#87cefa, #6495ed);
}

.form-container { /* contenitore */
  margin:-25px 0 -2px -4px;
  max-width: 300px;
  height:auto;
  padding: 10px;
  background-color: #f5f5f5;
 /* background-color: #add8e6;*/
  border: 2px solid #fff;
  -webkit-box-shadow: 0px -3px 5px 2px #ccc;
  -moz-box-shadow: 0px -3px 5px 2px #ccc;
  -o-box-shadow: 0px -3px 5px 2px #ccc;
   box-shadow: 0px -3px 5px 2px #ccc;
}

.form-container input[type=text], .form-container input[type=email], .form-container textarea { /* campi */
  width: 100%;
  padding: 6px;
  margin: 5px 0 22px 0;
  border: 1px solid #ccc;
  background: #fff;
  outline:none;
}

.form-container input[type=text]:focus, .form-container input[type=email]:focus { /* campi selezionati */
  background-color: #fff;
  border: 1px solid #ccc;
  outline: none;
}

.form-container .btn { /*pulsante invio */
  border-radius: 8px;
  color: white;
  font-size:0.8em;
  font-weight:bolder;
  padding: 10px 12px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  outline:none;
  background-color: #2dc975;
  background: linear-gradient(#87cefa, #6495ed);
}

.form-container .cancel {  /* pulsante chiusura */
  border-radius: 8px;
  background-color: #ff6633;
  background: linear-gradient(#b0c4de,#778899);
}

.form-container .btn:hover, .open-button:hover { /* effetti pulsanti */
  opacity: 1.0;
}
.tutela{
	font-size: 0.8em;
	color: #666;
}