.queuepanel {
    display: none;
    background-color: #FFFFFF;
    opacity: 0.8;
    color: #002564;
    position: relative;
    z-index: 20;
    text-align: center;
}

.deskpanel {
    display: none;
    background-color: #FFFFFF;
    opacity: 0.8 color:#002564;
    position: relative;
    z-index: 20;
    text-align: center;
}

.lastcalled {
    color: #00579B;
}

#waitrow {
    text-align: center;
}

#queuenr {
    color: #CF6F00;
}

#queuenr {
    background-color: #F2F1F0;
    color: #CF6F00;
    font-family: 'Open Sans', Courier, sans-serif;
    font-weight: 500;
    opacity: 0.8;
    position: fixed;
}

#queuedesk {
    background-color: #F2F1F0;
    opacity: 0.8;
    position: fixed;
}

#queuedesklabel {
    color: #002564;
}

#queuedeskdata {
    color: #002564;
    font-family: 'Open Sans', Courier, sans-serif;
}

@keyframes qfadein {
    0% {
        transform: opacity(0);
    }
    100% {
        transform: opacity(1);
    }
}

@keyframes qfadeout {
    0% {
        transform: opacity(1);
    }
    100% {
        transform: opacity(0);
    }
}

.fadein {
    animation: qfadein 4s linear forwards;
}

.fadeout {
    animation: qfadeout 4s linear forwards;
}

#queuepnl {
    background-color: #e85418;
    color: #ffffff;
    display: flex;
    flex-direction: row;
    font-size: calc(67vh/19.20);
    justify-content: space-between;
    height: calc(140vh/19.20);
    z-index: 100;
}

.queuetriangle {
    border-top: calc(70vh/19.20) solid #ffffff;
    border-top-color: #e85418;
    border-right: calc(1080vw/10.80) solid transparent;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 0;
    text-indent: calc(-9999vw/10.80);
    position: relative;
    width: 0;
    z-index: 100;
}

.trianglebox {
    color: transparent;
    min-width: calc(271vw/10.80);
    border-right: calc(2vw/10.80) solid #ffffff;
    height: calc(40vh/19.20);
    position: relative;
    top: calc(-70vh/19.20);
}

#trianglebox1 {
    height: calc(52vh/19.20);
}

#trianglebox2 {
    height: calc(35vh/19.20);
}

#trianglebox3 {
    height: calc(17vh/19.20);
}

.qrow {
    width: calc(276vw/10.80);
}

.qbalie {
    height: calc(70vh/19.20);
    line-height: calc(70vh/19.20);
    text-align: center;
}

.qbon {
    position: relative;
    text-align: center;
}

.queueitem {
    border-right: calc(2vw/10.80) solid #ffffff;
    display: flex;
    flex-direction: column;
    height: calc(140vh/19.20);
    justify-content: space-between;
    position: relative;
    top: calc(0vh/19.20);
    width: calc(271vw/10.80);
}

#queueitem1 {}

#queueitem2 {}

#queueitem3 {}

#queueitem4 {}

#qrow1 {}

#qrow2 {}

#qrow3 {}

#qrow4 {}

#waitrow {
    left: calc(0vw/10.80);
    width: calc(392vw/10.80);
}

.dheadert {
    color: #ffffff;
}

.qheadert {}

.qheader1 {}

.qheader2 {}

.qheader3 {}

.qheader4 {}

#waittime {
    background-color: rgba(7, 149, 52, 0.7);
    font-size: calc(40vh/19.20);
    height: calc(75vh/19.20);
    line-height: calc(84vh/19.20);
    position: absolute;
    right: calc(20vw/10.80);
    text-align: center;
    top: calc(142vh/19.20);
    width: 35%
}

#queuenr {
    font-size: 700%;
    font-weight: 500;
    height: calc(500vh/19.20);
    left: calc(130vw/10.80);
    line-height: calc(500vh/19.20);
    top: calc(385vh/19.20);
    width: calc(800vw/10.80);
}

#queuedesk {
    top: calc(885vh/19.20);
    left: calc(130vw/10.80);
    ;
    width: calc(800vw/10.80);
    height: calc(650vh/19.20);
}

#queuedesklabel {
    font-size: calc(149vh/19.20);
    padding-top: calc(50vh/19.20);
    padding-bottom: calc(30vh/19.20);
}

#queuedeskdata {
    font-size: 700%;
    line-height: calc(320vh/19.20);
    height: calc(320vh/19.20);
}