/* for the schedule portion of the team page */
#schedule-table
{
	margin: auto;
	line-height:1.1;
	table-layout: fixed;
}

#schedule-table tr td {
	text-align:center;
	font-size: 12px;
	padding: 2px 2px;
    white-space: nowrap;
}

#schedule-table td
{
	border-bottom: 1px solid #000;
}

#schedule-table tr td.rank
{
	font-size:10px;
	text-align:left;
}

#schedule-table thead th
{
	font-size:12px;
	color: #039;
	padding: 1px 1px;
	background-color: #c3d9ff;
}

#schedule-table tr.un td
{
	background: #EEF;
}

#schedule-table tr.w td {
	background-color:#99ffb2;
}

#schedule-table tr.l td {
	background-color:#ffbfb2;
}

#schedule-table td.label
{
	background: #ddd;
}

#schedule-table td.pace {
	font-size:10px;
	padding: 1px 1px;
}

#schedule-table th.factor {
	width:35px;
}

#schedule-table td.divide-r {
	text-align:right;
	border-left: 1px solid #bbb;
}

/* for the team distribution portion of game plan page*/
.dist-table
{
	font-family: "Signika", arial;
	line-height:1.0;
	margin:0 10px;
}

.dist-table tr td {
	text-align:center;
	font-size: 13px;
	padding: 2px 3px;
	border-bottom: 1px solid #000;
	background-color: #F2FAFD;
}

.dist-table-parent {
	margin:15px auto;
	
}

.dist-table tr th{
	font-size: 14px;
}

.opponent {
	white-space: nowrap;
	max-width: 1px;
}

#schedule-table .thead1 th {
	position:sticky;
	position:-webkit-sticky;
	top:0;
}
#schedule-table .thead2 th {
	position:sticky;
	position:-webkit-sticky;
	top:15px;
}
#schedule-table tr td.label-r {
	direction: rtl;
	white-space: nowrap;
	max-width: 1px;
}

.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

.nowrap {
	text-align: right;
	white-space: nowrap;
}

.nowrap--float {
	direction: inherit;
	float: right;
}

#position-stats{
	display: flex;
	overflow-x: scroll;
	justify-content: center;
}

#data-area{
	padding-bottom: 2em;
}

@media screen and (max-width:990px) {
	#data-area {
		overflow-x: scroll;
	}
	.table-wrapper {
		white-space: nowrap;
	}
	#schedule-table {
		overflow-x: scroll;
	}
	#schedule-table td:nth-of-type(1),#schedule-table th:nth-of-type(1) {
		width:64px;
	}

	#schedule-table td:nth-of-type(2),#schedule-table th:nth-of-type(2) {
		position:sticky;
		position:-webkit-sticky;
		left:0px;
		width:20px;
		z-index:50;
	}

	#schedule-table td:nth-of-type(3),#schedule-table th:nth-of-type(3) {
		position:sticky;
		position:-webkit-sticky;
		left:20px;
		z-index:50;
	}

    #schedule-table th:nth-of-type(3) {
        z-index: 40;
    }
	#position-stats{
		justify-content: left;
	}

}

@media screen and (max-width:500px) {
    #content-header h2 {
        font-size: 1.5em;
    }
	
}