@import url(http://fonts.googleapis.com/css?family=Fauna+One|Muli);

.loginform{
    width:260px;
    margin:2% auto;    
}
#mainform{
    width:100%;
    margin:10px auto;
    padding-top:0px;
    font-family: 'Fauna One', serif;
}
#dataform{
    border-radius:0px;
    padding:10px 20px;
    box-shadow:0 0 15px;
    font-size:15px;   
	margin:auto;
    

}
h3{
    text-align:center;
    font-size:20px;
}

input{
    width:80%;
    height:35px;
    margin-top:5px;
    border:1px solid #999;
    
    padding:5px;
}	

input[type=button]{
    background-color:#123456;
    border:1px solid white;
    font-family: 'Fauna One', serif;
    font-Weight:bold;
    font-size:15px;
    color:white;
}
textarea{
    width:100%;
    height:80px;
    margin-top:5px;
    border-radius:3px;
    padding:5px;
    resize:none;
}
span{
    color:red
}
#note{
color:black;
font-Weight:400;
}
#returnmessage{
    font-size:14px;
    color:green;
    text-align:center;
}



.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

.icon {
  padding: 10px;
  background: dodgerblue;
  color: white;
  min-width: 50px;
  text-align: center;
}

.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.input-field:focus {
  border: 2px solid dodgerblue;
}

/* Set a style for the submit button */
.btn {
  background-color: #123456;
  color: white;
  padding: 15px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.btn:hover {
  opacity: 1;
}