.recipient-group-list-body:nth-child(odd) {
    background-color: #eeeeee;
}
.recipient-group-list-head {
    font-weight: bold;
}
button[data-toggle="collapse"][aria-expanded="true"] .fa-chevron-down {
    transform: rotate(180deg);
}
.shadow-heading {
    text-shadow: 4px 4px 10px rgba(30, 30, 30, 0.9);
    line-height: 0.9;
}

.fit-content {
    width: fit-content;
}

#EventHeader {
    width: 100%;
    box-shadow: inset 0px -16px 27px -17px rgba(0,0,0,0.5);
    background-size: cover;
}
.header-scaler {
    min-height: 300px;
}

.icon-width {
    min-width: 40px;
    justify-content: center;
}

.form-panel {
    margin: 0 -15px;
    padding: 20px;
}

#WaitingListTable th,
#WaitingListTable td {
    text-align: center;
}


/* PageNav */
body.EventManagerCalendarPage div.pagenav span.badge-primary {
    background-color: var(--danger);
}

/* Registrations Page */
.registrations .registration {
    border-top: 1px solid var(--info);
    border-bottom: 1px solid var(--info);
}
.bl-success {
    border-left: 3px solid var(--success);
}
.bl-secondary {
    border-left: 3px solid var(--secondary);
}
.bl-warning {
    border-left: 3px solid var(--warning);
}
.bl-danger {
    border-left: 3px solid var(--danger);
}

.br-success {
    border-right: 3px solid var(--success);
}
.br-danger {
    border-right: 3px solid var(--danger);
}

.invoice-link span.badge {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
}


/* Responsive layout - when the screen is less than 600px wide*/
@media only screen and (max-width: 600px) {
    .col-6{
        min-width: 100%;
        flex: 100%;
        margin: 0;
    }

}