.form-loading{
  display:block;
  position:fixed;
  z-index:1001;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:url(../images/ellipsis.gif) center center no-repeat;
  
}

.form{
	
}

.form h1{
	font-family:'Quicksand', sans-serif;
	font-weight:500;
	font-size:1.5em;
	padding-bottom:1em;
}

.form.login{
	padding:2em 1.5em;
}

.form-ok{
	padding:2em 1.5em;
	font-size:1em;
	font-weight:500;
	color:green;
}



.form .form-error{
	font-size:1em;
	color:red;
}

.form .link{
	padding-top:.5em;
}

.form .link a{
	text-decoration:none;
	color:#000;
}

.form .link a:hover{
	text-decoration:underline;
}

.form .buttons{
	padding:1em 0;
}

.form button{
	display:inline-block;
	font-family:'Quicksand', sans-serif;
	padding:.5em 1.5em;
	text-transform:uppercase;
	font-weight:500;
	font-size:1.2em;
	border-radius:.2em;
	background-color:#5271e7;
	border:solid 1px #5271e7;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}


/*** textbox ***/
.form input:not([type=radio]):not([type="checkbox"]),.form textarea, .form select, .form  div.label {
  width:calc(100% - 2em) !important;
  
  
  display: block;
  margin-bottom:1em;
  
  padding: .5em 1em !important;
  font-size: 1.2em;
  font-weight:500;
  font-family:'Quicksand',arial, sans-serif;
  /*line-height: 20px !important;*/
  color: #000;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #bbb !important;
  border-radius: 4px !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 select{
	width:100% !important;
}


.form input.date{
	display:inline-block;
	width:calc(33.33% - 2em)
}

.form .field-info{
	font-size:.8em;
	margin-bottom:1.5em;
}


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


.form label{
	display:block;
	font-size:1em;
	font-weight:400;
	margin:0 .2em .5em .2em;
	color:#000;
}

@media only screen and ( max-width: 1599px ){
	.form button{
		
		font-size:1.1em;
		
	}


	/*** textbox ***/
	.form input:not([type=radio]):not([type="checkbox"]),.form textarea, .form select, .form  div.label {
	  
	  font-size: 1.1em;
	}
}


@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;
	}
}