.js-widget, .statbox{
    background-color: var(--statbox-bg);
    padding: 8px;
    border-radius: 17px;
    max-width:370px;
    min-width:300px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
}


.js-widget.wagon
{
width:100%;
max-width:100%;
}






.stat-type {}

.js-widget .nav-pills.js-type,
.js-widget .nav-pills.js-stat 
.statboxt .nav-pills.js-type,
.statbox .nav-pills.js-stat 
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: stretch;
}

.js-widget .nav-pills.js-type .nav-item a, .statbox .nav-pills.js-type .nav-item a {
    border-radius: 22px;
    background-color: white;
    padding: 8px 25px;
    width: 100%;
}

.js-widget .nav-pills .nav-item.active a, .statbox .nav-pills .nav-item.active a {
    border-radius: 22px;
    background-color: #2c7cbe;
}

.js-widget .js-stat, .statbox .js-stat {
    margin-top: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #297cc1;
}

.js-widget .js-stat .nav-item.active a, .statbox.js-stat .nav-item.active a  {
    background-color: #f1f1f1;
    color: #1a65a8;
    border-bottom: 8px solid #297cc1;
    border-radius: 0;
    padding-bottom: 5px;
}

.js-widget table, .statbox table {
    font-size: 13px;
}

.rankingTable.table
{background-color:red!important;/* background:red!important; *//* border:solid 1px red; */}



.js-widget table thead, .statbox table thead {
    font-size: 13px;
    border: 0px;
    color: #2f7cbb;
}

.js-widget .table>thead>tr>th, .statbox .table>thead>tr>th {
    border-bottom: 0;
}





.current-series
{
text-align:left;
padding-left:12px;

}

.current-series a
{
padding-top:4px;
padding-bottom:6px;
display: block;
}



.current-series h3
{
font-size:18px;
font-weight:600;
}




.js-widget .statTeamid, .statbox  .statTeamid
{
margin-bottom:10px;

}


.js-widget .stat-type, .statbox .stat-type
{
font-size:16px;
font-weight:500;
text-align:left;
display:block;
}

.js-widget .stat-type a, .statbox .stat-type a
{
	color:#3f91d2;
}

.js-widget .mb-1, .statbox .mb-1
{
margin-top:4px;	
}

.js-widget .mb-2, .statbox .mb-2
{
margin-top:8px;	
}


.js-widget .mt-1, .statbox .mt-1
{
margin-top:4px;	
}



.js-widget .mt-2, .statbox .mt-2
{
margin-top:8px;	
}



.js-widget .mt-3, .statbox .mt-3
{
margin-top:14px;	
}


.js-widget .mt-4, .statbox .mt-4
{
margin-top:20px;	
}

.js-widget th, .statbox th
{
	    font-weight: 600;font-size:14px;}



.js-widget.rankings, .statbox.rankings {
min-height: 564px;
}

.js-widget.stats, .statbox.stats  {
min-height: 460px;
}


.js-widget.points, .statbox.points {
min-height: 446px;
}


.js-widget.series, .statbox.series   {
min-height: 300px;
}





.js-widget label, .statbox label
{
	font-weight:500;
}


.highcharts-title, .highcharts-title a
{
	font-weight:600;
	font-family:arial, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-size: 16px;
	color: #3f91d2!important;
	text-align: center;
	line-height: 18px;
	max-width: 292px;
	margin-left: auto;
	margin-right: auto;
}


.highcharts-subtitle 
{
	color:var(--statbox-text)!important;
}


.highcharts-legend-item span, .highcharts-legend-item text
{
	color:var(--statbox-text)!important;
}

.highcharts-legend-item 
{

	
}

.highcharts-yaxis-labels, .highcharts-yaxis-labels text, .highcharts-axis-labels, .highcharts-axis-labels text
{
	fill:var(--statbox-text)!important;
	color:var(--statbox-text)!important;
}




.linechart-row {
    overflow: hidden;
    margin-bottom: 6px
}

.linechart-row:nth-child(2n+0) {
    background-color: rgb(255 255 255 / 20%);
}

.linechart-row .label,.linechart-row .bar {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    /* color: #333; */
    display: inline-block;
    font-size: 12px;
    text-transform: none
}

