/* Custom styles for the responsive table 
.custom-sports-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
  }
  
  .custom-sports-table th,
  .custom-sports-table td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
  }
  
  .custom-sports-table th {
    background-color: #f2f2f2;
  } */
  
  /* Additional custom styles can be added here */

  
#pb {font-family: "segoe ui",arial,sans-serif;
  color:#444444;
/* byme background-color:#eeeeff; */
padding:5px;}
.dataheader {display: inline-block;width:100%;padding:3px;margin-bottom:3px;
  	clear:both;background-color:#d55c00;color:white;font-size:.99em;
	font-weight:bold;border:1px solid #ccc}
.datarow {display: inline-block;width:98%;margin:2px;padding:5px;text-align:center;
  	clear:both;background-color:white;font-size:.85em;border:1px solid #666}
.datacell {text-align:center;float:left;height:100px;overflow:hidden;white-space:no-wrap;}
img {
	max-width: 100%;
	height: auto;
	width: auto;
}

.datacell.time {
	width: 10%;
}
.datacell.teams {
	width: 25%;
}
.datacell.teams > div {
	text-align:left;
	padding-left:10px;
}
.datacell.market {
	width: 15%;
}
.datacell.opencurrent {
	width: 25%;
}
.datacell.child-open,
.datacell.child-current {
	width: 50%;
}
.datacell.linechart {
	width: 25%;
}
@media screen and (max-width: 991px) {
	.datacell.time {
		width: 15%;
	}
	.datacell.teams {
		width: 30%;
	}
	.datacell.market {
		width: 25%;
	}
	.datacell.opencurrent {
		width: 30%;
	}
	.datacell.linechart {
		width: 100%;
	}
}
@media screen and (max-width: 515px) {
	.datacell.time {
		width: 100%;
	}
	.datacell.teams {
		width: 100%;
	}
	.datacell.teams > div {
		padding-left: 0;
		text-align: center;
	}
	.datacell.market {
		width: 100%;
	}
	.datacell.opencurrent {
		width: 100%;
	}
	.datacell.linechart {
		width: 100%;
	}
	.datacell .dataheader {
		margin-bottom: 10px;
	}
	.datacell.linechart .dataheader {
		margin-bottom: 3px;
	}
}