.name {
  padding: 20px 0;
  padding-bottom: 47px;
}
.name h3 {
  margin: 0;
  font-size: 2rem;
}

@media screen and (max-width: 640px) {
  .card-login {
    flex-flow: column-reverse;
  }
}
.card-login canvas {
  height: 100vh;
}
@media screen and (max-width: 640px) {
  .card-login canvas {
    height: 300px;
  }
}

.uk-card-body {
  position: relative;
  height: 100%;
  width: 100%;
}

.login-form {
  padding: 0px 20px;
  width: 400px;
}
@media screen and (max-width: 640px) {
  .login-form {
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .uk-position-center {
    position: relative !important;
    transform: initial;
    top: 0;
    left: 0;
    width: 100%;
  }
}

.uk-inline {
  width: 100%;
}

.uk-button-primary, .uk-button-primary:focus, .uk-button-primary:hover {
  background-color: #1BB395;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
}

.has-error {
  text-align: left;
}

.help-block.form-error {
  color: #b94a48;
}

.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
  background-color: #1BB395;
}

.uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus {
  background-color: #1BB395;
}
.uk-width-1-3\@m {
    min-width: 419px;
}
.logo-login{
    height: 140px;
    margin: 0 auto;
    display: flex;
}
/*# sourceMappingURL=main.css.map */