.error{
      color: red;
      display: block;
    }
    .login-section *{
      box-sizing: border-box;
    }
    .login-section a{
      text-decoration:  none;
    }

    .login-section {

      font-family: lato;
      margin: 0;
      padding: 2px;
    }

    .login-form button{

      background-color: #696cff;
      color: white;
      border: none;
      width: 100%;
      padding: 15px 20px;
      margin-top: 10px;
      margin-bottom: 10px;
      cursor: pointer;
    }

    .login-form input:focus{
      outline: solid thin #696cff;
    }

    .login-form input{

      padding: 15px;
      border: solid thin #ddd;
      font-size: 14px;
      color: #566a7f;
      width: 100%;
      outline: none;
      //margin-top: 10px;
      //margin-bottom: 10px;
    }

    .login-form{

      width: 100%;
      max-width: 400px;
      box-shadow: 0px 0px 6px #eee;
      min-height: 400px;
      margin: auto;
      background-color: white;
      color: #566a7f;
      padding: 20px;
    }

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

    .alert{
      color: #a30000;
      background-color: #ffc0a8;
      padding: 15px;
      margin: 4px;
      font-size: 14px;
    }
 
    .form-check input{
      width: 1.2em;
      height: 1.2em;
      outline: none;
      cursor: pointer;
      border: solid thin #ddd;
      align-self: flex-start;
      
    }