#refresh-container { display: flex; justify-content: flex-end; align-items: center; padding: 0 0 7px 0; flex-wrap: wrap; }
    #refresh-container .refresh { margin: 0px 1em 0 0; font-size: 0.8em; color: #616161; font-weight: bold; }
    #refresh-container .number { padding: 0em; font-size: 0.8em; color: #701112; background: #F6F6F6; text-align: center; }
        #refresh-container .number a { margin: 0 0.3em; padding: 0.5em 0.5em; }
    #refresh-container .number-selected { color: #000; font-weight: bold; }

#event-nav { background-color: #E5E5E5; display: grid; grid-template-columns: 130px 1fr 100px; grid-template-rows: auto; grid-template-areas: "a b1 c" "a b2 c"; align-items: center; padding: 0.5em 0; }
    #event-nav select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; height: 34px; padding: 6px; font-family: Helvetica, sans-serif; font-size: 1em; border: solid 1px #DDD; background-position: right center; background-color: #FFF; background: url(/tournaments/images/br_down.png) no-repeat right #fff; }

    #event-nav .competition { padding: 0.5em; grid-area: a; }
    #event-nav .tournament { padding: 0.5em; grid-area: b1; }
    #event-nav .event { padding: 0.5em; grid-area: b2; }

    #event-nav .competition select { width: 120px; }
    #event-nav .tournament select { width: 100%; max-width1: 460px; }
    #event-nav .event select { width: 100%; max-width1: 460px; }

    #event-nav .formbtn { padding: 0.5em; grid-area: c; justify-self: center; }
    #event-nav .submit-red-button { padding: 1em; font-size: 1em; cursor: pointer; font-weight: bold; color: #ffffff; background-color: #AB192D; border-color: #9A1628; max-width: 70px; }

