body {
  font-family: sans-serif;
  background-color: #e9eaef;
}

* {box-sizing: border-box;}

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


h1, h2, h3, h4 {font-family:Poppins-Bold;}

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

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

input:focus {
  border: 2px solid dodgerblue;
}

/* Set a style for the submit button */
.btn {
  background-color: dodgerblue;
  color: white;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 20px;
  margin-top: 10px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.btn2 {
  background-color: dodgerblue;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 10px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.btn:hover {
  opacity: 1;
  background-color:;
}

/*Form Error*/
.errorlist
    {
        color: red;
    }

.error input, .error select {
  border: 2px red solid;
  }

a {
      text-decoration:none;
   }

.success{
  color: white;
  padding:5px;
  background-color: dodgerblue;
  font-weight: bold;
  font-size:16px;
  padding:5px 20px 10px 5px;
  width:100%;
}


.error{
  width:100%;
  color: white;
  background-color: #e32222;
  font-weight: bold;
  font-size:16px;
  border-radius: 0px;
  padding:10px 20px 10px 20px;
  width:100%;
}
