body {
    font-family: Tahoma, Geneva, sans-serif;
    /*overflow-x: hidden;*/
    padding: 0px;
    margin: 1px;
    -webkit-print-color-adjust: exact !important;
}

    body, select, button, input {
        font-size: clamp(1.75vw, 3.5vw, 3.5vh);
    }
        
    select {
        -webkit-appearance: none;
    }

    img.image {
        width: clamp(15vw, 30vw, 30vh);
    }

    input[type=text] {
        width: clamp(12.5vw, 25vw, 25vh);
    }

    table {
        border-collapse: separate;
        margin: 0px auto;
        width:100%;
        padding: 0px;
        height:100%;
    }

    tr {
        height:100%;
    }

    table#Schedule {
        width: clamp(50%,100%,100vh);
    }

    thead {
        background-color: white;
    }

    tbody, .tdNow, .tdUpcoming {
        white-space: nowrap;
    }

    td {
        background-color: #D5D9D8;
        text-align: center;
        padding: 0px;
        cursor: pointer;
    }

    th {
        background-color: #D5D9D8;
    }

    time {
        color: darkorange;
    }

    .Blue {
        background-color: #0033CC;
        color: white;
    }

    .Black {
        background-color: black;
        color: white;
    }

    .Red {
        background-color: #CC0033;
        color: white;
    }

    .Yellow {
        background-color: #FFFF33;
        color: black;
    }

    .Green {
        background-color: #00CC33;
        color: black;
    }

    .White {
        background-color: white;
        color: black;
    }

    .Now {
        color: darkorange;
    }

    @media only screen {
        .Hilite {
            outline: solid 2px darkorange;
        }

        .Fade {
            opacity: 0.2;
        }

        .Upcoming {
            opacity: 0.8;
        }
    }

    .Countdown {
        min-width: 100px;
    }

    .Hidden {
        display: none;
    }

    td.Edit {
        margin: 0px;
        padding: 0px;
    }

    a {
        text-decoration: none !important;
        color: white;
    }

        a.DeleteRow, a.AddRow, a.AddRow2, a.Recalculate, a.CopyDay, a.CopyYear {
            height: clamp(2.2vw, 4.4vw, 4.4vh);
            width: clamp(2.2vw, 4.4vw, 4.4vh);
            background-color: #B0B6BB;
            border-radius: 50%;
            display: inline-block;
        }

    @media only print {
        .no-print, .no-print * {
            display: none !important;
        }

        html, body, select, button, input {
            font-size: 3vw !important;
        }

        select {
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
            border: none;
        }
    }

    div#divMap {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        display: none;
        background-color: rgba(255, 255, 255, .9);
    }

    img#imgMap {
        width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    button#closeMap {
        z-index: 101;
    }

    select, ::picker(select) {
        appearance: base-select;
    }