.login-form {

  height: inherit;

  position: absolute;

  top: 0;

  z-index: 900;

  -webkit-transform: rotateX(0deg) rotateY(0deg);

     -moz-transform: rotateX(0deg) rotateY(0deg);

  -webkit-transform-style: preserve-3d;

     -moz-transform-style: preserve-3d;

  -webkit-backface-visibility: hidden;

     -moz-backface-visibility: hidden;

  -webkit-transition: all .4s ease-in-out;

     -moz-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

     -o-transition: all .4s ease-in-out;

      transition: all .4s ease-in-out;

}

#inputEmail{
	text-transform: lowercase;
}


.forgot-pass {

  height: inherit;

  position: absolute;

  top: 0;

  z-index: 1000;

  -webkit-transform: rotateY(-180deg);

     -moz-transform: rotateY(-180deg);

  -webkit-transform-style: preserve-3d;

     -moz-transform-style: preserve-3d;

  -webkit-backface-visibility: hidden;

     -moz-backface-visibility: hidden;

  -webkit-transition: all .4s ease-in-out;

     -moz-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

     -o-transition: all .4s ease-in-out;

      transition: all .4s ease-in-out;

}

.flip.login-form {

  z-index: 900;

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

}

.flip.forgot-pass {

  z-index: 1000;

  -webkit-transform: rotateX(0deg) rotateY(0deg);

  -moz-transform: rotateX(0deg) rotateY(0deg);

}



.card{

  top: 10%;

  width: 350px;

  left: 0%;

  right: 0%;

  height: auto

}