.btn-WSOPred { color: #ffffff; background-color: #AB192D; border-color: #9A1628; opacity: 1 !important; }
    .btn-WSOPred:hover, .btn-WSOPred:focus, .btn-WSOPred:active, .btn-WSOPred.active, .open .dropdown-toggle.btn-WSOPred { color: #ffffff; background-color: #9A1628; border-color: #9A1628; }
    .btn-WSOPred:active, .btn-WSOPred.active, .open .dropdown-toggle.btn-WSOPred { background-image: none; }
    .btn-WSOPred.disabled, .btn-WSOPred[disabled], fieldset[disabled] .btn-WSOPred, .btn-WSOPred.disabled:hover, .btn-WSOPred[disabled]:hover, fieldset[disabled] .btn-WSOPred:hover, .btn-WSOPred.disabled:focus, .btn-WSOPred[disabled]:focus, fieldset[disabled] .btn-WSOPred:focus, .btn-WSOPred.disabled:active, .btn-WSOPred[disabled]:active, fieldset[disabled] .btn-WSOPred:active, .btn-WSOPred.disabled.active, .btn-WSOPred[disabled].active, fieldset[disabled] .btn-WSOPred.active { background-color: #AB192D; border-color: #9A1628; }
    .btn-WSOPred .badge { color: #AB192D; background-color: #ffffff; }

.banner-img img { width: 100%; }

.header { background-color: #e5e5e5; font-size: 1.1em; color: #000; padding: 0.5em; margin: 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
    .header img { width: 247px; max-width: none; }

#eventinfo { padding: 0.5em; }
    #eventinfo p { padding: 0; margin: 0px; font-size: 0.9em; }
    #eventinfo h1 { font-size: 18px; color: #701112; padding: 0; margin: 0.3em 0; }
.eventinfo-reports { margin: 0; display: flex; }
    .eventinfo-reports a { margin-right: 4px; }
.eventinfo-progress { font-size: 0.9em; background: #EEE; padding: 0.5em; margin: 0.5em 0; border: 1px solid #dedede; }
    .eventinfo-progress span { margin: 0.2em 0.5em; display: inline-block; }
.eventinfo-progress-title { color: Green; background-color: #DDFFDD; padding: 2px; margin: 0; }

ul#eventstats { width: 100%; padding: 0; margin-bottom: 0.5em; list-style-type: none; display: flex; flex-wrap: wrap; }
#eventstats li { margin: 0; padding: 0em 0.5em; font-size: 0.9em; color: #000; }

#nav-tabs { font-family: 'Roboto Condensed'; font-size: 1.1em; font-weight: bold; display: flex; flex-wrap: wrap; gap: 0.3em; margin-bottom: 0.3em; }
    #nav-tabs .tab { padding: 0.5em 0.8em; flex: 1 1 auto; text-align: center; }
    #nav-tabs .tabon { background-color: #EEEEEE; color: #000; border-bottom: none; }
    #nav-tabs .taboff { background-color: #9F152C; color: #fff; }

#maincontents { margin: 0; padding: 0em 0 1em 0; }
.maincontents-header { font-size: 1em; padding: 0.2em 0.5em; font-family: 'Roboto Condensed'; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background-color: #eee; }
    .maincontents-header h2 { color: #9F152C; }

/* chipcounts, results*/
.flag { width: 15px; margin-right: 0.5em; display: inline-block; }
.cellbg { background: #e6e6e6; }
/* chipcounts, updates */
#selectDay { margin: 0; font-size: 1.2em; }
    #selectDay select { border: none; width: 8em; font-size: 1em; }

.SRicon { width: 8px; height: 8px; opacity: .7; margin-left: 5px; }

/* updates, update */
#updatesContent .tblLevel { font-size: 1.1em; background-color: #701112; color: #fff; display: flex; flex-wrap: wrap; font-weight: bold; }
    #updatesContent .tblLevel div { padding: 0.5em; }

.updateItem-odd { font-size: 1em; padding: 1em 0.5em 2em 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.updateItem-even { font-size: 1em; padding: 1em 0.5em 2em 0.5em; border-bottom: 1px solid #CCC; border-top: 1px solid #ccc; }

.timeDiff { font-size: 1em; color: #2C7AC0; color: #701112; margin-bottom: 1em; }
.itemTitle { font-weight: bold; font-size: 1.1em; margin-bottom: 0.4em; }
    .itemTitle a { color: #ab192d; }

.updateItem-iframe { max-width: 690px; height: 150px; overflow: hidden; border: none; margin: 1em 0 1em 7px; }
.event-news-articles { list-style-type: none; padding: 0; }

.embed-responsive iframe { width: 100%; }
.shareandconnect { margin-top: 1em; }

#results { width: 100%; overflow-x: scroll; font-size: 0.9em; }
    #results ul.results-6 { list-style: none; display: grid; grid-template-columns: 4em 1fr repeat(2, auto) 5em 6em; margin: 0; padding: 0; text-indent: 0; overflow-wrap: break-word; }
    #results ul.results-7 { list-style: none; display: grid; grid-template-columns: 4em 1fr repeat(3, auto) 5em 6em; margin: 0; padding: 0; text-indent: 0; overflow-wrap: break-word; }

    #results > ul li { border-bottom: solid #CCC 1px; text-align: center; padding: 4px; }
        #results > ul li.titlebg { background-color: #CCC; font-weight: bold; color: #666; font-size: 1.1em; padding: 4px; }

        #results > ul li.player { font-weight: bold; text-align: left; white-space: nowrap; padding-right: 1.5em; }
            #results > ul li.player img { vertical-align: middle; margin-right: 0.5em; }
        #results > ul li.award { text-align: right; padding-right: 1em; }

        #results > ul li.player1 { font-weight: bold; text-align: left; white-space: nowrap; padding-right: 1.5em; }
            #results > ul li.player1 img { vertical-align: middle; margin-right: 0.5em; }
        #results > ul li.award1 { text-align: right; padding-right: 1em; }
        #results > ul li.POYpts { text-align: right; padding-right: 1em; }

#chipcounts { width: 100%; overflow-x: scroll; font-size: 0.9em; }
    #chipcounts > ul { list-style: none; display: grid; grid-template-columns: 4em auto auto auto auto 5em 6em; margin: 0; padding: 0; text-indent: 0; }
        #chipcounts > ul li { border-bottom: solid #CCC 1px; padding: 4px; text-align: center; }
            #chipcounts > ul li.titlebg { background: #CCC; font-weight: bold; color: #666; font-size: 1.1em; padding: 4px; text-align: center; }
            #chipcounts > ul li.player { font-weight: bold; text-align: left; white-space: nowrap; padding-right: 1.5em; }
                #chipcounts > ul li.player img { vertical-align: middle; margin-right: 0.5em; }
            #chipcounts > ul li.chipstack { text-align: right; font-weight: bold; }
            #chipcounts > ul li.trends { text-align: right; font-weight: bold; }

            #chipcounts > ul li.award { text-align: right; }
            #chipcounts > ul li.payaward { text-align: right; }
            #chipcounts > ul li.more { background: #DDD; width: 714px; text-align: center; height: 12px; line-height: 14px; border: 0px; border-bottom: 0px; margin: 0; font-size: 1.1em; padding: 6px 0 10px 0; }
            #chipcounts > ul li.end { width: 734px; height: 0px; background: #8d8d8d; border: 0px; border-bottom: 0px; padding: 0px; }

#payouts ul.payouts-2 { list-style: none; display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; text-indent: 0; }
#payouts ul.payouts-3 { list-style: none; display: grid; grid-template-columns: 1fr 1fr 1fr; margin: 0; padding: 0; text-indent: 0; }
#payouts ul li { padding: 0; border-bottom: solid #CCC 1px; overflow: hidden; padding: 0.2em 1em; }
    #payouts ul li.titlebg { background: #CCC; font-weight: bold; color: #666; font-size: 1.2em; padding: 1em; }
    #payouts ul li.payaward { text-align: right; }

    #payouts ul li.payaward1 { text-align: right; }
    #payouts ul li.payPOY { text-align: right; }

#reporting-photos { display: flex; flex-wrap: wrap; justify-content: space-between; }
.photoItem { width: 90px; height: 90px; text-align: center; margin: 0 0 0.5em 0; padding: 0; overflow: hidden; border: 1px solid #eee; }

#reports a { font-size: 1em; font-weight: bold; display: inline-block; padding: 4px; }
#reports img { vertical-align: middle; margin-right: 0.5em; }

/* chipcounts, photos, updates*/
#PagingNav { padding:0.5em 0em; margin: 1em 0px; background: #DDD; font-size: 1.3em; display: grid; grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); }
    #PagingNav div { padding: 0.3em; text-align: center; }
.sel { color: #000; font-weight: bold; text-decoration:underline;}

@media screen and (max-width:600px) {
    #event-nav { grid-template-columns: 130px 1fr; grid-template-areas: "a c" "b1 b1" "b2 b2"; }
        #event-nav .formbtn { justify-self: end; }
}

@media screen and (max-width:480px) {
    #updatesContent .tblLevel div { font-size: 1em; padding: 0.2em 0.5em; }
    #nav-tabs .tab { flex: 1 1 100px; }
}