@import url(http://fonts.googleapis.com/css?family=Roboto:400,100);
/*sensor colors*/
/*alarm colors*/
/* login screen */
.top-bar {
  height: 40px;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  background-color: #2d3e50; }
  .top-bar span {
    position: fixed;
    top: 10px;
    right: 100px;
    color: #fff; }

.login-card {
  position: absolute;
  right: calc(50vw - 180px);
  top: calc(50vh - 150px);
  width: 300px;
  border-width: 2px;
  border-style: solid;
  border-color: #d1d3d5;
  padding: 30px;
  padding-top: 50px;
  padding-bottom: 40px; }

.input-field {
  width: 300px;
  height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #faf5be;
  border-color: #d1d3d5;
  border-style: solid;
  border-width: 2px; }

#login-button {
  background-color: #415a75;
  padding: 10px;
  border-width: 0px;
  float: right;
  color: #FFF;
  margin-top: 10px; }

.input-remember {
  background-color: #fff;
  border-color: #d1d3d5;
  border-style: solid;
  border-width: 1px;
  border-radius: 0; }

.remember-text {
  color: #d1d3d5; }

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