html, body{
  /* background: linear-gradient(to top, #004E91, #026BC1); */
  /* background: linear-gradient(to bottom right, #004E91, #026BC1); */
  background: linear-gradient(to top right, #004480, #026BC1);

}

.back {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
  }
  
  .div-center {
    width: 400px;
    height: 400px;
    background-color: white;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 1em 2em;
    border-bottom: 2px solid #ccc;
    border-radius: 25px;
    border-radius: 25px 0px 25px 0px;
    display: table;
  }

  .shadow-box {
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /* X-offset, Y-offset, blur, transparency */
    /* border-radius: 10px;  */
}
  
  div.content {
    display: table-cell;
    vertical-align: middle;
  }

  .btn-primary{
    margin-top: 20px;
  }

  .login-logo{
    width: 320px;
    margin: 0 auto;
  }

  .container-legal{
    position: absolute;
    bottom: 10px;
    right: 10px;
  }

  .link-legal{
    /* color: #32A9DD; */
    color: lightgray;
    font-size: 0.8rem;
  }

  .link-legal:hover{
    color: white;
  }