/* color */
/* layout */
/* responsive */
/* style */
/* state */
html, body {
  height: 100%;
}

body {
  background: #F6F6F3;
  text-align: center;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.panel-header {
  margin: 0 0 5rem 0;
}
.panel-header::before {
  content: "";
  width: 6rem;
  height: 6rem;
  position: absolute;
  background: white;
  top: calc(4rem - 1px);
  left: calc(50% - 3rem - 1px);
  border-radius: 3rem;
  border: 1px solid #cfcfcf;
}
.panel-header::after {
  content: "\f007";
  width: 6rem;
  height: 6rem;
  line-height: calc(14px * 6.5);
  position: absolute;
  background: white;
  top: 4rem;
  left: calc(50% - 3rem);
  border-radius: 3rem;
  z-index: 3;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 2rem;
  overflow: hidden;
  box-sizing: border-box;
  color: #5a5a5a;
}
.panel-header.has-subtitle::before {
  top: calc(6.6rem - 1px);
}
.panel-header.has-subtitle::after {
  top: 6.6rem;
}

.panel {
  width: 50vw;
  min-width: 18rem;
  max-width: 23rem;
  text-align: center;
  margin: 0 auto 5rem;
  z-index: 2;
  padding: 4rem 3rem 2rem;
}

h1 {
  width: 80vw;
  max-width: 25rem;
  color: transparent;
  font-size: larger;
  font-weight: 100;
  margin: 1rem auto 0;
  white-space: nowrap;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

h2 {
  text-align: center;
  margin-top: 1rem;
  font-size: 1.2rem;
  font-size: min(5vw, 1.2rem);
  color: #5c5c5c;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input {
  width: 100%;
  margin: 0 0 1.5rem 0;
  padding: .7rem 1rem !important;
}
input[type="button"], input[type="submit"] {
  margin-top: 1rem;
}

.logo-factory {
  background: url(../../img/sys_logo_1line_black_f.svg) center center no-repeat;
}

.logo-sensing {
  background: url(../../img/sys_logo_1line_black.svg) center center no-repeat;
}

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