.form{
	padding:1em 2em;
	border-radius:.5em;
	background-color:#f5f5f5;
	position:relative;
}

.form.form-popup{
	background-color:#fff;
	max-width:100% !important;
}

.form .form-logout{
	position:absolute;
	right:10px;
	top:10px;
	
	font-size:1.67rem;
}

.form .form-logout a{
	color:#c00;
	text-decoration:none;
}

/*** pulsante ***/
.form .buttons{
	padding:2em 0;
}

.form fieldset{
	margin:10px 0 40px 0;
}

.form fieldset legend{
	border-bottom:solid 1px #707070;
	font-size: 1.67rem;
	font-weight:500;
	padding-bottom:5px;
}


/*** textbox ***/
.form input:not([type=radio]):not([type="checkbox"]),.form textarea, .form select, .form  div.label {
  width:calc(100% - 26px) !important;
  /*max-width:500px;*/
  height:auto !important;
  vertical-align:middle;
  
  display: inline-block;
  
  padding: .35em .5em !important;
  font-size: 2rem;
  font-family:'Raleway',arial, sans-serif;
  /*line-height: 20px !important;*/
  color: #000;
  font-weight:400;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #888 !important;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form div.label-text{
	min-height:20px;
	vertical-align:middle;
	display: inline-block;
	padding: 5px 0px !important;
	font-size: 2rem;
	font-family:'Raleway',arial, sans-serif;
	line-height: 20px !important;
	color: #000;
}



.form textarea{
	height:150px !important;
}

.form input[type=radio],.form input[type=checkbox]{
	vertical-align:middle;
}

.form input[type="password"]{
	margin-bottom:0px !important;
}

.form input,.form textarea{
  min-height:16px;
}

.form select {
	width:100% !important;
  min-height:40px !important;
}

.form input:focus,.form textarea:focus, .form select:focus {
  border-color: #66afe9 !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
}
.form input,.form textarea::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form input,.form textarea:-ms-input-placeholder {
  color: #999;
}
.form input,textarea::-webkit-input-placeholder {
  color: #999;
}

.form select::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form select:-ms-input-placeholder {
  color: #999;
}
.form select::-webkit-input-placeholder {
  color: #999;
}

.form input[disabled],.form textarea[disabled],
.form input[readonly],.form textarea[readonly],
.form fieldset[disabled] input,.form fieldset[disabled] textarea {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

.form select[disabled],
.form select[readonly],
.form fieldset[disabled] select {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}


.form-error{
	font-family:'Raleway',sans-serif;
	color:#f00;
	font-size:1.83rem;
	font-weight:500;
	padding:1em 0;
}

.form-message{
	font-family:'Raleway',sans-serif;
	color:#000;
	font-size:1.83rem;
	padding-bottom:10px;
	padding-top:10px;
	font-weight:400;
	line-height:1.365em;
}

.form h2{
	font-family:'Raleway',sans-serif;
	font-size:2.63rem;
	padding-bottom:1em;
	font-weight:500;
}

.form h3{
	font-family:'Raleway',sans-serif;
	font-size:2.50rem;
	padding-bottom:.9em;
}



.form .title{
	display:block;
	padding:1.5em 0px .5em 0px;
	color:#000;
	font-size:1.63rem;
	font-weight:500;
}

.form.form-popup .title{
	display:inline-block;
	padding: 8px 0px !important;
	width:180px;
	margin-right:20px;
	vertical-align:top;
	font-size:1.67rem;
}

.form.form-popup .label-text{
	display:inline-block;
	width:calc(100% - 220px);
	line-height:1.365em !important;
	font-size:1.67rem;
	font-weight:400;
}

.form.form-popup .buttons{
	padding-top:30px;
}

.form .checkbox-container{
	display:inline-block;
	white-space:nowrap;
	padding-top:5px;
	margin-right:10px;
}

.form .checkbox-container input{
	width:18px;
	height:18px;
	margin-right:5px;
}

.form .checkbox-container label{
	vertical-align:middle;
}

.form .charleft{
	font-size:1.5rem;
	text-align:right;
	color:#707070;
	padding-top:5px;
}

.form.form-popup .input-group{
	border-bottom:solid 1px #eee;
}

.form .input-group.privacy{
	padding-bottom:20px;
}

.form .input-group.privacy input{
	display:inline-block;
	vertical-align:middle;
}

.form .input-group.privacy label{
	color:#555;
	font-size:1.87rem;
	display:inline-block;
	vertical-align:middle;
}

.form .testo-privacy{
	padding:2em 0 2em 0;
	color:#555;
	font-size:1.67rem;
	line-height:1.365em;
}


.form .submit-button{
	margin-top:20px;
}

.form .form-navigation{
	padding:1em 0;
}

.form .form-navigation a{
	text-decoration:none;
	display:inline-block;
	color:#222;
	font-size:2rem;
	margin-right:2em;
	font-weight:500;
	border-bottom:dotted 1px #222;
}

@media only screen and ( max-width: 767px ){
	
	.form{
		padding:10px 10px;
	}
	
	.form.form-popup{
		padding:0px 10px;
	}
	
	.form.form-popup .title{
		display:block;
		padding: 10px 0px 0px 0px !important; 
		width:100%;
		margin-right:0px;
		vertical-align:top;
		font-size:1.67rem;
	}

	.form.form-popup .label-text{
		display:block;
		width:100%;
		line-height:1.365em !important;
		font-size:1.67rem;
		font-weight:400;
		padding-bottom:10px;
	}
}