/*div.flexgrid div.main-right {
	background-color: black;
	color: #c2c2c2;
}
*/
div.flexgrid div.mypanel div.header {
	color: #316A2A;
}

	div.flexgrid div.mypanel div.header a {
		color: steelblue;
	}

div.flexgrid div.main {
	background-color: black;
	color: #c2c2c2;
}

div.mypanel div.body.gametracker {
	padding-bottom: 0px;
	background-color: transparent;
}

div.mypanel div.header {
	margin-bottom: 0px;
}

div.gametracker {
	display: flex;
	flex-direction: row;
	/*	flex-wrap: wrap;
	gap: 10px;
*/ width: 100%;
	/*	align-content: flex-start;
	justify-content: space-between;
*/
}

	div.gametracker div.match {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 2px;
		width: 300px;
		min-width: 300px;
		max-width: 300px;
		cursor: pointer;
		margin-right: 20px;
		margin-bottom: 10px;
	}

		div.gametracker div.match:last-of-type {
			display: flex;
			flex-grow: 1;
		}

		div.gametracker div.match div.header {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			height: 20px;
			line-height: 30px;
			vertical-align: bottom;
			font-size: 1rem;
			color: orange;
			padding: 0px 4px;
			letter-spacing: 2px;
			text-transform: uppercase;
		}

			div.gametracker div.match div.header div.board {
				width: 75px;
			}

			div.gametracker div.match div.header div.inning {
				display: flex;
				flex-direction: row;
				height: 20px;
				line-height: 30px;
				vertical-align: bottom;
				font-size: 1rem;
				color: #c2c2c2;
				padding: 0px 4px;
				justify-content: flex-end;
				text-align: right;
			}

		div.gametracker div.match div.info {
			display: flex;
			flex-direction: row;
			gap: 2px;
			line-height: 25px;
		}

			div.gametracker div.match div.info div.teams {
				display: flex;
				flex-direction: column;
				gap: 2px;
				width: 175px;
				min-width: 175px;
				max-width: 175px;
				background-color: black;
				border: unset;
				margin-right: unset;
				min-height: unset;
				max-height: unset;
				overflow: unset;
				padding: 0px;
			}

				div.gametracker div.match div.info div.teams.twogames {
					width: 202px;
					min-width: 202px;
					max-width: 202px;
				}

				div.gametracker div.match div.info div.teams.onegame {
					width: 229px;
					min-width: 229px;
					max-width: 229px;
				}

				div.gametracker div.match div.info div.teams div.name {
					background-color: #2b2e2a;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					padding: 0px 4px;
				}

			div.gametracker div.match div.info div.game {
				display: flex;
				flex-direction: column;
				gap: 2px;
				width: 25px;
				min-width: 25px;
				max-width: 25px;
			}

				div.gametracker div.match div.info div.game div.score {
					background-color: #3f423e;
					padding-right: 2px;
					text-align: right;
				}

			div.gametracker div.match div.info div.status {
				display: flex;
				flex-direction: column;
				background-color: #3f423e;
				padding: 0px;
				margin: 0px;
				width: 35px;
				height: 52px;
				min-height: 52px;
				max-height: 52px;
				justify-content: space-around;
				align-items: center;
				font-size: .8rem;
			}

				div.gametracker div.match div.info div.status div.runners {
					display: flex;
					height: 32px;
					margin: 0px;
					padding: 0px;
				}

					div.gametracker div.match div.info div.status div.runners img {
						display: flex;
						height: 32px;
						margin: 0px;
						padding: 0px;
					}

				div.gametracker div.match div.info div.status div.outs {
					display: flex;
					height: 10px;
					min-height: 10px;
					max-height: 10px;
					margin: 0px;
					padding: 0px;
					line-height: 10px;
					vertical-align: top;
					font-size: .9rem;
				}

div.gametracker div.match div.delete {
	position: absolute;
	right: -7px;
	bottom: -7px;
	opacity: .6;
}
	div.gametracker div.match div.delete img {
		width: 14px;
		height: 14px;
	}

div.gamedetailsdialog {
	display: none;
	background-color: #c7c7c7 !important;
}

div.gamedetails {
	display: flex;
	flex-direction: column;
	gap: 0px;
	width: 330px;
	background-color: #c7c7c7;
	padding: 10px;
}

	div.gamedetails div.info {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		color: black;
		font-weight: bold;
		font-size: 1.8rem;
	}

		div.gamedetails div.info div.inningouts {
		}

	div.gamedetails div.runners {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		min-height: 60px;
	}

div.tabcontainer {
	display: flex;
	flex-direction: row;
	cursor: pointer;
}

	div.tabcontainer div.tabpage {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-right: 20px;
		min-width: 145px;
	}

		div.tabcontainer div.tabpage div.name {
			display: flex;
			flex-direction: column;
			color: black;
			border-bottom: 2px solid black;
			font-weight: bold;
			max-width: 150px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			text-align: center;
		}

		div.tabcontainer div.tabpage div.name div.score.batting:after {
			content: '';
			background: url('/images/GameTracker/Bluedot.png') no-repeat;
			width: 14px;
			height: 14px;
			background-size: 14px 14px;
			display: inline-block;
			margin-left: 5px;
		}

		div.tabcontainer div.tabpage div.name div.score {
			text-align: center;
			font-size: 1.6rem;
		}

		div.tabcontainer div.tabpage div.batter {
			display: flex;
			flex-direction: row;
			color: black;
			font-size: 1em;
			justify-content: space-between;
		}

			div.tabcontainer div.tabpage div.batter div.name {
				display: inline-block;
				border-bottom: 0px;
				font-weight: normal;
				line-height: 20px;
				max-width: 115px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			div.tabcontainer div.tabpage div.batter div.stats {
				line-height: 20px;
				font-size: .7em;
				width: 40px;
				text-align: right;
			}

			div.tabcontainer div.tabpage div.batter.current div.name {
				color: blue;
			}

div.buttons {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
	div.buttons div {
		display: flex;
		margin-top: 20px;
		padding: 1px 6px 0px 5px;
		border: 1px solid black;
		justify-content: center;
		background-color: #92B357;
		cursor: pointer;
		color: black;
		border-radius: 10px;
	}


@media all and (display-mode: fullscreen) {
}

@media (max-width: 360px) {
	div.gametracker div.match {
	}
		div.gametracker div.match:last-of-type {
		}
		div.gametracker div.match div.info div.teams {
			flex-grow: 1;
		}
		div.gametracker div.match div.header {
			padding: 0px 0px;
		}
}