body {
    background:#f5f5f5;
}
.card {
    width: 33%;
    padding:10px;
    float: left;
    position: relative;
    
}
.card .card-inner {
    height: 285px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, 0.7);
}

.card .card-header {
    border-bottom: 1px solid #ebeff2;
    border-top:2px solid #ccc;
    padding: 19px 15px;
    text-align: left;
    color: #59687f;
    font-size: 19px;
    position: relative;
}

.card .card-inner.priority-3 .card-header {
    border-top-color:#ccc;
}
.card .card-inner.priority-2 .card-header {
    border-top-color:orange;
}
.card .card-inner.priority-1 .card-header{
    border-top-color:red;
}

.card .card-body {
    padding:15px;
    height:185px;
    overflow-y:auto;
    font-size:16px;
}

.card .card-footer {
    border-top: 1px solid #ebeff2;
    padding: 10px 15px;
    text-align: left;
    color: #59687f;
    font-size: 12px;
    position: relative;
    text-transform:uppercase;
    font-weight:bold;
}