body {
    background-color: #FCFCFC;
    font-size: medium;
}


.BookingTableStyle, th, td {
    height: 30px;
    font-family: 'Courier', Courier, monospace;
    font-size: medium;
    font-style: italic;
    border-color: brown;
    background-color: lightyellow;
    color: black;
    border: 1px solid;
    width: 100%;
}

.FlightTableStyle {
    border-width: thin;
    font-family: 'Arial', Arial, monospace;
    font-size: small;
    font-style: italic;
}

.Header {
    background-color: lightblue;
    font-weight: 700;
}

.Date {
    width: 15%;
    font-weight: 700;
}

.KRPMNo {
    width: 10%;
}

.Name {
    color: red;
    /*    width: 35%;*/
    font-style: italic;
    font-weight: bold;
}

.BookedName {
    color: green;
    /*    width: 35%;*/
    font-style: italic;
    font-weight: bold;
}

.BKID {
    width: 12%;
}

.Course {
    width: 6%;
    font-weight: 700;
}

.HillsCourse {
    width: 6%;
    font-weight: 700;
    /*    color:darkgreen;
    background-color: lightgreen;
*/
}

.LakesCourse {
    width: 6%;
    font-weight: 700;
    /*    color:blue;
    background-color: lightblue;
*/
}

.TeeBox {
    width: 6%;
    font-weight: 700;
}

.Time {
    width: 6%;
    font-weight: 700;
}

.Footer {
    background-color: lightgreen;
    font-weight: 700;
}

.tooltip {
    position: relative;
    display: inline-block;
    /*    border-bottom: 1px dotted black; */
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 35%;
        background-color: green;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }