/*TODO Style u50_1 Kontaktliste und Gästeliste*/

/**
Split Screen into 2
 */
.row {
    display: flex;
    /*margin-left:-5px;*/
    /*margin-right:-5px;*/
}

.column {
    flex: 50%;
    padding: 1%;
}

/**
Table Style
 */
.contact_guest_table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.contact_guest_table thead {
    background: lightgray;
    color: #fff;
}

.contact_guest_table thead tr {
    display: flex;
}

.contact_guest_table thead th,
.contact_guest_table thead td {
    /*padding: 5px;*/
    border: 0;
    text-align: left;
    width: 140px;
}

.contact_guest_table tbody {
    display: block;
    /*width: 100%;*/
    overflow: auto;
    height: 160px;
}

.contact_guest_table tbody tr {
    /*display: flex;*/
}

.contact_guest_table tbody th,
.contact_guest_table tbody td {
    /*padding: 5px;*/
    text-align: left;
    width: 140px;
}

/*TODO Test +/- button*/

.plus_minus_button th,
.plus_minus_button td {
    /*padding: 5px;*/
    text-align: left;
    width: 150px;
}

/*TODO Warnungen + Vorschlägen*/

.meldungen_table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.meldungen_table thead {
    background: lightgray;
    color: #fff;
}

.meldungen_table thead tr {
    display: block;
}

.meldungen_table tbody {
    display: block;
    /*width: 100%;*/
    overflow: auto;
    height: 160px;
}

.meldungen_table tbody tr {
    /*display: block;*/
}

/*.meldungen_table th,*/
/*.meldungen_table td {*/
/*    !*padding: 5px;*!*/
/*    text-align: left;*/
/*    width: 90px;*/
/*}*/

.meldungen_table tbody th,
.meldungen_table tbody td {
    /*padding: 5px;*/
    border:0;
    text-align: left;
    color: red;
    width: 500px;
}


/*TODO Nur für Alle hinzufügen und Alle entfernen Zeile*/

tr.noBorder td {
    /*display: block;*/
    border: 0;
    text-align: left;
    width: 70%;
}

tr.noBorder th {
    /*display: block;*/
    border: 0;
    text-align: left;
    width: 70%;
}

/*TODO u50_2 Style*/

.row_50_2 {
    display: flex;
    /*margin-left:-5px;*/
    /*margin-right:-5px;*/
}

.column_50_2 {
    flex: 100%;
    padding: 1%;
}

.guestlist_table_u50_2 {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.guestlist_table_u50_2 tbody {
    display: block;
    width: 100%;
    overflow: auto;
    height: 200px;
}

.guestlist_table_u50_2 thead tr {
    display: block;
}

.guestlist_table_u50_2 thead {
    background: lightgray;
    color: #fff;
}

.guestlist_table_u50_2 th,
.guestlist_table_u50_2 td {
    /*padding: 5px;*/
    text-align: left;
    width: 250px;
}