.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #container-smartie {
      background-color: whitesmoke;
      padding:10pt;

  }
  .card-smartie {
      background-color: antiquewhite;
      padding: 10pt;
      margin-bottom: 10pt;
  }
 .card-body.lz {
     background-color:bisque;
     
 }
 .container.lz {
     padding:5pt;
 }
 .card-text.lz {
     background-color: whitesmoke;
 }
 .purple-border textarea {
    border: 1px solid #ba68c8;
}
.purple-border .form-control:focus {
    border: 1px solid #ba68c8;
    box-shadow: 0 0 0 0.2rem rgba(186, 104, 200, .25);
}

.green-border-focus .form-control:focus {
    border: 1px solid #8bc34a;
    box-shadow: 0 0 0 0.2rem rgba(139, 195, 74, .25);
}
::placeholder {
    font-size:x-small;
    font-style:italic;
}