* {
box-sizing: border-box; /*UserNAme Password*/
}

*:focus {
	outline: none;
}
body {
font-family: Arial;
background-color: #ffffff;/*#3498DB;*/
padding: 50px;
}
.login {
/*margin: 20px auto;*/
 width:200px;/*70%; /*200px;*/
 /*position: relative;*/
}
.login-screen {
background-color:#51B9E6;/*#23A7E0;/*#08088A; /*#694489;/* #FFF;*/
padding: 15px;
border-radius: 5px
}

.app-title {
font-size: 16px;
font-weight: 400;
  font-weight: bold;
/*text-align: center;*/
color:#08088A; /*#ffffff;*/
}

.login-form {
text-align: center;
}
.control-group {
margin-bottom: 10px;
width:150px;  /*50%;*/
}

input {
text-align: center;
background-color: #ECF0F1;
border: 2px solid transparent;
border-radius: 3px;
font-size: 16px;
font-weight: 200;
padding: 10px 0;
/*width: 200%;*/
  width:100px;/*60%;/*150px; */
transition: border .5s;
}

input:focus {
border: 2px solid #694489;/*#3498DB;*/
box-shadow: none;
}

.btn {
  border: 2px solid transparent;
  /*background: #3498DB;*/
  background:#1485B5; /* dark blue #08088A; /*#9F5FDF;*/
  color:#fff;/*#694489; /*#ffffff;*/
  font-size: 15px;
  line-height: 25px;
 /* padding: 10px 0;*/
  text-decoration: none;
  text-shadow: none;
  border-radius: 3px;
  box-shadow: none;
  transition: 0.25s;
  display: block;
   font-weight: bold;
  width:80px; /*250px;*/
  margin: 0 auto;
  height:25px;
}

.btn:hover {
  background-color:#ECF0F1;/*#2980B9;*/
  font-size: 15px;
  font-weight: bold;
  color: #000;text-decoration: none;
}

.login-link {
  font-size: 12px;
  color: #fff;
  display: block;
 margin-top: 12px;
 /*margin-left: 1px;*/
}