/* BEGIN DARK THEME */


/* END DARK THEME */

.fireworks:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0px;
	width: 96%;
	height: 60%;
	z-index: 1;
	opacity: .7;
	background-image: url(/images/fireworks.gif?v=50);
	background-repeat: repeat-x;
	background-size: auto;
	background-position-x: center;
	background-position-y: top;
	margin-left: 2%;
	margin-right: 2%;
	background-origin: content-box;
	margin-top: 4px;
}

.status-onhill {
	background-image: url(/images/onTheHill.png?v=50);
	background-size: auto;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	height: 74px;
	width: 318px;
	position: relative;
	z-index: 2;
}

.status-doublehill {
	background-image: url(/images/doubleHill.png?v=50);
	background-size: auto;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	height: 74px;
	width: 318px;
	position: relative;
	z-index: 2;
}

.switchto-TB {
	background-image: url(/images/10ball.png?v=50);
	background-size: 100px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	height: 250px;
	width: 250px;
}

.switchto-9B {
	background-image: url(/images/9ball.png?v=50);
	background-size: 100px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	height: 250px;
	width: 250px;
}

.switchto-8B {
	background-image: url(/images/8ball.png?v=50);
	background-size: 100px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	height: 250px;
	width: 250px;
}

.win-breakrun {
	background-image: url(/images/star-outline.png?v=50);
	background-size: 43px;
	background-origin: content-box;
	background-repeat: no-repeat;
	display: inline-block;
	height: 43px;
	width: 43px;
	position: relative;
	vertical-align: middle;
	top: -1px;
}

.win-10onbreak {
	background-image: url(/images/10ball.png?v=50);
	background-size: 43px;
	background-origin: content-box;
	background-repeat: no-repeat;
	display: inline-block;
	height: 43px;
	width: 43px;
	position: relative;
	vertical-align: middle;
}

.win-9onsnap {
	background-image: url(/images/9ball.png?v=50);
	background-size: 43px;
	background-origin: content-box;
	background-repeat: no-repeat;
	display: inline-block;
	height: 43px;
	width: 43px;
	position: relative;
	vertical-align: middle;
}

.win-8onbreak {
	background-image: url(/images/8ball.png?v=50);
	background-size: 43px;
	background-origin: content-box;
	background-repeat: no-repeat;
	display: inline-block;
	height: 43px;
	width: 43px;
	position: relative;
	vertical-align: middle;
}

body.LargeSize .win-10onbreak_small {
	bottom: 2px;
	vertical-align: middle;
	margin-bottom: 0px
}

body.LargeSize .win-9onsnap_small {
	bottom: 2px;
	vertical-align: middle;
	margin-bottom: 0px
}

body.LargeSize .win-8onbreak_small {
	bottom: 2px;
	vertical-align: middle;
	margin-bottom: 0px
}

.win-10onbreak_small {
	background-image: url(/images/10ball.png?v=50);
	background-size: 25px;
	background-origin: content-box;
	background-repeat: no-repeat;
	display: inline-block;
	height: 25px;
	width: 25px;
	position: relative;
	bottom: 5px;
	vertical-align: middle;
	margin-bottom: -5px
}

.win-9onsnap_small {
	background-image: url(/images/9ball.png?v=50);
	background-size: 25px;
	background-origin: content-box;
	background-repeat: no-repeat;
	display: inline-block;
	height: 25px;
	width: 25px;
	position: relative;
	bottom: 5px;
	vertical-align: middle;
	margin-bottom: -5px
}

.win-8onbreak_small {
	background-image: url(/images/8ball.png?v=50);
	background-size: 25px;
	background-origin: content-box;
	background-repeat: no-repeat;
	display: inline-block;
	height: 25px;
	width: 25px;
	position: relative;
	bottom: 5px;
	vertical-align: middle;
	margin-bottom: -5px
}

table.scoreboard > tbody > tr > td[scoring-type="racks"] div[scoring-type="rackcontainer"] > div[scoring-type="border"],
table.scoreboard > tbody > tr > td[scoring-type="racks"] div[scoring-type="racktimeoutscontainer"] > div[scoring-type="border"] {
	height: 100%;
	min-width: 32px;
	max-width: 32px;
	width: 32px;
	display: block;
	position: absolute;
	left: 0px;
	z-index: 998;
}

