*{

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}

h3{

	font-family: 'Arial';

	font-size: 15pt;

	letter-spacing: 1px;

	width: 100%;

	

	background: #1d9ce5;

	padding: 15px;

	color: #FFF;

	text-align: center;

	text-transform: uppercase;



}

#container{

	background: #DBDAD2;

	width: 100%;

	height: 100vh;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	justify-content: center;

	align-items: center;

}

#container form{

	background: #FFF;

	width: 400px;

	padding: 10px;

}



#container form img{

	margin: 2px auto;

	text-align: center;

	display: block;

	width: 90px;

}

#container form input{

	width: 90%;

	padding: 5px;

	font-size: 12pt;

	display: block;

	margin: 15px auto;

	border-radius: 4px;

	border: 1px solid  #85929e;

	text-align: left;

}



#container form input[type="submit"]{

	background:  #178acc;

	padding: 8px;

	color: #FFF;

	font-size: 10pt;

	width: 35%;

	height: 38px;

	text-align: center;

	/*letter-spacing: 1px;-->*/

	border: 0;

	cursor: pointer;

	

}



#container form input[type="submit"]:hover {

  opacity: 0.8;

}

/*

.alert{

	font-family: 'Arial';

	font-size: 14px;

	text-align: left;

	background-color: #ffbbbb;



}

*/



.alert {



  border-radius: 2px;

  height: auto;

  text-align: center; 

  font-family: 'Arial';

  font-size: 18px;

  background-color: #f3c4c4;

  color: #b94a48;

}



.closebtn {

  margin-left: 15px;

  color: white;

  font-weight: bold;

  float: right;

  font-size: 22px;

  line-height: 20px;

  cursor: pointer;

  transition: 0.3s;

}



.closebtn:hover {

  color: black;

}