.derby-standings-image
{
	height: 50px;
}

.derby-standings-image-front
{
	height: 35px;
}


/* large screen */
@media screen and (min-width: 800px)
{
	.derby-mobile
	{
		display: none;
	}

	.derby-desktop
	{
		display: contents;
	}

	.derby-standings-container
	{
		width: 100%;
		border: 2px solid #808080;
		padding: 5px;
		border-radius: 8px;
		padding: 4px;
		margin: 0px 0px 10px 0px;
	}

	td.derby-standings-header
	{
		background-color: #dfdfdf;
		color: #000000;
		height: 14px;
		font-size: 14px;
		font-weight: bold;
	}

	tr.derby-standings-item
	{
		border 1px solid #808080;
	}

	td.derby-standings-item
	{
		background-color: #ffffff;
		color: #000000;
		height: 55px;
		text-align: center;
		font-size: 20px;
	}

	td.derby-standings-team
	{
		background-color: #ffffff;
		color: #000000;
		height: 55px;
		font-size: 26px;
	}
	td.derby-standings-icon
	{
		background-color: #ffffff;
		color: #000000;
		height: 55px;
		font-size: 24px;
		text-align: center;
	}



	.derby-header
	{
		padding: 15px;
		width: 100%;
		font-size: 22px;
		font-weight: bold;
		background-color: #d0d0d0;
		border: 1px solid #000000;
		border-radius: 8px;
	}

	.derby-header-change-league
	{
		padding: 5px;
		margin: 0px 0px 10px 0px;
		width: 100%;
		font-size: 16px;
		border: 1px solid #000000;
		border-radius: 8px;
	}

	.derby-league-container
	{
		width: 100%;
	}



	.derby-list-top
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		height: 90px;
		padding: 5px 0px 0px 10px;
	}

	.derby-list
	{
		width: 100%;
		display: inline-flex;
		height: 90px;
		flex-wrap: wrap;
		border-top: 1px solid #808080;
		padding: 5px 0px 0px 10px;
	}

	.derby-list-league-logo
	{
		padding: 4px;
		height: 70px;
		display: inline-block;
		text-align: center;
	}

	.derby-list-name
	{
		padding: 4px;
		margin: 20px 0px 0px 15px;
		height: 40px;
		font-size: 24px;
		font-weight: bold;
		display: inline-block;
		text-align: center;
	}

	.derby-list-logo
	{
		height: 70px;
	}

	.derby-fts-image
	{
		height: 30px;
	}


	.derby-series-top
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		height: 65px;
		padding: 5px 0px 0px 10px;
	}

	.derby-series
	{
		width: 100%;
		display: inline-flex;
		height: 65px;
		flex-wrap: wrap;
		border-top: 1px solid #808080;
		padding: 5px 0px 0px 10px;
	}


	.derby-series-name
	{
		padding: 10px 0px;
		margin: 3px;
		height: 45px;
		width: 55%;
		font-size: 23px;
		font-weight: bold;
		display: inline-block;
	}

	.derby-series-date
	{
		padding: 4px;
		margin: 3px;
		height: 45px;
		width: 25%;
		font-size: 14px;
		font-style: italic;
		display: inline-block;
		text-align: center;
	}

	.derby-series-date-mobile
	{
		display: none;
	}

	.derby-series-discipline
	{
		padding: 4px;
		margin: 3px;
		height: 45px;
		width: 16%;
		font-size: 16px;
		font-decoration: italic;
		display: inline-block;
		text-align: center;
	}

	.derby-bout-container
	{
		width: 100%;
	}


	.derby-bout
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		border: 1px solid #808080;
		border-radius: 8px;
		padding: 5px 0px 0px 10px;
	}

	.derby-bout-row
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		padding: 5px 0px 0px 10px;
	}

	.derby-bout-logo-height
	{
		height: 55px;
	}

	.derby-bout-date
	{
		width: 5%;
		font-size: 15px;
		font-style: italic;
		font-weight: bold;
		display: inline-block;
		text-align: center;
	}

	.derby-bout-logo
	{
		padding: 0px 0px 0px 8px;
		width: 10%;
		font-size: 14px;
	}

	.derby-bout-host
	{
		width: 10%;
		font-size: 12px;
		font-style: italic;
		display: inline-block;
	}

	.derby-bout-team-logo
	{
		padding: 3px 0px 0px 0px;
		width: 7%;
		display: inline-block;
		text-align: center;
	}

	.derby-bout-team-name
	{
		padding: 14px 0px;
		width: 13%;
		align-items: center;
		font-size: 16px;
		font-weight: bold;
		display: flex;
	}

	.derby-bout-team-score-not-found
	{
		padding: 15px;
		font-size: 16px;
		width: 21%;
		text-align: center;
	}


	.derby-bout-team-score-left
	{
		font-weight: bold;
		padding: 20px 10px 10px 9px;
		width: 9%;
		font-size: 30px;
		display: flex;
		justify-content: center;
		text-align: center;
	}

	.derby-bout-team-score-right
	{
		font-weight: bold;
		padding: 20px 10px 10px 9px;
		width: 9%;
		font-size: 30px;
		display: flex;
		justify-content: center;
	}

	.derby-blue
	{
		color: #00009F;
	}

	.derby-bout-team-middle
	{
		padding: 20px 0px 0px 0px;
		width: 3%;
		font-size: 36px;
		font-style: italic;
		display: inline-block;
		/* text-align: center; */
	}

	.derby-bout-attribution
	{
		width: 10%;
		display: flex;
		justfy-content: center;
		padding: 20px 10px;
	}

	.derby-bout-info
	{
		width: fit-content;
		font-size: 16px;
		padding: 0px 0px 5px 0px;
	}

	.derby-bout-series-container
	{
		width: 100%;
		display: inline-flex;
		margin: 0px 0px 10px 0px;
		flex-wrap: wrap;
		border: 2px solid #808080;
		border-radius: 8px;
		padding: 10px;
	}

	.derby-bout-series-league-logo
	{
		width: 150px;
		display: flex;
	}

	.derby-bout-series-logo-height
	{
		height: 100px;
	}

	.derby-bout-series-info-container
	{
		width: fit-content;
	}

	.derby-bout-series-league-name
	{
		font-size: 26px;
		font-weight: bold;
		height: 30px;
	}

	.derby-bout-series-series-name
	{
		font-size: 22px;
		font-weight: bold;
		height: 25px;
	}

	.derby-bout-series-dates
	{
		font-size: 18px;
		height: 26px;
		font-style: italic;
	}

	.derby-bout-series-navigation
	{
		font-size: 16px;
		height: 24px;
	}

	.derby-bout-fts-container
	{
		margin: 5px 0px;
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		border: 1px solid #808080;
		border-radius: 8px;
		padding: 10px;
	}

	.derby-bout-fts-logo
	{
		width: 40px;
		display: flex;
	}

	.derby-bout-fts-logo-height
	{
		height: 25px;
	}

	.derby-bout-fts-message
	{
		font-size: 14px;
		font-style: italic;
		display: flex;
		padding: 5px 5px 2px 5px;
	}



}


