.responsive-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.login-page {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.login-page .container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 800px;
}
.login-page .container .info-section {
  padding: 1rem;
  background-color: #f6f6f6;
}
.login-page .container .info-section .info-list .info {
  display: flex;
  align-items: center;
}
.login-page .container .info-section .info-list .info .icon {
  padding: 0.26rem;
}
.login-page .container .info-section .info-list .info .icon img {
  height: 1em;
}
.login-page .container .info-section .info-list .info .text {
  padding: 0.26rem;
}
.login-page .container .form-section .heading {
  text-align: center;
  padding: 0.55rem;
}
.login-page .container .form-section .form {
  padding: 1rem;
  width: 360px;
  background-color: #ffffff;
}
.login-page .container .form-section .form .forget-password {
  margin-top: 1em;
}
.login-page .container .form-section .actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.login-page .container .form-section .actions a {
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 1024px) {
  .login-page .container {
    flex-wrap: wrap;
  }
  .login-page .container .form-section {
    order: 1;
  }
  .login-page .container .info-section {
    order: 2;
  }
}

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