.stats td, .stats th {
    padding-bottom: 5px;
    padding-top:5px;
    padding-left: 10px;
    font-size: 16px;
}

.stats tbody tr:nth-child(odd) {
    background-color: #f1f1f1;
}

.stats tfoot .totalrow {
    background-color: #e0e0e0;
    font-weight: bold;
}


/* Media Query
--------------------*/
@media screen {
    
    .chartdiv {
        width: 100%;
    }
    
    .chartdiv60 {
        width: 100%;
    }
    
    .winners {
        font-size: 90%
    }
    
    .winners .date {
        width: 120px;
        font-size: 70%
    }
    
    .winners .name{
        width: 230px;
    }
    
    .stats .lastupdate {
        text-align: right;
        font-style: italic;
        font-size: 12px;
    }
    
    .hourwise {
        display: flex;
        font-size: 14px;
        border: 1px solid #ccc;
    }
    
    .hourwise > div {
        border-right: 1px solid #ccc;
        text-align: center;
    }
    
    .hourwise span{
        display: block;
        padding: 0 6px;
    }
    
    .hourwise span.hour{
        font-weight: bold;
        background-color: #f1f1f1;
    }
    
    .total_row {
        border-top: 1px solid #ccc;
        font-weight: bold;
    }

    .ui-datepicker {
        font-size: 16px !important;
    }

    .error .hasDatepicker {
        --errorbackground:  rgba(193, 0, 0, 0.2);
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {

    .chartdiv {
        width: 40%;
    }
    
    .chartdiv60 {
        width: 60%;
    }    
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Media ends
--------------------*/


@media print {
    .stats td, .stats th {
        border-bottom: 1px solid #ccc
    }
    
    .hourwise > div:first-child {
        font-weight: bold;
        column-span: all;
    }

    .hourwise > div {
        clear: both;
    }

    .hourwise span:first-child {
        border-left: 1px solid #ccc;
    }

    .hourwise span {
        width: 120px;
        display: inline-block;
        padding: 0 6px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
}