.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: #CF6F00;
}
#waitrow {
    text-align: center;
}
#queuenr {
    color: #CF6F00;
}
#queuenr {
    background-color: #F2F1F0;
    color:            #CF6F00;
    font-family:      Arial,Calibri,Candara,Segoe,Segoe UI,Optima,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: Arial,Calibri,Candara,Segoe,Segoe UI,Optima,sans-serif;
}


    #queuepnl {
        height:   calc(266vw/10.80);
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        flex-grow: 1;
    }
#queuerow {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    flex-grow: 1;
}
    .qrow {
        font-size: 200%;
        margin-bottom: calc(4vh/19.20);
        height: calc(78vh/19.20);
    }
    .qbalie {
        height:      calc(77vw/10.80);
        line-height: calc(77vw/10.80);
        text-align:  center;
    }
    .qbon {
        text-align:  center;
        height:      calc(87vw/10.80);
        line-height: calc(81vw/10.80);
    }
    .queueitem {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #queueitem1 {
    }
    #queueitem2 {
    }
    #queueitem3 {
    }
    #queueitem4 {
    }
    #qrow1 {
    }
    #qrow2 {
        left: calc(270vw/10.80);
    }
    #qrow3 {
        left: calc(530vw/10.80);
    }
    #qrow4 {
        left: calc(790vw/10.80);
    }
    #waitrow {
        left: calc(0vw/10.80);
        width: calc(392vw/10.80);
    }
    .dheadert {
    }
    .qheadert {
    }
    .qheader1 {
    }
    .qheader2 {
    }
    .qheader3 {
    }
    .qheader4 {
    }
    #waittime {
       font-size: calc(40vw/10.80);
       line-height: calc(37vw/10.80);
       text-align: center;
       width:      calc(1055vw/10.80);
       margin-bottom: calc(5vh/19.20);
    }
    #queuenr {
        font-size:   700%;
        font-weight: 500;
        height:      calc(500vw/10.80);
        left:        calc(130vw/10.80);
        line-height: calc(500vw/10.80);
        top:         calc(385vw/10.80);
        width:       calc(800vw/10.80);
    }
    #queuedesk {
        top:    calc(885vw/10.80);
        left:   calc(130vw/10.80);
        width:  calc(800vw/10.80);
        height: calc(650vw/10.80);
    }
    #queuedesklabel {
        font-size: calc(149vw/10.80);
        padding-top: calc(50vw/10.80);
        padding-bottom: calc(30vw/10.80);
    }
    #queuedeskdata {
        font-size:   700%;
        line-height: calc(320vw/10.80);
        height:      calc(320vw/10.80);
    }