#login-page {
  height: 100% !important;
  width: 100%;
  background: white;
  align-items: center;
  align-items: center;
}
@media (orientation: portrait) {
  #login-page {
    background-size: 280% auto;
    background-position-x: 70%;
  }
}
#login-page ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999;
  opacity: 1;
  /* Firefox */
}
#login-page :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999;
  opacity: 1;
  /* Firefox */
}
#login-page ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999;
  opacity: 1;
  /* Firefox */
}
#login-page :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
}
#login-page ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999;
}
#login-page .vertical-center {
  height: 100px;
  min-height: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  min-width: 100%;
  justify-content: flex-start;
}
#login-page .login-box {
  padding: 0px 30px 15px 30px;
}
#login-page .login-box h4 {
  color: #fff;
  font-weight: 300;
}
#login-page .login-box .line-group {
  overflow: initial;
}
#login-page .login-box .btn-group {
  clear: none;
  display: block;
}
#login-page .login-box input {
  width: 100%;
  padding: 10px 15px;
  margin-top: 15px;
  transition: 0.3s;
  outline: none;
  height: 42px;
  text-align: center;
}
#login-page .login-box input[type=text], #login-page .login-box input[type=password] {
  border-radius: 0px;
  color: black;
  background-color: transparent;
  border: 1px #ddd solid;
  border-top: none;
  border-left: none;
  border-right: none;
}
#login-page .login-box input[type=text]:focus, #login-page .login-box input[type=password]:focus {
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: none;
}
#login-page .login-box input[type=text]:-webkit-autofill, #login-page .login-box input[type=password]:-webkit-autofill {
  -webkit-text-fill-color: black !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
#login-page .login-box input[type=submit] {
  color: #fff;
  background-color: #00ada9;
  border-color: #00ada9;
  border-radius: 6px !important;
}
#login-page .login-box input[type=submit]:hover {
  background-color: #4AACA1;
  border-color: #4AACA1;
}
#login-page .login-honey {
  position: relative;
  width: 100%;
  aspect-ratio: 100/50;
}
#login-page .login-honey .login-item.img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 25%;
  aspect-ratio: 100/100;
  position: absolute;
}
#login-page .login-honey .login-item.img.img-1 {
  background-image: url("../../images/wind.png");
  right: 37.5%;
}
#login-page .login-honey .login-item.img.img-2 {
  background-image: url("../../images/butterfly.png");
  right: 25.5%;
  top: 41%;
}
#login-page .login-honey .login-item.img.img-3 {
  background-image: url("../../images/labo.png");
  right: 49.5%;
  top: 41%;
}
#login-page .login-header {
  font-weight: 200;
  text-align: center;
}/*# sourceMappingURL=login.css.map */