.card-body {
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
}

.card-body {
    background-color: #dbecfb;
}

input {
    background-color: #DDD;
}

.card-title {
    padding: 5px
}

.note {
    font-style: italic;
    border-style: solid;
    border-width: 1px;
    border-color: #888;
    background-color: rgb(255, 249, 172);
    margin-top: 10px;
    padding:5px;
}

.no-show {
    display: none
}

@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
  }

  .shake {
    animation: shake 0.5s;
  }