* { -webkit-tap-highlight-color: transparent; /* make transparent link selection, adjust last value opacity 0 to 1.0 */ }

html, body { background-image: url(../images/login-bg.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-family: 'FontAwesome'; background-color: #f3f3f3; height: 100%; }

.center { width: 980px; margin: 0 auto; }

.clear { clear: both; }

#login-alani { width: 415px; height: 430px; margin: 0 auto; background: #fff; border: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.22); /* box shadow mixin */ -moz-box-shadow: 0px 0px 20px #999; -webkit-box-shadow: 0px 0px 20px #999; -ms-box-shadow: 0px 0px 20px #999; box-shadow: 0px 0px 20px #999; /* border radius mixin */ -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
#login-alani h4 { text-align: center; font-family: "Roboto","Helvetica","Arial",sans-serif; color: #757575 !important; padding-bottom: 20px; margin-top: 50px; }
#login-alani #input-items { margin: 30px 20px; padding: 7px 0px; /* css calculator mixin */ width: -ms-calc(%100 - 80px); width: -moz-calc(%100 - 80px); width: -webkit-calc(%100 - 80px); width: calc(%100 - 80px); border: 1px solid rgba(0, 0, 0, 0.12); }
#login-alani #input-items i { float: left; margin: 0px 5px; }
#login-alani #input-items input { padding-left: 10px; font-size: 16px; height: 30px; width: 200px; }
#login-alani button { margin-top: 20px; }
#login-alani button[type="reset"] { height: 40px; width: 150px; margin-left: 50px; background-color: #ff5252; }
#login-alani button[type="submit"] { height: 40px; width: 150px; margin-left: 20px; background-color: #ffbd07; }

@media (min-width: 0px) and (max-width: 500px) { #login-alani { width: 320px !important; }
  #login-alani button { background-color: #999; width: 100px !important; margin-left: 10px; } }

/*# sourceMappingURL=index.css.map */