.navbar-inverse {
	background-color: #2196F3;
	border-color: #2196F3;
	color: rgba(255,255,255,.84);
}
.navbar .navbar-nav>li>a, .navbar .navbar-brand {
	color: inherit;
}
.navbar .navbar-nav>li>a:hover, .navbar .navbar-brand:hover {
    color: #fff!important;
}
.navbar .navbar-nav>.active>a, .navbar .navbar-nav>.active>a:hover, .navbar .navbar-nav>.active>a:focus {
	color: inherit;
    background-color: rgba(255,255,255,.1);
}
.navbar-inverse .navbar-toggle {
	border: none;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background: #fff;
}
.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar {
	background-color: #2196F3;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border: none;
}
thead {
	background: #2196F3;
    color: #ffffff;
}

body {
	min-width: 360px;
}

.panel-default>.panel-heading {
	background: #2196F3;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}

.content {
	padding-top: 50px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.content {
		padding-top: 100px;
	}
}

table td, table th {
	vertical-align: middle!important;
}

.matches tr > *:nth-child(1) {
	text-align: left;
	width: 35%;
	padding: 12px 8px;
}
.matches tr > th:nth-child(2) {
	padding: 12px 8px;
}
.matches tr > *:nth-child(2) {
	text-align: center;
	width: 30%;
}
.matches tr > *:nth-child(3) {
	text-align: right;
	width: 35%;
}

@media(max-width: 419px) {
	.matches tr > *:nth-child(1) {
		padding-left: 6px!important;
	}
	.matches tr > *:nth-child(3) {
		padding-right: 6px!important;
	}

	.matches tr> td:nth-child(1) {
		padding-right: 4px!important;
		font-size: 0.9em;
	}
	.matches tr> td:nth-child(2) {
		padding-left: 4px!important;
		padding-right: 4px!important;
		font-size: 0.9em;
	}
	.matches tr > td:nth-child(3) {
		padding-left: 4px!important;
		font-size: 0.9em;
	}
}

.score {
	width: 40px;
	text-align: center;
	border: none;
    padding: 4px 0px;
	background: #BDBDBD;
	color: #fff;
	font-weight: bold;
}
.score.blue {
	background: #1565C0;
	border-color: #1565C0;
}
.score.red {
	background: #EF6C00;
	border-color: #EF6C00;
}
.score.win {
	background: #43A047;
	border-color: #43A047;
}
.score.error {
	background: #F44336;
	border-color: #F44336;
}


.rankings tr > *:nth-child(1) {
	text-align: center;
	width: 10%;
	padding: 12px 8px;
}
.rankings tr > *:nth-child(2) {
	width: 30%;
}
.rankings tr > *:nth-child(3) {
	text-align: center;
	width: 15%;
}
.rankings tr > *:nth-child(4) {
	text-align: center;
	width: 15%;
}
.rankings tr > *:nth-child(5) {
	text-align: center;
	width: 15%;
}
.rankings tr > *:nth-child(6) {
	text-align: center;
	width: 10%;
}
.rankings tr > *:nth-child(7) {
	text-align: center;
	width: 5%;
	font-size: 0.9em;
}

.tiebreaks tr > *:nth-child(1) {
	text-align: center;
	width: 16%;
}
.tiebreaks tr > *:nth-child(2) {
	text-align: center;
	width: 22%;
}
.tiebreaks tr > *:nth-child(3) {
	width: 40%;
}
.tiebreaks tr > *:nth-child(4) {
	text-align: center;
	width: 10%;
}
.tiebreaks tr > *:nth-child(5) {
	text-align: center;
	width: 12%;
}

.scenarios tr > *:nth-child(1) {
	padding: 12px 8px;
}

.stats tr > *:nth-child(1) {
	text-align: center;
	width: 14%;
	padding: 12px 8px;
}
.stats tr > *:nth-child(2) {
	width: 30%;
}
.stats tr > *:nth-child(3) {
	text-align: center;
	width: 14%;
}
.stats tr > *:nth-child(4) {
	text-align: center;
	width: 14%;
}
.stats tr > *:nth-child(5) {
	text-align: center;
	width: 14%;
}
.stats tr > *:nth-child(6) {
	text-align: center;
	width: 14%;
}

.table-striped>tbody>tr:nth-child(odd).qual>td, .table-striped>tbody>tr:nth-child(odd)>td.qual {
    background-color: #C5E1A5;
}
.table-striped>tbody>tr:nth-child(even).qual>td, .table-striped>tbody>tr:nth-child(even)>td.qual {
    background-color: #DCEDC8;
}
.table-striped>tbody>tr.qual.full>td, .table-striped>tbody>tr>td.qual.full {
    background-color: #C5E1A5;
}
.table-striped>tbody>tr.qual:hover>td, .table-striped>tbody>tr:hover>td.qual {
    background-color: #AED581;
}

.table-striped>tbody>tr:nth-child(odd).advance>td, .table-striped>tbody>tr:nth-child(odd)>td.advance {
    background-color: #81D4FA;
}
.table-striped>tbody>tr:nth-child(even).advance>td, .table-striped>tbody>tr:nth-child(even)>td.advance {
    background-color: #B3E5FC;
}
.table-striped>tbody>tr.advance.full>td, .table-striped>tbody>tr>td.advance.full {
    background-color: #81D4FA;
}
.table-striped>tbody>tr.advance:hover>td, .table-striped>tbody>tr:hover>td.advance {
    background-color: #4FC3F7;
}

.table-striped>tbody>tr:nth-child(odd).advance2>td, .table-striped>tbody>tr:nth-child(odd)>td.advance2 {
    background-color: #FFE082;
}
.table-striped>tbody>tr:nth-child(even).advance2>td, .table-striped>tbody>tr:nth-child(even)>td.advance2 {
    background-color: #FFECB3;
}
.table-striped>tbody>tr.advance2.full>td, .table-striped>tbody>tr>td.advance2.full {
    background-color: #FFE082;
}
.table-striped>tbody>tr.advance2:hover>td, .table-striped>tbody>tr:hover>td.advance2 {
    background-color: #FFD54F;
}

.table-striped>tbody>tr:nth-child(odd).elim>td, .table-striped>tbody>tr:nth-child(odd)>td.elim {
    background-color: #EF9A9A;
}
.table-striped>tbody>tr:nth-child(even).elim>td, .table-striped>tbody>tr:nth-child(even)>td.elim {
    background-color: #FFCDD2;
}
.table-striped>tbody>tr.elim.full>td, .table-striped>tbody>tr>td.elim.full {
    background-color: #EF9A9A;
}
.table-striped>tbody>tr.elim:hover>td, .table-striped>tbody>tr:hover>td.elim {
    background-color: #E57373;
}

.table-striped>tbody>tr:nth-child(odd).unplayed>td {
    background-color: #FFD54F;
}
.table-striped>tbody>tr:nth-child(even).unplayed>td {
    background-color: #FFE082;
}
.table-striped>tbody>tr.unplayed:hover>td {
    background-color: #FFCA28;
}

.table-striped>tbody>tr:nth-child(odd).offstream>td {
    background-color: #81D4FA;
}
.table-striped>tbody>tr:nth-child(even).offstream>td {
    background-color: #B3E5FC;
}
.table-striped>tbody>tr.offstream:hover>td {
    background-color: #4FC3F7;
}