/*.form{
    text-align: center
  }
  .bandeau{
    height: 50px;
    font-size: 35px;
  }
  .form-control{
    border-color: #e96666;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(203, 102, 102, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(203, 102, 102, 0.6);
    text-align: center;;
  }
.form-control:focus {
    border-color: #66e96a;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 233, 106, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 233, 106, 0.6);
}
label{
  font-size: 40px;
  font-weight: 300;
  color: #2d6b22;}
}*/


  .main-container {
      background-image: url('/img/abaseo/background.svg');
      background-repeat: no-repeat;
      background-position: center right;
      background-size: contain;
      height: 100%;
  }

  .login-container {
      border-radius: 32px;
      max-width: 450px;
  }

  .login-container h1 {
      font-size: 48px;
  }

  .codes-container {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px;
  }

  .code-item-container {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .code-item {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--blue);
  }

  .code-item:hover {
      background-color: var(--blue);
      color: white;
  }

  #login .spinner-border {
      display: none;
  }

  #login[disabled] .spinner-border {
      display: inline-block !important;
  }