/* Version: V5  27/02/2025 */
/* basic page format */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
}
/* format of top line the in the page - with version and buttons etc */
.heading{font-size:13px;font-weight: bold}

/* Format for area at top of page that holds any errors/text that returns from the AJAX calls */
#ajaxErrors{font-size:15px;color:red}


/* Table header */
#header {
    background-color: #bbb;
}
thead {
    text-align: left
}
tfoot td { 
    font-weight: bold;
    background-color: #bbb;
}
/* Table alternate row format */
tr:nth-child(odd) {
    background-color: #fff;
}
tr:nth-child(even) {
    background-color: #ddd;
}

/* Tbale colum formats */
td:nth-child(3)  { text-align: end; }
td:nth-child(4)  { text-align: end; }
td:nth-child(5)  { text-align: end; }
td:nth-child(6)  { text-align: end; }
td:nth-child(7)  { text-align: end; }
td:nth-child(8)  { text-align: end; }
td:nth-child(9)  { text-align: end; }
/*
td:nth-child(12) { text-align: end; }
td:nth-child(13) { text-align: end; }
*/

label { font-size:13px; }
/* Drinking window formatting */
.drinking        { background-color: #ccf; }
.notDrinking     { background-color: #fff; }
.drinkingNone    { background-color: #cfc; }
.drinkingTooMany { background-color: #fcc; }

/* styles for showing/hiding sections of table */
.showBottles { }
.hideBottles { display:none; }
.showDetails { }
.hideDetails { display:none; }
.showTimeline { }
.hideTimeline { display:none; }

/* column width classes */
.bottlesRemoved { width:4%}
.bottlesRemaining { width:4%}
.bottleCost { width:3%}
.name { width:15%}
.region { width:5%}


/* Hover over caseID to get the name of the case */
.toolTip {
    position:relative;
    display:inline-block;
}
.toolTip .toolTipText {
    visibility:hidden;
    width:240px;
    background-color:black;
    color:white;
    padding:3px;
    border-radius:3px;
    position:absolute;
    z-index:1;
    top:100%;
    left:50%;
}
.toolTip:hover .toolTipText {
    visibility:visible;
}

/* For mat for numbers in the drinking window area of the table */
.quantity {
    width:20px;
    border:0px;
    font-size:11px;
    text-align:right;
}