table.scoreboard > tbody > tr > td[scoring-type="racks"] div.activerack > div[scoring-type="border"] {
	border-left-color: #ff3000B0;
	border-left-style: solid;
	border-left-width: 2px;
	border-right-color: #ff3000B0;
	border-right-style: inset;
	border-right-width: 2px;
}

table.scoreboard > tbody > tr > td[scoring-type="racks"] div.activerack > div[scoring-type="border"] {
	-webkit-animation: flashing 1.25s linear infinite alternate;
	-moz-animation: flashing 1.25s linear infinite alternate;
	-ms-animation: flashing 1.25s linear infinite alternate;
	-o-animation: flashing 1.25s linear infinite alternate;
	animation: flashing 1.25s linear infinite alternate;
	/* border-left-color: orangered;
	border-left-style: solid;
	border-left-width: 2px;
	border-right-color: orangered;
	border-right-style: inset;
	border-right-width: 2px; */
	background-color: #ff300060;
}

@keyframes flashing {
	0% {
		/* border-left-color: transparent;
		border-right-color: transparent; */
		background-color: #ff300010;
	}
}

table.scoreboard > tbody > tr > td[scoring-type="racks"] div.activerack > div[scoring-type="number"] {
	color: rgba(0,0,0,.50);
}

.scoresheet-team 
{
	font-size: 16px;
}

#PutUpFirst_HomeButton, #PutUpFirst_AwayButton {
	margin-top: 25px;
	padding-top: 12px;
	padding-bottom: 12px;
	white-space: normal;
}

.modal-body {
	font-size: 16px;
}

.rackwinner-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
  display: inline-block;
}

.rackwinner-container h2 {
	width: 100%;
	float: left;
	text-align: center;
}

.timeout-container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
	display: inline-block;
}

.timeout-container h2 {
	width: 100%;
	float: left;
	text-align: center;
}

.col-half
{
	width: 50%;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
}	

.col-full
{
	width: 50%;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
}	

.col-mini-half
{
	width: 50%;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
}
	
.col-mini-full
{
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
}

.col-mini-hidden
{
	display: none !important;
}

@media (min-width: 768px) {

	.rackwinner-container .col-reg-half {
		width: 50%;
		padding-left: 0px;
		padding-right: 0px;
		float: left;
	}

	.rackwinner-container .col-reg-half-left {
		width: 50%;
		padding-left: 0px;
		padding-right: 10px;
		float: left;
	}

	.rackwinner-container .col-reg-half-right {
		width: 50%;
		padding-left: 10px;
		padding-right: 0px;
		float: left;
		border-left: 1px solid #e5e5e5;
	}

	.rackwinner-container .col-reg-half-right h2, .rackwinner-container .col-reg-half-left h2 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap !important;
	}

	.rackwinner-container .col-reg-full {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		float: left;
	}

	.rackwinner-container .col-reg-hidden {
		display: none !important;
	}
}

@media (min-width: 768px) {

	.timeout-container .col-reg-half {
		width: 50%;
		padding-left: 0px;
		padding-right: 0px;
		float: left;
	}

	.timeout-container .col-reg-half-left {
		width: 50%;
		padding-left: 0px;
		padding-right: 10px;
		float: left;
	}

	.timeout-container .col-reg-half-right {
		width: 50%;
		padding-left: 10px;
		padding-right: 0px;
		float: left;
		border-left: 1px solid #e5e5e5;
	}

	.timeout-container .col-reg-half-right h2, .timeout-container .col-reg-half-left h2 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap !important;
	}

	.timeout-container .col-reg-full {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		float: left;
	}

	.timeout-container .col-reg-hidden {
		display: none !important;
	}
}

@media (min-width: 768px)
{
	#RackWinModal > .modal-dialog {
		width: 90%;
	}

	#TimeoutModal > .modal-dialog {
		width: 90%;
	}

	.col-reg-half-left
	{
		padding-right: 20px;
	}

	.col-reg-half-right
	{
		padding-left: 20px;
	}

}

@media (min-width: 992px)
{
	#RackWinModal > .modal-dialog {
		width: 880px;
	}

	#TimeoutModal > .modal-dialog {
		width: 880px;
	}

}

