.card {
    box-shadow: 0 1px 3px rgba(0,0,0,0.32), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    padding: 8px 12px 12px 12px;

    margin-bottom: 24px;
    background-color: rgba(249, 249, 249, 0.16);
}

    .card .card-wrapper {
        height: 256px;
        overflow-x: auto;
    }

.card-dark {
    color: white;
    background-color: #008195;
}

.card.card-person {
    position: relative;
}

.card.card-person:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f007";
    position: absolute;
    font-size: 5em;
    opacity: 0.2;
    top: 25%;
    left: 50%;
}

.card .card-wrapper-vertical {
    height: 256px;
    overflow-y: auto;
}

    .card .announcement {
        margin-bottom: 8px;
    }

    .card h4 {
        font-weight: bold;
    }

    .card h5 {
        font-weight: bold;
        margin-bottom: 2px;
    }

    .card .table-condensed td {
        border: none;
        padding-left: 0;
        padding-bottom: 0;
    }