body {
    margin-bottom: 35px;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-bottom: 2px;
    background-color: #f5f5f5;
    border-top: thin solid #cccccc;
}

.footer span {
    vertical-align: middle;
}

.footer div {
    line-height: 25px;
}

.tab-content {
    padding: 5px;
}


#view-mobile {
    display: none;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    #view-desktop {
        display: none;
    }
    #view-mobile {
        display: block;
        font-size: 3.2vw;
    }
}

/* Saalplan */
.seat {
    width: 1.2em;
    height: 1.2em;
    background-color: white;
    /* border-style: solid;
     border-width: 1px;*/
    border-radius: 0em;
    font-size: .9em;
    text-align: center;
    position: absolute;
    vertical-align: middle;
}


div#saalplan {
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 font-size: 10pt;
 min-width: 700px;
}

div.pk1 {
    background-color: #F9BB7C;
    cursor: pointer;
}
div.pk1:hover{background-color: rgba(249, 187, 124, 0.5)}

div.pk2 {
    background-color: #62C463;
    cursor: pointer;
}
div.pk2:hover{background-color: rgba(98, 196, 99, 0.5);}

div.pk3 {
    background-color: #75AFFF;
    cursor: pointer;
}
div.pk3:hover{background-color: rgba(117, 175, 255, 0.5)}


div.pk4 {
    background-color: #ff8ba5;
    cursor: pointer;
}
div.pk4:hover{background-color: rgba(255, 139, 165, 0.5)}

div.pk5 {
    background-color: #DB7F67;
    cursor: pointer;
}
div.pk5:hover{background-color: rgba(219, 127, 103, 0.5)}

div.selected {
    background-color: #F93E3E;
    cursor: pointer;
}
div.selected:hover{background-color: rgba(249, 62, 62, 0.5)}

div.occupied {
    background-color: #C7C7C7;
    cursor: no-drop;
}

span.pk1 {
    background-color: #F9BB7C;
}

span.pk2 {
    background-color: #62C463;
}

span.pk3 {
    background-color: #75AFFF;
}

span.pk4 {
    background-color: #ff8ba5;
}

span.pk5 {
    background-color: #DB7F67;
}