.manage_mailing_lists .panel-heading
{
    display: flex;
    align-items: baseline;
}

.manage_mailing_lists .panel-heading a.btn
{
    margin-left: auto;
}

.manage_mailing_lists .subscription_status
{
    margin-top: 2em;
}

.manage_mailing_lists .membership_events_button
{
    margin-top: 4em;
}

.manage_mailing_lists .membership_events
{
    display: none;
}

.manage_mailing_lists .modal .membership_events
{
    display: block;
}

.manage_mailing_lists .membership_events .event_details > :last-child
{
    margin-bottom: 0;
}

.manage_mailing_lists .membership_events .membership_event
{
    display: flex;
    justify-content: stretch;
    align-items: center;
    border-top: solid 1px #ddd;
    padding: 1em 2em;
}

.manage_mailing_lists .membership_events .membership_event:first-child
{
    border-top: none;
}

.manage_mailing_lists .membership_events .membership_event .event_icon
{
    flex-grow: 0;
    flex-shrink: 0;
    width: 2em;
    font-size: 3em;
    line-height: .75em;
    padding-left: .25em;
}

.manage_mailing_lists #membership_events_modal .modal-body
{
    padding: 0 15px;
}

.manage_mailing_lists #membership_events_modal .modal-header
{
    background: #f0f0f0;
    border-radius: 6px 6px 0 0;
}

.manage_mailing_lists #membership_events_modal .modal-footer
{
    background: #f0f0f0;
    border-radius: 0 0 6px 6px;
}

.manage_mailing_lists .membership_events .membership_event .event_subscribed
{
    color: #282;
}

.manage_mailing_lists .membership_events .membership_event .event_unsubscribed
{
    color: #822;
}

.manage_mailing_lists .membership_events .membership_event .event_error
{
    color: #c22;
}

.mailing_list_details .badge
{
    vertical-align: middle;
}


@media (max-width: 767px)
{
    .manage_mailing_lists .membership_events .membership_event
    {
        padding: 1em;
    }
}