#qrcodeStatus {
    position: fixed;
    top: 110px;
    right: 10px;
    font-size: 2rem;
    z-index: 1000;
}

.table.locker-red td a {
    color: #690b08;
}

h3.locker-red {
    color: #690b08;
}

.table.locker-red td {
    background-color: #ebbebe;
    color: #690b08;
    border: 1px solid #690b08;
}

h3.locker-green {
    color: #086910;
}

.table.locker-green td a {
    color: #086910;
}

.table.locker-green td {
    background-color: #d1ebbe;
    color: #086910;
    border: 1px solid #086910;
}

h3.locker-blue {
    color: #084069;
}

.table.locker-blue td a {
    color: #084069;
}

.table.locker-blue td {
    background-color: #D2DFE8;
    color: #084069;
    border: 1px solid #084069;
}

h3.locker-pink {
    color: #df76e8;
}

.table.locker-pink td a {
    color: #690863;
}

.table.locker-pink td {
    background-color: #edc9f0;
    color: #690863;
    border: 1px solid #690863;
}

h3.locker-orange {
    color: #eaac1b;
}

.table.locker-orange td a {
    color: #694c08;
}

.table.locker-orange td {
    background-color: #F6C67C;
    color: #694c08;
    border: 1px solid #694c08;
}

h3.locker-gray {
    color: #2f2f2f;
}

.table.locker-gray td a {
    color: #2f2f2f;
}

.table.locker-gray td {
    background-color: #cdcdcd;
    color: #2f2f2f;
    border: 1px solid #2f2f2f;
}

td.out-of-order {
    background-color: #555555 !important;
    color: #cdcdcd !important;
}

.customerCardButton {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #003E67;
    color: white;
    font-size: x-large;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-decoration: none;
    border: 2px solid white;
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 100;
}