.pointssystem thead th
{
	color: White;
	text-align: center;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.pointssystem thead th:nth-child(1), .pointssystem thead th:nth-child(2), .pointssystem thead th:nth-child(4), .pointssystem thead th:nth-child(5)
{
	background-color: #999999;
}

.pointssystem thead th:nth-child(3n+2)
{
	border-left: 1px solid #dddddd;
}

.pointssystem tbody td:empty
{
	border-top: 0px none;
}

.pointssystem tbody td
{
	text-align: center;
	padding-left: 10px !important;
	padding-right: 10px !important;
	border-top: 1px solid #dddddd; !important;
}

.pointssystem tbody td:nth-child(3n+2)
{
	border-left: 1px solid #dddddd;
}

.racetable
{
	border: 1px Solid #dddddd !important;
}

.racetable thead
{
	background-color: #999999;
	color: White;
	border: 1px Solid #dddddd;
}

.racetable tbody th
{
	background-color: #999999;
	color: White;
}

.racetable th, .racetable td {
    min-width: 35px;
    text-align: center;
}

.btn.btn-block.btn-highlight {
	-webkit-box-shadow: inset 0px 0px 3px 2px #89cd78;
	box-shadow: inset 0px 0px 3px 2px #89cd78
}

label.btn > input[type="radio"]:empty {
	display: none;
}

label.btn > input[type="radio"] ~ span:before
{
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 42px;
	background: #D1D3D4;
}

label.btn > input[type="radio"]:before
{
	content: '\2714';
	text-indent: .9em;
	color: #C2C2C2;
}

label.btn > input[type="radio"]:checked ~ span:before
{
	content: '\2714';
	text-indent: 1px;
	color: #fff;
	background-color: #5cb85c;
	line-height: 40px;
	padding-top: 6px;
}

.playerrowheader th
{
    padding-bottom: 5px;
    vertical-align: top;
    border-bottom: 2px solid #dddddd;
}

.playerrow td:nth-child(1), .playerrow td:nth-child(3) {
	text-align: center;
}

.playerrow td:nth-child(2) {
	padding-left: 20px;
	padding-right: 20px;
}

.playerrow td:nth-child(4) {
	padding-left: 20px;
}

.playerrow td
{
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.playerrow.captainrow td {
	font-weight: bold;
}

tr.matchscoring_darkbottomborder > td {
    border-bottom: 1px solid Black;
}

.matchscoring_darkbottomborder {
    border-bottom: 1px solid Black;
}

.matchscoring_lightbottomborder {
    border-bottom: 1px solid White !important;
}

.matchscoring_mediumbottomborder {
    border-bottom: 1px solid Silver !important;
}

.matchscoring_timeout
{
	color: Black;
	background-color: White;
	height: 10px;
	text-align: center;
	vertical-align: middle;
    font-size: 8px;
    font-weight: bold;
    font-family: Verdana;
    color: #bb0000;
}

.matchscoring_name
{
	color: Black;
	background-color: White;
	width: 225px;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	min-width: 100px;
    text-overflow: ellipsis;
    max-width: 175px;
    overflow: hidden;
    white-space: nowrap;
}

.matchscoring_header
{
	font-weight: bold;
	background-color: Yellow;
	vertical-align: middle;
	color: Black;
	text-align: center;
	font-size: 16px;
    /* border: 1px solid Black; */
}

.matchscoring_score
{
	color: Black;
	background-color: #C0C0C0;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.matchscoring_skill
{
	color: Black;
	background-color: White;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
}

.matchscoring_total
{
	color: Black;
	font-size: 20px;
	font-weight: bold;
	background-color: #C0C0C0;
	text-align: center;
	vertical-align: middle;
}

.matchscoring_game
{
	color: Black;
	background-color: White;
	width: 28px;
	min-width: 28px;
	text-align: center;
	vertical-align: middle;
}

.scoring_backgroundtext
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
	font-weight: bold;
	font-style: italic;
	position: relative;
	color: #CFCFCF;
	top: 0;
    left: 0;
    text-align: center;
	vertical-align: middle;
	width: 100%;
}

.panel-match .panel-title .label {
	display: inline-block;
	padding: .4em .6em .4em;
}

.panel-match .panel-title h4.putup {
	margin-top: 12px;
	padding-bottom: 0px;
	color: White;
}

.panel-match .panelbody_block_caption {
	padding-bottom: 12px;
}

.panel-match .panel-body .nav-pills > li {
	cursor: pointer;
}

.input-group .input-group-btn .btn {
	min-height: 34px;
}

.input-group .input-number {
	min-height: 34px;
}

.LargeSize .input-group .input-group-btn .btn {
	min-height: 40px;
}
.LargeSize .input-group .input-number {
	min-height: 40px;
}

#ConnectionStatus[connect-status="failure"]:before {
	content: 'no source';
	font-family: Arial;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	-webkit-animation: statusblink 1.8s ease-in-out infinite alternate;
	-moz-animation: statusblink 1.8s ease-in-out infinite alternate;
	-ms-animation: statusblink 1.8s ease-in-out infinite alternate;
	-o-animation: statusblink 1.8s ease-in-out infinite alternate;
	animation: statusblink 1.8s ease-in-out infinite alternate;
	color: black;
}

#ConnectionStatus[connect-status="failure"] {
	background-color: red;
	opacity: 1;
}

