@import url(http://fonts.googleapis.com/css?family=Tenor+Sans);

html {

  background-color: #5D92BA;

  font-family: "Tenor Sans", sans-serif;

}



.container {

  width: 500px;

  height: 400px;

  margin: 0 auto;

}



.selectYellow{

    color: #009900;

    background-color: #FFFF00;

    opacity: 0.5;

    filter: alpha(opacity=50); /* For IE8 and earlier */

}



.login {

  margin-top: 50px;

  width: 450px;

}



.login-heading {

  font: 1.8em/48px "Tenor Sans", sans-serif;

  color: white;

}



.input-txt {

  width: 100%;

  padding: 20px 10px;

  background: #5D92BA;

  border: none;

  font-size: 1em;

  color: white;

  border-bottom: 1px dotted rgba(250, 250, 250, 0.4);

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -moz-transition: background-color 0.5s ease-in-out;

  -o-transition: background-color 0.5s ease-in-out;

  -webkit-transition: background-color 0.5s ease-in-out;

  transition: background-color 0.5s ease-in-out;

}

.input-txt:-moz-placeholder {

  color: #81aac9;

}

.input-txt:-ms-input-placeholder {

  color: #81aac9;

}

.input-txt::-webkit-input-placeholder {

  color: #81aac9;

}

.input-txt:focus {

  background-color: #4478a0;

}



.login-footer {

  margin: 10px 0;

  overlow: hidden;

  float: left;

  width: 100%;

  position:absolute; 

  bottom:0;

}



.btn {

  padding: 15px 30px;

  border: none;

  background: white;

  color: #5D92BA;

}



.btn--right {

  float: right;

}



.icon {

  display: inline-block;

}



.icon--min {

  font-size: .9em;

}



.lnk {

  font-size: .8em;

  line-height: 3em;

  color: white;

  text-decoration: none;

}