table.bracket {
	border-collapse: collapse;
	table-layout: fixed;
	margin:0 auto;
	width: 100%;
}
table.bracket td {	    		
	font-size: 12px;
}
table.bracket td.team {
	/*background-color: #f3f3f3;*/
}
table.bracket td.team > div {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	width:inherit;
}
table.bracket td.bar {	
	border-width: 0;
}
table.bracket td.region {
	font-weight: bold;
}

.bar {	
	border-style: solid;
	border-color: #999999;
}

table.left td {
	text-align: left;
}
table.right td {
	text-align: right;
}

/* Node Style */
table.bracket-2 td.game {
	border:1px solid #cccccc;
	background-color: #f3f3f3;
}
table.bracket-2 td.game-top {
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
table.bracket-2 td.game-bottom {
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}	    		
table.bracket-2 td.bar {
	width:20px;
}


table.bracket td.bar-right {
	border-right-width:3px;
}
table.bracket td.bar-left {
	border-left-width:3px;
}
table.bracket td.bar-bottom {
	border-bottom-width:3px;
}
table.bracket td.bar-top {
	border-top-width:3px;
}
table.bracket td.bar-top-right {
	border-top-width:3px;
	border-right-width:3px;
}
table.bracket td.bar-top-left {
	border-top-width:3px;
	border-left-width:3px;
}
table.bracket td.bar-bottom-right {
	border-bottom-width:3px;
	border-right-width:3px;
}
table.bracket td.bar-bottom-left {
	border-bottom-width:3px;
	border-left-width:3px;
}

table.bracket td.bar-right.winner {
	border-right-width:3px;
}
table.bracket td.bar-left.winner {
	border-left-width:3px;
}
table.bracket td.bar-bottom.winner {
	border-bottom-width:3px;
}
table.bracket td.bar-top.winner {
	border-top-width:3px;
}
table.bracket td.bar-top-right.winner {
	border-top-width:3px;
	border-right-width:3px;
}
table.bracket td.bar-top-left.winner {
	border-top-width:3px;
	border-left-width:3px;
}
table.bracket td.bar-bottom-right.winner {
	border-bottom-width:3px;
	border-right-width:3px;
}
table.bracket td.bar-bottom-left.winner {
	border-bottom-width:3px;
	border-left-width:3px;
}

table.bracket td.bar-right.loser {
	border-right-width:3px;
}
table.bracket td.bar-left.loser {
	border-left-width:3px;
}
table.bracket td.bar-bottom.loser {
	border-bottom-width:3px;
}
table.bracket td.bar-top.loser {
	border-top-width:3px;
}
table.bracket td.bar-top-right.loser {
	border-top-width:3px;
	border-right-width:3px;
}
table.bracket td.bar-top-left.loser {
	border-top-width:3px;
	border-left-width:3px;
}
table.bracket td.bar-bottom-right.loser {
	border-bottom-width:3px;
	border-right-width:3px;
}
table.bracket td.bar-bottom-left.loser {
	border-bottom-width:3px;
	border-left-width:3px;
}

.loser {
	border-style: solid;
}
.team-loser {
	color:#cccccc;
	text-decoration: line-through;
}

.popup-bracket {
	font-size: 12px;
	position:absolute;
	z-index: 1000;
	width:150px;
	border:1px solid #cccccc;
	border-radius: 3px;
	background-color:#ffffff;
	padding:0;
	box-shadow: 5px 5px 5px #e3e3e3;
}
.popup-bracket > div {
	padding:3px;
	text-align: center;
	background-color:#e3e3e3;
}
.popup-bracket table {
	margin:2px;
}
.popup-bracket td {
	padding:3px;
}

table.table-color {
  border-collapse:separate;
}
table.table-color td {
  border:2px solid #fff;
  
  background-color:#ccc;
  padding:5px;
}
table.table-color td.active {
  border:2px solid #000;
}

.btn-margin {
	margin: 10px 0 10px 0 ;
}

.text-ellipsis {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	width:inherit;
}

.circle-color {
	height:20px;
	width:20px;
	background-color:#f3f3f3;
	border-radius:50%;
	margin: 0 auto;
	text-align: center;
}

.select-color {
	cursor: pointer;
}

.admin-action {
	background-color: #f3f3f3;
	margin: 0 0px;
}
.region-header h4 {
	color: #999999;
	margin-top: 15px;
}

.admin-action h4 {
	color: #999999;
	margin-top: 15px;
}

.participant-header {
	background-color: #f3f3f3;
	color: #999999;
	margin: 0 0px;
}

.history-header {
	background-color: #f3f3f3;
	color: #999999;
	margin: 0 0px;
}

.jumbotron {
	background-color: orange;
	background-image:linear-gradient(to bottom, orange 85%, #FF8833 100%);
	padding: 60px 0 20px 0;
}
.jumbotron h1 {
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
}
.height-80 {
	height: 80px;
}

.row-total {
	background-color: #FFF0B3;
}

.blog-post {
	margin-bottom: 50px;
}

.text-gray {
	color:#999;
}
.text-gray-dark {
	color:#666;
}
.text-blue {
	color:#33CCFF;
}
.text-pointer {
	cursor: pointer;
}
.text-bold {
	font-weight: bold;
}
.text-inactive {
	font-style: italic;
	color: #ccc;
}
td > div.text-finite {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	max-width:200px;
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	td > div.text-finite {
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		max-width:50px;
	}
}