@media (min-width: 1880px)
{
    .container
    {
        width: 1850px
    }
}

.endorsement_board_member
{
    cursor: help;
    background: #d05060;
}

.endorsement_founder
{
    cursor: help;
    background: #80a080;
}

.endorsement_oceanic
{
    cursor: help;
    background: #4080d0;
}

.endorsement_mentor
{
    cursor: help;
    background: #5cb85b;
}

.endorsement_visiting_controller
{
    cursor: help;
    background: #804080;
}

.experience_atc
{
    cursor: help;
    background: #d0d0a0;
}

.experience_pilot
{
    cursor: help;
    background: #a0d0d0;
}

.vatnz_members .vatnz_members_table .vatsim_id,
.vatnz_members .vatnz_members_table .last_vatnz_activity
{
    text-align: right;
}

.vatnz_members .vatnz_members_table td.controller_name
{
    font-weight: 600;
}

.member_counts_table.table > tbody > tr.controllers td,
.member_counts_table.table > tbody > tr.total td
{
    border-top: 2px solid #888;
}

.member_counts_table td,
.member_counts_table th
{
    text-align: right;
}

.member_counts_table td.rating,
.member_counts_table th.rating
{
    text-align: left;
}

abbr[title]
{
    border-bottom: none;
}

abbr.member_status::before
{
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: .25em;
}

abbr.member_status.registration_incomplete
{
    color: darkcyan;
}

abbr.member_status.registration_incomplete::before
{
    font: var(--fa-font-regular);
    content: "\f007";
}

abbr.member_status.inactive_account
{
    color: darksalmon;
}

abbr.member_status.inactive_account::before
{
    font: var(--fa-font-solid);
    content: "\f4fd";
}

abbr.member_status.permanently_suspended
{
    color: darkred;
}

abbr.member_status.permanently_suspended::before
{
    font: var(--fa-font-solid);
    content: "\f506";
}

abbr.member_status.good_standing
{
    color: darkgreen;
}

abbr.member_status.good_standing::before
{
    font: var(--fa-font-solid);
    content: "\f4fc";
}