.linechart-row .left.label {
    text-align: right;
    width: 45%
}

.linechart-row .center.label {
    text-align: center;
    width: 10%;
    font-weight: 700
}

.linechart-row .right.label {
    text-align: left;
    width: 45%
}

.linechart-row .left.bar,.linechart-row .right.bar {
    width: 50%;
    box-sizing: border-box;
    height: 12px;
    line-height: 12px;
    font-size: 8px;
    text-align: center;
    color: #fff
}

.linechart-row .left.bar {
    padding-right: 3px
}

.linechart-row .right.bar {
    padding-left: 3px
}

.linechart-row .bar div {
    background-color: #248ad7;
    overflow: hidden;
    text-align: center;
    white-space: nowrap
}

.linechart-row .bar div.run4 {
    background-color: #ef3a32
}

.linechart-row .bar div.run6 {
    background-color: #910101
}

.linechart-row .left.bar div {
    float: right
}

.linechart-row .right.bar div {
    float: left
}

.rt_tsm.widget.match-partnership .linechart-row,.rt_txs.widget.match-partnership .linechart-row {
    padding: 20px 0;
    position: relative;
    border-bottom: 1px solid #eee
}

.rt_tsm.widget.match-partnership .linechart-row .left.label,.rt_txs.widget.match-partnership .linechart-row .left.label,.rt_tsm.widget.match-partnership .linechart-row .right.label,.rt_txs.widget.match-partnership .linechart-row .right.label {
    width: 100%;
    display: block;
    text-align: center
}

.rt_txs.widget.match-partnership .linechart-row .left.bar,.rt_txs.widget.match-partnership .linechart-row .right.bar {
    height: 20px;
    line-height: 20px
}

.rt_tsm.widget.match-partnership .linechart-row .center.label,.rt_txs.widget.match-partnership .linechart-row .center.label {
    top: 0;
    left: 0;
    width: 100%;
    font-weight: 700;
    position: absolute;
    text-align: center
}

.col-player a:hover {
    text-decoration: underline
}

.col-player a {
    color: var(--player-links);
    font-weight: 700
}



.statbox select
{

width:auto;
font-size:14px;
margin-left:auto;
margin-right:auto;
}


.radio-select
{
	font-size:12px;
	color:var(--statbox-text);
}


.radio-select input
{
	font-size:12px;
	color:var(--statbox-text);
	vertical-align:middle;
	margin-bottom:2px;
}


.text-left
{
text-align: left;
}









/* ---------  prediction widget --------*/


.team-label-container {
display: flex;
justify-content: space-between;
}

.team-label {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}

.team-label div {
	font-size: 18px;
    font-weight: 600;	
}

.team-label img {
	vertical-align: middle;
	margin-right: 5px;
}

.team-label span {
	vertical-align: middle;
}


.color-bars {
display: flex;
padding: 0 0 5px 0;
}

.color-bars .green {
	height: 10px;
	background-color: #37b34a;
}

.color-bars .red {
	height: 10px;
	background-color: #ee4036;
}

.color-bars .draw {
	height: 10px;
background-color: #eaeaea;
    border-top: solid 1px red;
    border-bottom: solid 1px #37b34a;
}



.team-match {
margin-bottom: 10px;
text-align: center;
}

.team-match span {
	font-size: 20px;
	font-weight: 600;
	display:inline-block;
}

.team-match div {
	margin: 5px 0 5px 0;
}


.team-match .match-title
{
	font-size: 16px;
	font-weight: 500;

}

.js-widget .teams {
  display: grid;
  /* Three columns: left team (1fr), the "v" (auto), right team (1fr) */
  grid-template-columns: 1fr auto 1fr;
  align-items: center;      /* Vertically center each cell */
  text-align: center;       /* Center text in each cell */
  gap: 1rem;                /* Spacing between columns (optional) */
}

/* On narrow screens, stack them in one column */
@media (max-width: 600px) {
 .js-widget   .teams {
    grid-template-columns: 1fr; /* All in one column */
  }
}


.pd-score img
{
margin-right:8px;
}

