.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25);
    transition: 0.3s;
    padding: 20px;
    background-color: #FFFFFF;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;

    border-radius: 10px;
}

.card-header {
    display: table;
    flex: 0 1 auto;
    width: 100%;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 10px;
    padding-bottom: 5px;
    z-index: 99;
}

.card-borderless{
    border: 0px;
}

.card-body {
    flex: 1 1 auto;
    width: 100%;
    z-index: 99;
}

.card-footer {
    flex: 0 1 auto;
    width: 100%;
    margin-top: 15px;
    z-index: 99;
}

    .card-footer .btn {
        width: 100%;
    }

.card-container{
    padding: 20px 40px 20px 40px;
}
.card-container .card {
    margin-left: auto;
    margin-right: auto;
}