html * {
    font-family: Lato, Quicksand, Roboto, Arial, Helvetica, sans-serif;
}

#stickyAdminCorner {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999999;
    height: 60px;
    width: 60px;
    cursor: pointer;
    border-radius: 40px;
    opacity: 0.5;
}

    #stickyAdminCorner:active {
        background-color: red;
    }

#bigInfo {
    position: absolute;
    top: 48px;
    right: 5vw;
    left: 5vw;
    z-index: 999999;
    background-color: white;
    border: 12px solid red;
    color: black;
    font-size: 20pt;
    padding: 3vw;
    text-align: center;
    font-weight: bold;
}

/* multiple orders, view for screen */

.listCol .orders .orderRow,
.soloOrder .orderHolder .order,
.orderRow *,
.order * {
    font-family: Lato; /*monospace*/
}

.dim {
    opacity: 0.23;
    /*opacity: 0;*/
}

.progressLists {
    font-size: 4vw;
    padding-top: 1vh;
    height: 99vh !important;
}

.listCol {
    padding: 2vw;
    padding-top: 0;
    overflow-y: hidden;
}

    .listCol .listHeader {
        padding-bottom: 8px;
        font-weight: bold;
        font-size: 4vw;
    }

    .listCol.done {
        border-left: min(1vw, 4px) solid #636363;
        width: 36% !important;
    }

    .listCol.ongoing {
        width: 64% !important;
    }

    .listCol .orders .orderRow {
        font-weight: bold;
        display: inline-block;
        margin: 2vw .5vw 0 .5vw;
        text-align: center;
        background-color: #636363;
        border: .3vw solid #636363;
        border-radius: 1vw;
        color: white;
        width: 14vw;
    }

    .listCol.done .orders .orderRow {
        border: .3vw solid green;
        background-color: green;
        color: white;
        width: 14.5vw;
    }

    .listCol.done .orders .orderRow:first-child {
        width: 30.1vw;
        font-size: 10vw;
    }

/* solo order, view for mobile phone */
.soloOrder {
    text-align:center;
    font-size: 5vh;
}
    .soloOrder .orderHolder {
        padding-top:30vh;
    }
        .soloOrder .orderHolder .listHeader {
            font-weight:bold;
        }

        .soloOrder .orderHolder .order {
            display: inline-block;
            border-bottom: 1px solid silver;
            margin-bottom: 2vw;
            text-align: center;
            font-size: 12vh;
            font-weight: bold;
            background-color: #636363;
            border: .3vw solid #636363;
            border-radius: 1vh;
            color: white;
            width: 75vw;
        }

        .soloOrder .orderHolder .order.is-done {
            border: .3vw solid green;
            background-color: green;
            color: white;
        }
        .soloOrder .orderHolder .order.new {
            border: .3vw solid lightgray;
            background-color: lightgray;
            color: white;
        }

    .soloOrder .refresher {
        position:fixed;
        width:100%;
        bottom:50px;
        font-size:12pt;
    }
    .soloOrder .refresherIndicator {
        margin-top:8px;
        color:gray;
    }

.semiTrans{
    opacity:0.75;
}

.smallerHeader {
    padding-left: 15vw;
    padding-right: 15vw;
    font-size: 50%;
}