#ConnectionStatus[connect-status="offline"]:before {
	content: 'OFFLINE';
	font-family: Arial;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	-webkit-animation: statusblink 1.8s ease-in-out infinite alternate;
	-moz-animation: statusblink 1.8s ease-in-out infinite alternate;
	-ms-animation: statusblink 1.8s ease-in-out infinite alternate;
	-o-animation: statusblink 1.8s ease-in-out infinite alternate;
	animation: statusblink 1.8s ease-in-out infinite alternate;
	color: black;
}

#FooterSubmitButton[connect-status="offline"] {
	font-weight: bold;
	-webkit-animation: statusblink 1.4s ease-in-out infinite alternate;
	-moz-animation: statusblink 1.4s ease-in-out infinite alternate;
	-ms-animation: statusblink 1.4s ease-in-out infinite alternate;
	-o-animation: statusblink 1.4s ease-in-out infinite alternate;
	animation: statusblink 1.4s ease-in-out infinite alternate;
	color: black;
}

@keyframes statusblink {
	0% {
		color: white;
	}
}

#ConnectionStatus[connect-status="offline"] {
	background-color: red;
	opacity: 1;
}

#ConnectionStatus[connect-status="online"]:before {
	content: 'ONLINE';
	font-family: Arial;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #fbffa7;
}

@keyframes statushide {
	0% {
		opacity: 1;
	}
}

#ConnectionStatus[connect-status="online"] {
	-webkit-animation: statushide 5.2s cubic-bezier(0.4, 0, 1, 1);
	-moz-animation: statushide 5.2s cubic-bezier(0.4, 0, 1, 1);
	-ms-animation: statushide 5.2s cubic-bezier(0.4, 0, 1, 1);
	-o-animation: statushide 5.2s cubic-bezier(0.4, 0, 1, 1);
	animation: statushide 5.2s cubic-bezier(0.4, 0, 1, 1);
	opacity: 0;
	background-color: #00a000;
}

#ConnectionStatus[connect-status="transfer"] {
	opacity: 1;
	background-color: #cc33ff;
}

#ConnectionStatus[connect-status="transfer"]:before, #ConnectionStatus[connect-status="transfer-done"]:before {
	content: 'transmit';
	font-family: Arial;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	color: white;
	top: 2px;
	left: -10px;
	position: relative;
}

#ConnectionStatus[connect-status="transfer"], #ConnectionStatus[connect-status="transfer-done"] {
	background-position: calc(100% - 3px) center;
	background-image: url('/images/loading.gif');
	background-repeat: no-repeat;
	background-size: 18px;
}

#ConnectionStatus[connect-status="transfer-done"] {
	-webkit-animation: statushide .5s cubic-bezier(0.4, 0, 1, 1);
	-moz-animation: statushide .5s cubic-bezier(0.4, 0, 1, 1);
	-ms-animation: statushide .5s cubic-bezier(0.4, 0, 1, 1);
	-o-animation: statushide .5s cubic-bezier(0.4, 0, 1, 1);
	animation: statushide .5s cubic-bezier(0.4, 0, 1, 1);
	opacity: 0;
	background-color: #cc33ff;
}

#ConnectionStatus:not([connect-status="offline"]):not([connect-status="online"]):not([connect-status="transfer"]):not([connect-status="transfer-done"]):not([connect-status="failure"]) {
	display: none;
}

#ConnectionStatus {
	min-width: 80px;
	top: 62px;
	height: 30px;
	position: fixed;
	right: 0px;
	border-bottom-left-radius: 10px;
	padding-top: 3px;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 3px;
	z-index: 999;
	background-color: #00a000;
	display: block;
}

body.dark-theme table.scoreboard > tbody > tr > td[scoring-type="racks"] div.activerack > div[scoring-type="number"] {
	color: rgba(255,255,255,.50);
}