.pd-info  span
{
font-size:1.6rem;
font-weight: 600;
line-height:1.6rem;

}

.pd-info 
{
display:inline-block;
font-size:0.8rem;
vertical-align: middle;

}

.pd-info span
{
display:block;
}

.pd-score .team-logo
{
display:inline-block;
vertical-align: middle;
}





  .w-teams-container {
    display: flex;
    justify-content: space-around;
  }
  
  

   .w-teams-container .team-label {
    font-size: 14px;
    text-align: center;
	margin-bottom:10px;
  }
  

     .w-teams-container .team-label img {
width:20px;
height:20px;
  }
  
  
  

  
   .w-teams-container .runcount
  {
border-radius: 50%;
    width: 60px;
    height: 60px;

    background: #fff;
    text-align: center;
    /* vertical-align: text-bottom; */
    justify-items: start;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
	font-size:22px;
	font-weight:600;
  	border: solid 8px #e14231;
  }
  
  
  .w-teams-container .batter
  {
  
  display:block;
  text-align: center;
  font-size:12px;
  margin:0 10px 0 10px;
  
  }
  
   .w-teams-container .team-batters
  {
  display:inline-block;  
  text-align: center;
  }
  
  
  
  .w-teams-container   .runcount.small
  {
  transform: scale(0.6);
  	border-color:#99c5e7;
  }
  
  
   .w-teams-container    .runcount.medium
  {
  transform: scale(0.8);
  	border-color:#1b72cf;	
  }
  

 .w-teams-container .name
{
margin-top:5px;
font-size:13px;
    font-weight: 500;
}
   
  
  
  
  /* Mobile view */
@media only screen and (max-width: 500px) {

  
   .w-teams-container .team-batters
  { 
  margin-bottom:20px;
  }
  
  
}
  
  
  




/* ---------  / prediction widget --------*/









/*----------------- wagon ----------------*/






/* -------------- wagon --------------*/


.widget-title-wagon
{
font-size:16px;
font-weight:600;
padding:  4px 0 4px 0;
}




.box .widget-content>select:focus-visible{
	outline: none;
}


.box .widget-content>select{
	border:none;
	width: 100%;
}



/* tabs */
._tabs,
.tabs {
	margin:0;
	padding:0;
	list-style:none outside;
}
._tabs li,
.tabs li {
	float:left;
}
._tabs li a, .tabs li a {
    display: block;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    padding: 6px 10px 6px 10px;
    text-transform: uppercase;
    background: #fff;
    font-size: 14px;
}
._tabs>li:hover>a,
.tabs>li:hover>a,
._tabs>li a:hover,
.tabs>li a:hover,
._tabs>li a:focus,
.tabs>li a:focus {
	color:#fff!important;
}
._tabs>li.active a,
.tabs>li.active a {
	color:#fff;
	background-color: #d32f2f;
}


._tabs>li.inactive a,
.tabs>li.inactive a {
	color:#000;
	background-color: #ccc;
}



._tabs>li.live a,
.tabs>li.live a {
	color:#fff;
	background-color:green;
}
.content-hidden {
	display:none;
}
.tabs.twoitems li,
._tabs.twoitems li {
	width:50%;
}
.tabs.threeitems li,
._tabs.threeitems li {
	width:33.33%;
}
.tabs-full{
	width:100%;
	display:block;
	overflow:hidden;
}
.tabs-full li{
	display:block;
}






/* .widget.match-wagon */
.wagon-wheel,
.wagon-spider {
	width:400px;
	height:400px;
	margin:0 auto 20px;
}
.wagon-inning {
	color:#000;
}
.widget.match-center .match-content {
	overflow:hidden;
}

