#viewbtn {
    font-family: 'Oswald',sans-serif;
}

#pgWinnersList #tblWinners {
    width: 100% !important;
    color: white !important;
    font-family: 'Oswald',sans-serif !important;
    font-size: 1.1rem !important;
}

#pgWinnersList #tblWinners thead tr.table-tit {
    background-color: rgba(255, 255, 255, 0.35) !important;
    text-transform: uppercase !important;
    font-size: 1.2rem !important;
    padding: 12px 8px !important;
}

#pgWinnersList #tblWinners tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
    margin-bottom: 8px !important;
    padding: 12px 0 !important;
}

#pgWinnersList #tblWinners tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

#pgWinnersList #tblWinners tbody td {
    padding: 12px 8px !important;
    vertical-align: middle !important;
    color: white !important;
}

/* Make name white */
#pgWinnersList #tblWinners tbody td:nth-child(2) {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* Make game name green */
#pgWinnersList #tblWinners tbody td:nth-child(2) strong,
#pgWinnersList #tblWinners tbody td:nth-child(2) b {
    color: #00ff00 !important;
    font-weight: 500 !important;
}

/* Make city/state white */
.city-state-text {
    color: #ffffff !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

/* Make city/state white */
#pgWinnersList #tblWinners tbody td:nth-child(3),
#pgWinnersList #tblWinners tbody td:nth-child(3) *,
#pgWinnersList #tblWinners tbody td[data-column="Date"],
#pgWinnersList #tblWinners tbody td[data-column="Date"] *,
#pgWinnersList #tblWinners tbody td:nth-child(3) span,
#pgWinnersList #tblWinners tbody td:nth-child(3) div,
#pgWinnersList #tblWinners tbody td:nth-child(3) p {
    color: #ffffff !important;
    font-weight: 500 !important;
    opacity: 1 !important;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;
}

/* Override any DataTables styles */
#pgWinnersList .dataTables_wrapper .dataTables_scrollBody td,
#pgWinnersList .dataTables_wrapper .dataTables_scrollBody td *,
#pgWinnersList .dataTables_wrapper .dataTables_scrollBody td span,
#pgWinnersList .dataTables_wrapper .dataTables_scrollBody td div,
#pgWinnersList .dataTables_wrapper .dataTables_scrollBody td p {
    color: inherit !important;
}

#pgWinnersList #tblWinners tbody td:nth-child(4) {
    font-weight: bold !important;
    color: #ffd700 !important;
}

@media only screen and (max-width: 768px) {
    #pgWinnersList #tblWinners {
        font-size: 1rem !important;
    }
    
    #pgWinnersList #tblWinners tbody td {
        padding: 8px 4px !important;
    }
    
    #pgWinnersList #tblWinners thead tr.table-tit {
        font-size: 1.1rem !important;
        padding: 8px 4px !important;
    }
}

/* Override DataTables styles */
#pgWinnersList .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: white !important;
    background: transparent !important;
    border: none !important;
}

#pgWinnersList .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #6cced9 !important;
    color: white !important;
    border: none !important;
}

#pgWinnersList .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #025285 !important;
    color: white !important;
    border: none !important;
}

#pgWinnersList .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #bbbbbb !important;
    background: transparent !important;
    border: none !important;
}