.content-margin {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 25px;
    /* max-width: 1000px; */
    display: grid;
    place-items: center;
}

.card-img {
    max-width: 1000px;
    max-height: 500px;
}


div.card {
    padding: 20px;
    text-align: center;
}

div.brall {
    border-radius: 5px;
}

div.brnotop {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

div.brnobottom {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.bcolor-xlblue {
    background-color: #316dc3 !important;
    color: #fff !important;
}

.bcolor-text-xlblue {
    color: #316dc3 !important;
}

.bcolor-text-grey {
    color: #a0a0a0;
}

.slable-red {
    background-color: #c80000 !important;
    color: #fff !important;
    border-radius: 2px !important;
    padding: 3px !important;
}

.slable-blue {
    background-color: #0084ff !important;
    color: #fff !important;
    border-radius: 2px !important;
    padding: 3px !important;
}

.slable-green {
    background-color: #00bb09 !important;
    color: #fff !important;
    border-radius: 2px !important;
    padding: 3px !important;
}

div.footer{background:#333;
    text-align: center;
    color:#999;
}