.widget.widget.match-wagon .team1-players .list-group-item .checkbox,
.widget.widget.match-wagon .team2-players .list-group-item .checkbox {
	margin-right:30px;
}
.match-wagon {
	position:relative;
}
.widget.match-wagon .manual-tabs {
	padding:0 10px;
	margin:0;
	overflow:hidden;
	background-color:#00bcd4;
}
.widget.match-wagon .manual-tabs li {
	list-style:none outside;
	display:inline-block;
}
.widget.match-wagon .manual-tabs li a {
	color:#fff;
	padding:10px;
	display:block;
}
.widget.match-wagon .manual-tabs li.active a {
	background-color:rgba(0, 0, 0, 0.1)
}
.widget.match-wagon .ig-tabs {
	padding:0;
	margin:0 0 20px;
	overflow:hidden;
	background-color:#00bcd4;
	list-style:none outside;
}
.widget.match-wagon .ig-tabs li {
	margin:0;
	width:50%;
	float:left;
	box-sizing:border-box;
}
.widget.match-wagon .ig-tabs li a {
	color:#fff;
	padding:10px;
	display:block;
	text-align:center;
}
.widget.match-wagon .ig-tabs li.active a {
	background-color:rgba(0, 0, 0, 0.1)
}
.widget.match-wagon .run-block,
.widget.match-wagon .filterbyruns,
.widget.match-wagon #allRuns000 {
	float:left;
	padding:5px;
	width:16.66%;
	text-align:center;
	box-sizing:border-box;
}




.widefat
{
width:100%;
}


#wagon-run-filters{
	margin-bottom:2px;
	/*border-top: solid 1px #ccc;*/
}
.wgde {
	/* color:#fff; */
}
.wagonbg1000 {
	background-color: #036dc1;
}
.wagonbg200 {
	background-color: #eeeeee;
	color:#000;
}
.wagonbg300 {
	background-color: #666666;
}
.wagonbg400 {
	background-color: #ffc800;
}
.wagonbg500 {
	background-color: #f8a519;
}
.wagonbg600 {
	background-color: #ed2225;
}


.widget.match-wagon .run-block,
.widget.match-wagon .filterbyruns,
.widget.match-wagon #allRuns00 {
	float:left;
	padding:5px;
	width:16.66%;
	text-align:center;
	box-sizing:border-box;
}



#wagon-run-filters label{width:100%;margin-bottom: 12px;} 


.inning-label
{

font-size:0.8rem;
padding-left: 2px;
margin-bottom: 4px;
width:100%
}



.run-total
{

font-size:16px;
font-weight:600;
}


        input[type="checkbox"].filterRuns,  input[type="checkbox"].player-inn, input[type="checkbox"].wagon-inning {
            display: none;
        }


  /* Create a custom checkbox */
        .filterbyruns {
            display: inline-flex;
            align-items: center;
            cursor: pointer;
            font-size: 16px;
            font-weight: 600;
        }

        .filterbyruns i::before, .inning-label i::before  {
            content: '✓';
            color:rgba(46,46,46,0);
            display: inline-block;
            width: 20px; /* Adjust the width as needed */
            height: 20px; /* Adjust the height as needed */
            margin-right: 8px;
            border: 2px solid #ccc;
            border-radius: 4px;
            background-color: white;
            box-sizing: border-box;
            text-align: center;
            font-size:14px;
            font-weight:800;
            line-height: 15px; /* Adjust line-height to center the checkmark */
            padding-right: 3px;
        }






        /* Add a checkmark and change background color when checkbox is checked */
        input[type="checkbox"].filterRuns:checked + i::before {
            xxbackground-color: #007BFF;
            xxborder-color: #007BFF;
            content: '✓';
            color: #fff;
        }




   /* Custom background colors for different checkboxes */
   
   
      
   
          .inning-label input[type="checkbox"].wagon-inning:checked + i::before {
            background-color: #fff;
            border-color: #9f9f9f;
			color:black;
        }
    
   
        .inning-label input[type="checkbox"].player-inn:checked + i::before {
            background-color: #fff;
            border-color: #9f9f9f;
			color:black;
        }
   
    
   
   
          .filterbyruns.wagonbg0 input[type="checkbox"].filterRuns:checked + i::before {
            background-color: #fff;
            border-color: #9f9f9f;
            color:black;
        }
   
   
           .filterbyruns.wagonbg2 input[type="checkbox"].filterRuns:checked + i::before {
            color:black;
        }
		
   