/* small screen */
@media screen and (max-width: 799px)
{
	.derby-desktop
	{
		display: none;
	}

	.derby-mobile
	{
		display: contents;
	}
	.derby-header
	{
		padding: 8px;
		width: 100%;
		font-size: 20px;
		font-weight: bold;
		background-color: #d0d0d0;
		border: 1px solid #000000;
		border-radius: 8px;
	}

	.derby-header-change-league
	{
		padding: 5px;
		margin: 0px 0px 10px 0px;
		width: 100%;
		font-size: 16px;
		border: 1px solid #000000;
		border-radius: 8px;
	}

	.derby-league-container
	{
		width: 100%;
	}



	.derby-list-top
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		padding: 5px 0px 10px 5px;
	}

	.derby-list
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		border-top: 1px solid #808080;
		padding: 5px 0px 10px 5px;
	}

	.derby-list-league-logo
	{
		padding: 4px;
		display: inline-block;
		text-align: center;
	}

	.derby-list-name
	{
		padding: 4px;
		margin: 20px 0px 0px 15px;
		font-size: 18px;
		font-weight: bold;
		display: inline-block;
		text-align: center;
		width: 60%;
	}

	.derby-list-logo
	{
		height: 60px;
	}

	.derby-fts-image
	{
		height: 30px;
	}


	.derby-series-top
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		height: 65px;
		padding: 5px 0px 0px 10px;
	}

	.derby-series
	{
		width: 100%;
		display: inline-flex;
		height: 65px;
		flex-wrap: wrap;
		border-top: 1px solid #808080;
		padding: 5px 0px 0px 10px;
	}



	.derby-series-name
	{
		padding: 10px 0px;
		margin: 3px;
		width: 55%;
		font-size: 18px;
		font-weight: bold;
		display: inline-block;
	}

	.derby-series-date
	{
		display: none;
	}


	.derby-series-date-mobile
	{
		padding: 10px;
		width: 40%;
		font-size: 13px;
		font-style: italic;
		display: inline-block;
		text-align: center;
	}


	.derby-series-discipline
	{
		display: none;
	}

	.derby-bout-container
	{
		width: 100%;
	}


	.derby-bout
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		border: 1px solid #808080;
		border-radius: 8px;
		padding: 0px;
	}

	.derby-bout-score-team-container
	{
		width: 60%;

	}

	.derby-bout-m-score-team
	{
		width: 64%;
		height: 30px;
		font-size: 22px;
	}

	.derby-bout-score-points-container
	{
		width: 20%;
	}

	.derby-bout-m-points-team
	{
		width: 20%;
		height: 30px;
		font-size: 22px;
	}

	.derby-bout-m-score-team
	{
		width: 64%;
		height: 30px;
		font-size: 22px;
	}



	.derby-bout-row
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		padding: 5px 0px 0px 0px;
	}

	.derby-bout-logo-height
	{
		height: 55px;
	}

	.derby-bout-date
	{
		padding: 7px 4px;
		line-height: 14px;
		border: 1px solid #808080;
		width: 13%;
		font-size: 14px;
		font-style: italic;
		font-weight: bold;
		display: flex;
		text-align: center;
	}

	.derby-bout-logo
	{
		display: none;
	}

	.derby-bout-host
	{
		display: none;
	}

	.derby-bout-team-logo
	{
		display: none;
	}

	.derby-bout-team-name
	{
		padding: 0px;
		width: 24%;
		font-size: 16px;
		font-weight: bold;
		display: flex;
		align-items: center;
	}

	.derby-bout-team-score-not-found
	{
		padding: 5px;
		font-size: 12px;
		width: 36%;
		text-align: center;
	}


	.derby-bout-team-score-left
	{
		font-weight: bold;
		padding: 20px 4px 10px 9px;
		width: 14%;
		font-size: 30px;
		display: flex;
		justify-content: center;
		text-align: center;
	}

	.derby-bout-team-score-right
	{
		margin: 15px 10px;
		font-weight: bold;
		padding: 5px;
		width: 13%;
		font-size: 30px;
		display: flex;
		justify-content: center;
	}

	.derby-blue
	{
		color: #00009F;
	}

	.derby-bout-team-middle
	{
		padding: 20px 5px 0px 5px;
		width: 3%;
		font-size: 18px;
		font-style: italic;
		display: inline-block;
	}

	.derby-bout-attribution
	{
		width: 10%;
		display: flex;
		justfy-content: center;
		padding: 20px 10px;
	}

	.derby-bout-info
	{
		width: fit-content;
		font-size: 14px;
		padding: 0px 0px 5px 0px;
	}

	.derby-bout-series-container
	{
		width: 100%;
		display: inline-flex;
		margin: 0px 0px 10px 0px;
		flex-wrap: wrap;
		border: 2px solid #808080;
		border-radius: 8px;
		padding: 10px;
	}

	.derby-bout-series-league-logo
	{
		display: none;
	}

	.derby-bout-series-logo-height
	{
		height: 100px;
	}

	.derby-bout-series-info-container
	{
		width: fit-content;
	}

	.derby-bout-series-league-name
	{
		font-size: 26px;
		font-weight: bold;
	}

	.derby-bout-series-series-name
	{
		font-size: 22px;
		font-weight: bold;
	}

	.derby-bout-series-dates
	{
		font-size: 18px;
		font-style: italic;
	}

	.derby-bout-series-navigation
	{
		font-size: 16px;
	}

	.derby-bout-fts-container
	{
		margin: 5px 0px;
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		border: 1px solid #808080;
		border-radius: 8px;
		padding: 10px;
	}

	.derby-bout-fts-logo
	{
		width: 40px;
		padding: 12px;
		display: flex;
	}

	.derby-bout-fts-logo-height
	{
		height: 40px;
	}

	.derby-bout-fts-message
	{
		font-size: 14px;
		width: 80%;
		font-style: italic;
		display: flex;
		padding: 5px;
	}

}




}