/* Tisch-Bereichs-Segment-Platz-Auswahl */
#tableSelectionWrapper
{
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
}

/* Bereichsauswahl */
#areaSelection
{
    width: 100%;
    font-size: 1.2rem;
    table-layout: fixed;
    word-break: break-all;
}

.areaTdLeft, .areaTdMiddle, .areaTdRight
{
    width:          20%;
    height:         3rem;
    background-color:   white;
    color:          black;

    font-weight: bold;
    border: 0.1rem solid #000;
    border-radius:          0.25rem;
    -moz-border-radius:     0.25rem;
    -webkit-border-radius:  0.25rem;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.areaTdLeft
{
    border-right:   0.1rem solid black;
    border-bottom:  0.1rem solid black;
}

.areaTdMiddle
{
    border-right:   0.1rem solid black;
    border-bottom:  0.1rem solid black;
}

.areaTdRight
{
    border-bottom:  0.1rem solid black;
}

/* Stationsauswahl */
#stationFilterSelection, #stationEntrySelect
{
    width: 100%;
    table-layout: fixed;
    font-size: 1.2rem;
}

.stationFilterTD, .stationEntryValue
{
    height:         3rem;
    background-color:   white;
    color:          black;

    font-weight: bold;
    border: 0.1rem solid #000;
    border-radius:          0.25rem;
    -moz-border-radius:     0.25rem;
    -webkit-border-radius:  0.25rem;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.stationEntryValue.disabled
{
    background-color: silver;
}

/*Segment Auswahl */
#segmentSelection
{
    width: 100%;
    font-size: 1.2rem;
    table-layout: fixed;
}

.segmentTD
{
    width:          15%;
    height:         3rem;
    background-color:   white;
    color:          black;

    font-weight: bold;
    border: 0.1rem solid #000;
    border-radius:          0.25rem;
    -moz-border-radius:     0.25rem;
    -webkit-border-radius:  0.25rem;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

/* Tischauswahl */
#tableSelection
{
    width: 100%;
    font-size: 2rem;
}

.tableSegmentValue, .areaValue, .seatValue, .occupiedTable
{
    /*background: -webkit-gradient(linear, 0 100%, 0 0%, from(#CCCCCC), to(#FFFFFF));*/
    /* see .whiteBackground */
    overflow: hidden;
}

.reservedTable
{
    background: #DC7633 !important;
    background-image: none !important;
    color: #FFF !important;
}

.reservedTableWithOrder
{
    background: #6c98c4 !important;
    background-image: none !important;
    color: #FFF !important;
}

.tableSegmentValueSelected, .stationFilterSelected, .areaValueSelected, .seatValueSelected, .stationEntrySelected
{
    /*font-size: 2rem;*/
    -ms-transform: translateY(0.25rem);
    -webkit-transform: translateY(0.25rem);
    transform: translateY(0.25rem);
    border-bottom: none;
}

.filteredBlock
{
    visibility: hidden !important;
}

.selectedTable
{
    background-color: #FF0000;
    color: #000000;
}

.tableTdLeft, .tableTdMiddle, .tableTdRight
{
    width:          20%;
    height:         3rem;

    font-weight: bold;
    border: 0.1rem solid #000;
    border-radius:          0.25rem;
    -moz-border-radius:     0.25rem;
    -webkit-border-radius:  0.25rem;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.tableTdLeft
{
    border-right:   0.1rem solid black;
    border-bottom:  0.1rem solid black;
}

.tableTdMiddle
{
    border-right:   0.1rem solid black;
    border-bottom:  0.1rem solid black;
}

.tableTdRight
{
    border-bottom:  0.1rem solid black;
}

.tableSelectionHeaderText
{
    font-weight: bold;
    font-size: 1.8rem;
    color: #FFFFFF;
    text-align: center;
}

/* Logout */
#tableSelectionLogout
{
    width: 100%;
    font-size: 1.2rem;
}

/* Table Plan */
#tableViewWrapper
{
    height: 50%;
    width: 100%;
}

#tableView
{
    height: 100%;
    /*margin-top: 2rem;*/
}

#tablePlan
{
    width: 100%;
    border: 0.1rem solid #000;
    font-size: 2rem;
    border-collapse: collapse;
    color: #000;
    margin: 0 auto;
}

#tablePlan td
{
    border: 0.1rem dashed #000;
    height: 3rem;
    width: 3rem;
    text-align: center;
    position: relative;
}

.reservedGroupIcon
{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0.8rem;
}

#tablePlan td>button
{
    height: 90%;
    width: 90%;
    font-size: 2rem;
    font-weight: bold;
}

#tablePlan td>p
{
    /*display: none;*/
    margin: 0;
    padding: 0;
}

.tableSegmentUnavailable
{
    text-decoration: line-through;
}

.allClass, .excellenceClass, .firstClass, .secondClass
{
    background: transparent !important;
}

.tableSegmentValue.allClass, .tableSegmentValue.firstClass, .tableSegmentValue.secondClass
{
    color: #FFF !important;
}

.allClass
{
    background-color: #FFFFFF !important;
}

.excellenceClass
{
    background-color: #e8e5db !important;
    color: #000 !important;
}

.firstClass
{
    background-color: #981d32 !important;
}

.secondClass
{
    background-color: #0a638f !important;
}

#tableSelectTools>*
{
    display: inline-block;
    margin-left: 1rem;
    min-height: 3rem;
    min-width: 3rem;
}

#tableSelectTools>div>i
{
    font-size: 2rem;
    padding: 0.5rem;
}

#excellenceClassSelection.firstClass
{
    color: #FFF !important;
}

.pendingModification
{
    border: 0.1rem solid #F00 !important;
}