html > body {
    /* override bootstrap background */
    background: #f9f9f9;
}

footer p {
    margin-top: 50px;
    text-align: center;
}

.email-table {
    margin-top: 20px;
}

div.min-height {
    min-height: 400px;
}

header {
    background-color: #D9E2E9;
    /* leave some space on top  */
    padding-top: 5px;
}

#openRandomButton {
    /* center vertically */
    margin-top: 6px;
}

.email-table > .email {
    border-top: 5px solid #7C96AB;

    /* idea: card shadow arround:
     see https://blog.alexdevero.com/mastering-card-design-with-bootstrap-4/
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    */
}

.header-shadow {
    box-shadow: 0 2px 2px rgba(182, 182, 182, 0.75);
}

.sticky-header {
    top: 0;
    z-index: 1000;
    background-color: white;
}


.waiting-screen {
    padding: 40px 15px;
    text-align: center;
}

div.min-height {
    min-height: 400px;
}