/****
 **** Individelle Styles und andere Elemente für das Backend von zukunftsforum-rissen.de
 ****
*/

/* Hintergrund in einer Farbe des Logos */
#main {
    background-color: #476A30;
    /* dunktelgrün aus Logo */
}

h1 {
    color: white;
}

/* Filter- und Suchleiste */
/*
/* * Elemente anordnen */
@media only screen and (max-width: 600px) {

    #filter,
    #filter_reset {
        top: 0px;
    }
}

/* Filter-Buttons */
#filter,
#filter_reset {
    width: 120px;
    height: 20px;
    background: none;
    border: 2px solid black;
}

#filter {
    margin-right: 10px;
    background-color: green;
    color: white;

}

#filter_reset {
    background-color: red;
    color: white;
}



.tl_panel {
    text-align: left !important;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
}

/* Aktive Filter deutlich machen */
.tl_panel .active,
.tl_panel_bottom .active,
#search .active {
    background-color: #c33;
}

.tl_filter {
    display: flex;
    flex-wrap: wrap;
    padding-top: 2rem;
}

.tl_filter strong {
    margin-top: -1.8rem;
}

/* Filter-Dropdownfelder breiter machen */
.tl_select {
    width: 20rem;
    max-width: none !important;
}

.tl_subpanel {
    float: left !important;
}

.tl_submit_panel {
    padding-left: 0 !important;
}

.tl_limit {
    margin-top: 2rem;
}

#firstname_chzn {
    order: 1;
}

#lastname_chzn {
    order: 2;
}

#newsletter_chzn {
    order: 3;
    width: 30rem;

}

#groups_chzn {
    width: 25rem;
    order: 4;
}

#typeOfMember_chzn {
    margin-right: 30rem;
    width: 12rem;
    order: 5;

}

#clubMemberConfirmation_chzn {
    width: fit-content;
    order: 6;
}

#clubMemberCancellation_chzn {
    margin-right: 10rem;
    width: fit-content;
    order: 7;
}


#fee_chzn {
    order: 8;
}

#feePaid_chzn {
    width: fit-content;
    order: 9;
}

#LastYearFeePaid_chzn {
    /*    margin-right: 10rem;*/
    width: fit-content;
    order: 10;
}


#donationPaid_chzn {
    width: fit-content;
    order: 11;
}

#lastYearDonationPaid_chzn {
    margin-right: 10rem;
    width: fit-content;
    order: 12;
}

#disable_chzn {
    order: 13
}

#hilfsfeld_chzn {
    order: 14;
}

.tl_sorting {
    width: 20rem;
}

.tl_search {
    width: 40rem;

}

.tl_file_list img {
    width: 1.5rem;
    height: 1.5rem;
}