/*
    DanceScoring.com Scoring Stylesheet
    Copyright(c) 2021.
    Iowa Web Development / HostIowa.net
*/



/* LAYOUT ELEMENTS
----------------------------------------------------------*/

#recordingsList {margin: 6px auto; font-size: 13px; font-weight: bold;}
#recordingsList li a {color: #333;} {}
.audio-uploaded, .audio-uploaded > a {color: #00cc00 !important;}
.audio-failed, .audio-failed > a {color: #cc0000 !important; font-size: 17px;}

.is-hidden {display: none !important;}
.audio-links a {font-size: 14px; line-height: 120%; display: block; margin: 4px auto;}

.location_progress_container {border: solid 1px #333; background-color: #bbb; position: relative; padding: 0.5rem 1rem; margin-top: 1rem;}
.location_progress {
	background: linear-gradient(to bottom, rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%) !important;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.location_progress_container h1 {position: relative; display: inline-block; z-index: 100;}
.location_progress_container span {position: relative; display: inline-block; z-index: 100; font-size: 1.0rem; margin-left: 1rem;}



table.scoring th {font-size: 0.8em; line-height: 1.1em;}
table td span {font-size: 0.8em;}

table td.status {border-left: solid 1px #333; border-right: solid 1px #333; position: relative; text-align: center;}
table td.status span {position: relative; display: inline-block; z-index: 100;}
/*
tr:nth-child(4n), tr:nth-child(4n-1) {
    background: #eee;
}*/

/*table.scoring tr:first-child {background-color: #000; color: white; font-weight: bold;}
table.scoring tr:nth-child(even) {background: #eee;}
table.scoring tr:not(:first-child):hover {background: #FFFFE2;}*/
table.scoring th, table.scoring td {padding: 12px 10px; text-align: center; border-bottom: solid 1px #ccc;}
table.scoring td {padding: 6px !important;}
table.scoring th a {color: #FFF; font-weight: bold; padding: 0.5rem;}
table.scoring th a.sorted {background-color: #aaf0d1; color: #000;}
table.scoring td input {width: 90%; font-size: 1.3em; font-weight: bold; padding: 0.1em; text-align: center; border: solid 1px #333;}
table.scoring td select {width: 90%; font-size: 1.1em; font-weight: bold; padding: 0.1em; text-align: center; border: solid 1px #333;}
table.scoring td.tie, table.scoring td.score-alert, .tie {font-weight: bold; font-style: italic; color: #cc0000; background-color: rgba(255,0,0,0.15);}
table.scoring td.submitted {background-color: rgba(0,255,0,0.1);}
table.scoring td.not_used {text-decoration: line-through;}

table.scoring.results th, table.scoring.results td {font-size: 0.8rem; padding: 6px;}


.audio {
	display: inline-block;
	position: relative;
	margin: 0px 4px;
	width: 12px;
	height: 16px;
	background: url('/images/icons/audio.png') no-repeat;
	background-size: contain;
}

	.audio:hover .audio-menu {
		display: block;
	}

.audio-menu {
	display: none;
	position: absolute;
	top: 14px;
	z-index: 10;
	border: solid 1px #000;
	padding: 8px;
	background-color: #333;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	text-align: left;
}

	.audio-menu a {
		display: block;
		padding: 6px 12px;
		color: #fff;
		font-style: normal;
	}

		.audio-menu a:hover {
			color: #ccc;
		}


@media print {
	table.scoring.results th, table.scoring.results td {
		font-size: 12px;
		padding: 2px;
		page-break-inside: avoid !important;
	}
}

/* small */
@media only screen and (max-width: 46.875em) {

	table.scoring td {font-size: 0.9rem !important; padding: 2px !important;}
}