@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
body * {
  font-family: Poppins,serif;
  outline: none; }

body {
  font-family: Poppins,serif;
  font-size: 16px;
  color: #4D4D4F;
  margin: 0; }

#remember {
  margin-bottom: 15px; }

.info-text-container {
  background: #4D4D4F;
  color: #ffffff;
  margin: 10px 0;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  transition: background-color .2s; }
  .info-text-container.info-text-container-success {
    background: #99CC00; }
    .info-text-container.info-text-container-success.info-text-clickable:hover {
      background: #86b300; }
  .info-text-container.info-text-container-error {
    background: #EF3434; }
    .info-text-container.info-text-container-error.info-text-clickable:hover {
      background: #ed1c1c; }

.font-weight-bold {
  font-weight: bold; }

.text-primary {
  color: #00A79D; }

.text-center {
  text-align: center !important; }

.align-content-right {
  text-align: right !important; }

.container {
  height: 100vh;
  display: flex; }
  .container > div {
    flex-grow: 1; }
  @media only screen and (min-width: 768px) {
    .container .login-container {
      margin-top: 100px !important; } }
  .container .login-container .img-container {
    text-align: center;
    margin-bottom: 3em; }
    .container .login-container .img-container img {
      max-width: 400px; }
  .container .login-container .img-container-small img {
    max-width: 200px; }

.left-box {
  background: #4D4D4F; }

.password-container {
  position: relative; }
  .password-container span {
    position: absolute;
    right: 0;
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.5);
    margin: 9px 20px;
    transition: color .2s;
    height: 1.25em;
    display: flex;
    bottom: .75em;
    cursor: pointer; }

form label {
  color: #000;
  font-size: 14px; }
form input[type=text], form input[type=password], form input[type=email] {
  border: 2px solid rgba(0, 0, 0, 0.15) !important;
  font-size: 20px;
  padding: 10px 20px;
  margin-bottom: 15px;
  border-radius: 5px;
  box-shadow: none !important;
  width: 100%;
  color: #000;
  transition: background-color .2s; }
  form input[type=text]:focus, form input[type=text]:hover, form input[type=password]:focus, form input[type=password]:hover, form input[type=email]:focus, form input[type=email]:hover {
    background: rgba(0, 167, 157, 0.05); }
form .form-actions {
  text-align: right; }
  form .form-actions button {
    margin-bottom: 15px;
    background: #00A79D;
    color: #fff;
    text-transform: uppercase;
    box-shadow: none;
    border-radius: 3px;
    border: none;
    padding: 7px 15px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: background-color .2s; }
    form .form-actions button:hover {
      background: #008e85; }
    form .form-actions button.btn-secondary {
      background: #fff;
      color: #000;
      border: solid 1px #000; }
      form .form-actions button.btn-secondary:hover {
        background: #f2f2f2; }
form .alert-container .alert-error {
  color: #EF3434; }
form .alert-container .alert-success {
  color: #99CC00; }

.scopes {
  text-align: left;
  display: flex;
  flex-direction: column;
  margin: 2em 0; }
  .scopes .form-group-check {
    display: flex;
    align-self: center;
    width: 100%; }
    .scopes .form-group-check input {
      align-self: flex-start; }
    .scopes .form-group-check > div {
      text-align: left;
      margin-left: 1em; }
      .scopes .form-group-check > div p {
        margin-top: .25em; }

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