body {
  margin: 0;
  padding-top: 2%;
  box-sizing: border-box;
}
 
html {
  font-size: 24px;
}
.header {
  height: 50%;
}
.page {
  display: flex;
  flex-wrap: wrap;
  border-width: 1px;
  border-style: solid;
  width: 960px;
  border-color: black;
  margin: 0 auto;
}
.section {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sign-in {
  background-color: #E6E6EA;
  height: auto;
}
.new-password {
  padding: 2%;
}  
.form-login-data {
	padding-top: 2%;
}
a.button1{
 display:inline-block;
 padding:0.35em 1.2em;
 border:0.2em solid #FFFFFF;
 margin:0 0.3em 0.3em 0;
 border-radius:0.12em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color: #004993;
 text-align:center;
 transition: all 0.2s;
}
a.button1:hover{
 color:#000000;
 background-color:#FFFFFF;
}
.ateel_logo {
  width: 21%;
  height: auto;
  padding-right: 10%;
}
.alice_legend {
  width: 50%;
  height: auto;
}
label { 
  width: 10em;
  font-family: arial; 
  font-size: 0.75em; 
  line-height: 1em; 
  display: block;
  float: left;
} 

input[type=text] {
  padding:5px; 
  border:2px solid #ccc; 
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
input[type=password] {
  padding:5px !important; 
  min-width: 300px;
  border:2px solid #ccc !important;; 
  -webkit-border-radius: 5px !important;;
  border-radius: 5px !important;
}
input[type=mail] {
  padding:5px !important; 
  min-width: 300px;
  border:2px solid #ccc !important;; 
  -webkit-border-radius: 5px !important;;
  border-radius: 5px !important;
}
input[type=text]:focus {
  border-color:#333;
}

input[type=submit] {
  height:60px;
  width: 250px;	
  display:inline-block;
  padding:0.35em 1.2em;
  border:0.2em solid #FFFFFF;
  margin:0 0.3em 0.3em 0;
  border-radius:0.12em;
  box-sizing: border-box;
  text-decoration:none;
  font-family:'Roboto',sans-serif;
  font-weight:bold;
  font-size:1em;
  color: #004993;
  text-align:center;
  transition: all 0.2s;
}
.wrapper {
  text-align: center;
}
}