.member_details > header
{
    border-bottom: solid 1px;
    margin-bottom: 2em;
    padding-bottom: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.member_details > header > div.right
{
    text-align: right;
}

.member_details > header h1
{
    margin: 0;
}

.member_details > dl.member_summary
{
    display: flex;
    align-items: normal;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1em;
    padding-bottom: 2em;
    border-bottom: solid 1px;
}

.member_details > dl.member_summary > div
{
    width: calc(100% / 3 - 2em);
}

.vatnz_members dt,
.vatnz_members dd
{
    border-left: solid .25em #48e;
    padding-left: 0.5em;
}

.vatnz_members dt::after
{
    content: ':';
    padding-left: .125em;
}

.member_details dd.no_value::before
{
    content: '\2014';
    color: lightgray;
}

.member_details dd > span.time_since
{
    font-size: .875em;
    font-weight: 300;
}

.member_log > article
{
    margin: 2em 0 2em 2.25em;
    position: relative;
}

.member_log > article.mle::before
{
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: -36px;
    top: 0;
    font-size: 24px !important;
    font: var(--fa-font-solid);
    content: '\f111';
}

.member_log > article.mle.mle_MemberSync_AddMember::before
{
    content: '\f234';
}

.member_log > article.mle.mle_MemberSync_ChangeMember::before
{
    content: '\f019';
}

.member_log > article.mle.mle_Member_JoinDivision::before
{
    content: '\f090';
}

.member_log > article.mle.mle_Member_DepartDivision::before
{
    content: '\f08b';
}

.member_log > article.mle.mle_Member_ChangeRating::before
{
    content: '\f005';
}

.member_log > article.mle.mle_Member_ChangePilotRating::before
{
    content: '\f072';
}

.member_log > article.mle.mle_Member_ChangeMilitaryRating::before
{
    content: '\f0fb';
}

.member_log > article.mle.mle_Member_AddSuspension::before
{
    content: '\f506';
}

.member_log > article.mle.mle_Member_RemoveSuspension::before,
.member_log > article.mle.mle_Member_RemoveInactivityBan::before,
.member_log > article.mle.mle_Member_AdmittedToNetwork::before
{
    content: '\f4fc';
}

.member_log > article.mle.mle_Member_AddInactivityBan::before
{
    content: '\f4fd';
}


.member_log > article > header
{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-bottom: solid 1px lightgrey;
}

.member_log > article h1
{
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

.member_log > article .event_time
{
}


.member_log table.changed_fields
{
    font-size: .875em;
    margin: 1em 0;
    border: solid 1px;
}

.member_log table.changed_fields thead th
{
    background: #e8e8e8;
}

.member_log table.changed_fields th,
.member_log table.changed_fields td
{
    padding: .25em 0.5em;
    border: solid 1px #ccc;
}


.member_filters
{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 1em;
}


.vatnz_members details
{
    border: solid 1px #ddd;
    padding: .5em;

    margin-top: 0.5em;
    background: #f8f8f8;
    border: none;


}

.vatnz_members details summary
{
    cursor: pointer;
    font-weight: 700;
    text-decoration: underline;
}

.vatnz_members details summary::before
{
    content: '\2192';
    width: 1em;
    display: inline-block;
    text-align: center;
    margin-right: .5em;
    font-weight: 700;
}

.vatnz_members details[open] summary
{
    border-bottom: solid 1px;
    padding-bottom: .5em;
    margin-bottom: 1em;
}

.vatnz_members details[open] summary::before
{
    content: '\2193';
    width: 1em;
    display: inline-block;
}

.member_log > article.mle > .description > p
{
    margin-bottom: .25em;
}

.member_log > article.mle > details
{
    margin-top: 0.5em;
    background: #f8f8f8;
    border: none;
}

.member_filters ul
{
    list-style: none;
    padding: 0;
    margin: 1em 0 0;
    /*
    max-height: 20vh;
    overflow-y: auto;
    */
}

.member_filters li
{
    font-family: Roboto Condensed, sans-serif;
    font-size: .875em;
    border-left: solid 4px #ddd;
    padding-left: .5em;
    margin: 0 0 .25em;
}

.member_filters li.selected
{
    font-weight: 700;
    border-left-color: #888;
}


.member_list_page
{
    display: flex;
    gap: 1em;
}

.member_table_and_pagination
{
    flex-grow: 1;
}

nav.member_nav
{
    /*margin: 1em 1em 1em 0;*/
}


nav.member_nav h1
{
    font-size: 1.125em;
    font-family: Lato, sans-serif;
    font-weight: 700;
    margin-bottom: 0;
}

nav.member_nav > .member_search > form
{
    display: flex;
    gap: .5em;
    margin: 1em 0;
}

table.member_list
{
    font-size: .8125em;
}

table.member_list td:empty::before
{
    content: '\2015';
    color: #ddd;
}

table.member_list abbr.vu::before
{
    font: var(--fa-font-solid);
    content: '\f007';
}

table.member_list abbr.du::before
{
    font: var(--fa-font-brands);
    content: '\f392';
}

table.member_list td.ebadge
{
    width: 2em;
    text-align: center;
    padding-right: 0;
    padding-left: .25em;
}

table.member_list td.ebadge:empty::before
{
    content: '\2a2f';
    color: #ddd;
}

table.member_list td.ebadge:last-child
{
    padding-right: .5em;
}


nav.paginator
{
    display: flex;
    align-items: center;
    gap: 2em;
}

@media only screen and (max-width: 1200px)
{
    .member_list_page
    {
        flex-direction: column;
    }

    .member_filters li
    {
        display: inline-block;
        padding: .25em .5em;
        margin: 0 .5em .5em 0;
        background: #e8e8e8;
        border: none;
    }

    .member_filters li.selected
    {
        background: #428bca;
    }

    .member_filters li.selected a
    {
        color: #fff;
    }

    table.member_list
    {
        font-size: .75em;
    }
}


@media only screen and (max-width: 749px)   /* MOBILE ONLY */
{
    .member_details > header
    {
        flex-direction: column;
        align-items: normal;
    }

    .member_details > header > div.right
    {
        text-align: left;
    }

    .member_details > dl.member_summary > div
    {
        width: 100%;
    }

    .member_log > article > header
    {
        flex-direction: column;
    }
}