.summary-item{
    display: flex;
    justify-content: space-between;
}
#card-element {
    border: 1px solid #ccc;
    padding: 10px;
}
.font_xxx{
    font-size: xxx-large;
}
.card-header{
    padding: 100px;
}
.dataTables_wrapper {
    padding: 100px;
}
.total-bold{
    font-weight: bold;
}
.app_logo{
    border-radius: 8px;
    position: relative;
    z-index: -4;
}
.slide4 img{
    opacity: 0.75;
    object-fit: cover;
}
@media only screen and (max-width: 767px) {
    .slide4 img{
        display: none;
        opacity: 0.5;
        height: 100vh;
        object-fit: cover;
    }
}
.event_image{
    width: 170px;
    height: 220px;
    object-fit: cover;
}

.text-dark{
    color: black !important;
}
.error{
    font-size: smaller;
    margin: 5px;
}