.paid-state {background-color: #b1ffa8;}
.spacer > div {
	border-right: 1px solid #222;
	padding-right: 5px;
	height: 30px;
}
.border-danger {border:1px solid red;}
#topscrollbar {
	overflow-x: auto;
    clear: both;
}
#fakewidth {
	width: 1px;
    height: 1px;
}
td.now100 input {
	width: auto !important;
}
td.now100 {text-align:left !important;}
#tabs a{text-decoration:none}
#tabs .ui-state-active {border: 1px solid #aaa;background: #ddd;color:#111;}
#tabs .ui-state-active a {color:#333;}
.hiddenPanel {
	background: white;
    padding: 3px;
    border: 1px solid black;
	width: 20%;
    margin-left: 10px;
}
a.tooltips {
    position: relative;
    display: inline;
}
a.tooltips span {
    position: absolute;
    width: 200px;
    color: #FFFFFF;
    background: #000000;
    height: 30px;
    line-height: 30px;
    text-align: center;
    visibility: hidden;
    border-radius: 6px;
}
a.tooltips span:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 35%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
a:hover.tooltips span {
    visibility: visible;
    opacity: 0.8;
    bottom: 30px;
    left: 50%;
    margin-left: -76px;
    z-index: 999;
}
	
#tourDb {display: table}
.dblock {display: block}
div.bleft {padding:5px;border-right: 1px solid #666}

.round-ko:nth-child(even) li.game-reverse {border-bottom: 2px solid black !important;}
.bggreen{background-color:green;}
.bgred{background-color:red;}
.inprow button {
	display: block;
	width: 100% !important;
}
h1{display:block}
.fi{display: inline-flex;}
span.row{display:block}
span.errors{border: 3px solid red;background-color: #ff9f9f;font-size: 18px;padding:5px}
.column{width:200px;float:left;border-right: 1px solid black;padding:4px}
.cb{clear:both;}
.match {background-color: blue;color:white;cursor: pointer;}
.no-click {cursor: not-allowed}
.match strong {color:lime;}
.match-controls a {color:#666;}
.match-controls a:hover {color:#333;}
.score-dialog label {display: block}
.matchbox {margin-top: 200px;}
.matchdiv {width:140px;height:80px;position:absolute;background-color: #ddd;}
.posabsbtm {position:absolute;bottom:0;margin-top: 25px}
.posabsbtm td {vertical-align: bottom}
.game-spacer > table {width:100%}
.mdone {background-color: lightgrey}
.danger{color: #d82828;font-weight:800;}
.mplaying {background-color: lightgreen}
.fa.fr {padding:2px}
#ptable input, #ptable button {width:80px}
/*#ptable { float: left;}*/
.blockTable label {display: block;}
/*.blockTable {position: absolute;right: 5%;}*/

.match-controls {
    position: relative;
    display: block;
    height: 30px;
}
.circle {position: absolute;
    top: 6px;
    left: 1px;border-radius: 50%;width: 21px;height: 21px;padding: 8px;background: #90ee90;color: #000;text-align: center;font: 17px Arial,sans-serif;line-height: 20px;padding: 0;}

#brackets {clear: both;position: relative;top: 50px;overflow-x: scroll;}
#box_dartboards {width: 80%;}
#place > form {display: inline}
#box {display: flex;}
#db-queue, #db-summary {border: 1px solid black;margin-bottom: 15px;}
#db-summary > .db-tour-header {background-color: #456;color: #ddd; padding:4px;}
#db-summary > .db-tour-header:hover, #db-summary > .db-tour-header.active {background-color: #c00000;color: #fff;}
#db-summary > .db-tour-content {text-align: right;}
#db-queue > .db-match-item {border: 1px solid black;padding:2px}
#db-queue > .db-match-item:hover {background-color: #688;}
.db-match {padding: 5px;}
.db-match .butt {padding: 5px 10px;}
.db-match.freeD {vertical-align: middle;line-height: 70px;text-align: center;}
.db-match-selected {background-color: #67ff63;}
.match-started {background-color: #11dd00 !important;}
.match-alert {background-color: red !important;}
.match-playerscore {background-color: rgb(39, 39, 189) !important;}
.db-timer-negative {color: red;}

.db-scores {display: block;}
.db-butt {width: 55%;display: inline-block;}
.db-block {float: left;margin-right: 5px;border: 2px solid black;min-width: 200px;max-width: 200px;min-height: 200px;max-height: 200px;width: 200px;margin-bottom: 5px;}
.db-block td {padding: 0;}
.db-block.db-disabled input, .db-block.db-disabled a.butt {visibility: hidden;}
.db-header {background-color: #666;color: white;}
.db-header-alert {background-color: #de2323;color: white;}

.db-block-public .db-header {
	padding:3px;
	display: flex;
    justify-content: space-between;
}
.db-block-public {
	font-size: 15.2px;
}
.db-block-public .db-header span {
    font-size: inherit;
    margin-right: 0;
}
.db-block-public .db-timer {
	float: right;
	padding: 0;
}

.db-header select {max-width:70%}
#ref1, #ref2 {max-width:100%}
table.blockTable.fronttab {max-width:100%}
@media(max-width:1300px){
	.db-header select {max-width: 60%;}
}
@media(max-width:1150px){	
	#box_dartboards {width:70%}
	.hiddenPanel {width:30%}
	.db-block {width:24%}
	.db-match {font-size: 90%}
}
@media(max-width:950px){
	.db-block {width:32%}
	.db-header select {max-width: 60%;}
	.db-match {font-size: 90%}
}
@media(max-width:800px){
	.db-block {width:48%}
	.db-block {width:48%;min-height:180px;max-height:180px}
	.db-match {font-size: 90%}
}
@media(max-width:500px){
	.db-block {width:99%}
}
/*@media(max-width:500px){
	.db-match > a {font-size: small;width: 71%;float: none;overflow-x: hidden;}
	.db-match > a.db-butt:nth-child(1) {margin-left: -13px}
	.db-match > .numberOnly {padding: 0 0; margin: 0 0;height: 25px;vertical-align: top;}
	.db-match > .db-timer {position: relative;left: -20px;top: -89px;color: white;width: auto;}
	.db-header > .db-timer {font-size: 18px;float: left;padding: 2px;position: relative;left: 133px;top: -60px;}
	.db-block {min-height: 170px;max-height: 170px;}
}
@media(max-width:450px){
	.db-block {width: 99%;}
}*/
.db-header span {font-size: 24px;margin-right: 15px;}
.db-timer {font-size: 17px;padding: 2px;display:inline-block}
.db-footer {width: 100%;bottom: 0px;}
.db-footer > select, .db-footer option {width: 100%;}
.db-group {margin-right: 5px;}
.db-group > label {margin-bottom: 2px;display: block;}
.db-group > button {width: 100%;height: 2em;margin-bottom: 2px;display: block;}
.tourtable {table-layout: fixed;width: 100%;text-align: center;}
.tourtable div:hover {background-color: #bada55;}
.tourtable div.no-click {background-color: #777;}
.dLabel {width: inherit;text-align: center;}
.tourtable, .tourtable th, .tourtable td {border: 1px solid black;border-radius: 0px;}
.tourtable th {background-color: #444;}
.tourtable td:hover {background-color: #777;}
div.mainbrackets, main{display:flex;flex-direction:row;}
.round{display:flex;flex-direction:column;justify-content:center;width:200px;list-style:none;padding:0;}
.round.closedRound li {display: none;}
.closedRound {width: 30px;margin-bottom: auto;}
.closedRound .blockCheckX {display:none}
.closedRound .unblockCheckX {display:none}
.round .spacer:first-child {display: flex !important;cursor: pointer;}
.round .spacer{ flex-grow:1; }
.round .spacer:first-child,
.round .spacer:last-child{ flex-grow:.5; }
.round .game-spacer{flex-grow:1;font-size: 85%;height:100px}
ul.round > li {margin-bottom: 0px !important;}
li.game{font-size: x-small;}
.winner{font-weight: 900;}
.looser{color: black;}
.draw{color: black;}
li.game span{float:right;margin-right:5px;}
li.game-top{border-bottom:1px solid #aaa; padding-left: 5px;}
li.game-spacer{border-right:1px solid #aaa;min-height:60px;position: relative;}
li.game-spacer > .mdiv {position: absolute;bottom: 0;width: 100%;padding-left: 5px;}
li.spacer h2{text-align:center;width: 100%;padding-left: 5px;}
li.game-bottom{border-top:1px solid #aaa;}
li.game-reverse{border-right:none !important;border-left:1px solid #aaa !important;}
ul.round-0 li.game-spacer {border-left:1px solid #aaa !important;}
.game.game-spacer:hover {background-color: #dddddd;}
.game.game-spacer.game-blocked {background-color: gray;color: white;}