/*   
        .filterbyruns.wagonbg1 input[type="checkbox"].filterRuns:checked + i::before {
            background-color: #036dc1;
            border-color: #036dc1;
        }



        .filterbyruns.wagonbg3 input[type="checkbox"].filterRuns:checked + i::before {
            background-color: #666666;
            border-color: #666666;
        }

        .filterbyruns.wagonbg4 input[type="checkbox"].filterRuns:checked + i::before {
            background-color: #ffc800;
            border-color: #ffc800;
        }
        .filterbyruns.wagonbg5 input[type="checkbox"].filterRuns:checked + i::before {
            background-color: #f8a519;
            border-color: #f8a519;
        }

        .filterbyruns.wagonbg6 input[type="checkbox"].filterRuns:checked + i::before {
            background-color: #ed2225;
            border-color: #ed2225;
        }
*/




        .filterbyruns.wagonbg0 input[type="checkbox"].filterRuns + i::before {
            background-color: #fff;
        }


        .filterbyruns.wagonbg1 input[type="checkbox"].filterRuns + i::before {
            background-color: #036dc1;
            border-color: #036dc1;
        }

        .filterbyruns.wagonbg2 input[type="checkbox"].filterRuns + i::before {
            background-color: #eeeeee;
            border-color: #eeeeee;
			         xxcolor: #000;
        }

        .filterbyruns.wagonbg3 input[type="checkbox"].filterRuns + i::before {
            background-color: #666666;
            border-color: #666666;
        }

        .filterbyruns.wagonbg4 input[type="checkbox"].filterRuns + i::before {
            background-color: #ffc800;
            border-color: #ffc800;
        }
        .filterbyruns.wagonbg5 input[type="checkbox"].filterRuns + i::before {
            background-color: #f8a519;
            border-color: #f8a519;
        }

        .filterbyruns.wagonbg6 input[type="checkbox"].filterRuns + i::before {
            background-color: #ed2225;
            border-color: #ed2225;
        }














.box .widget-content ul {
	margin:0;
	padding:0;
	list-style:none outside;
}


.widget.match-wagon .team-players,
.widget.match-wagon .wagon-wrap {
	font-size:12px;
}
.widget.match-wagon .team-players li label{
	padding:3px;
	display:block;
}
.widget.match-wagon .team-players li label:hover{
	background-color:#eee;
}
.widget.match-wagon .team-players .badge {
	float:right;
	/* padding: 4px 5px 0; */
	display:inline-block;
	color: var(--statbox-text);
	font-size: 12px;
	/* background-color: #a7a7a7; */
}
.rt_800 table td,
.rt_800 table th {
	font-size:13px;
}
.rt_tmd .matches-table .teamName {
	display:none;
}



.widget.match-wagon .team-players,
.widget.match-wagon .wagon-wrap {
	font-size:12px;
	margin-top: 4px;
}
.widget.match-wagon .team-players li label{
	padding:3px;
	display:block;
}
.widget.match-wagon .team-players li label:hover{
	background-color: rgb(209 204 204 / 40%);
}



.wheel-area
{
width:450px;border:solid 0px green;display:inline-block;padding:0;margin-bottom:10px;
}

.wagon-filter
{width: 160px;border:solid 0px red;display:inline-block;/* margin-bottom:10px; */margin-top: 10px;}

.wagon-filter-select
{width: 300px;border:solid 0px blue;display:inline-block;margin-bottom:10px;margin-top: 10px;}





@media (max-width: 500px) { /* Adjust breakpoint as needed */

#wagon-run-filters {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px; /* Adjust gap between items as needed */
  width:100%;
}

.wagon-filter, .wagon-filter-select
{
width:100%;
}


  #wagon-run-filters {
    grid-template-columns: repeat(3, 1fr); /* 3 items per row */
  }
}





@media (max-width: 380px) { /* Adjust breakpoint as needed */

#wagon-run-filters {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px; /* Adjust gap between items as needed */
  width:100%;
}


  #wagon-run-filters {
    grid-template-columns: repeat(2, 1fr); /* 3 items per row */
  }
}




.inning-label .badge {
    float: right;
    /* padding: 4px 5px 0; */
    display: inline-block;
    color: var(--statbox-text);
    font-size: 12px;
    /* background-color: #a7a7a7; */
}