body {
	background-color: #000000;
}
.container { background-color: #ffffff; }

.titleLine {
	text-align: center;
	font-weight: bold;
	font-size: 200%;
	color: #ffffff;
}

.titleCourt {
	color: #ffffff;
}

.titleBlue {
	background-color: #2b52cf;
}

.titleRed {
	background-color: #cf2b2b;
}

.association {
	font-weight: bold;	
	text-align: center;
	font-size: 200%;	
}

.fighterId {
	font-weight: bold;	
}

.bgColor {
	background-color: #888888;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.withBorder div {
	border: 1px solid #000000;
	padding: 3px;
}

span.total {
	font-weight: bold;
}

.headInfo {
	font-weight: bold;
	font-size: 200%;
}

.table td, .table th {
	padding: .5rem .25rem
}

.buttonMargin {
	margin: .75rem 0;
}

.res.btn-outline-dark.disabled, 
.res.btn-outline-dark:disabled {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db;
	opacity: 1;
} 
.res.btn-outline-warning.disabled, 
.res.btn-outline-warning:disabled {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
	opacity: 1;
} 
.res.btn-outline-success.disabled, 
.res.btn-outline-success:disabled {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
	opacity: 1;
} 

.col-buttons {
	padding: 0 5px;
}

.btn-blue,
.btn-red,
.btn-green,
.btn-pink,
.btn-yellow,
.btn-blank {
	width: 100%;
	margin-bottom: 10px;
	min-height: 50px;
}

.btn-blue {
	background-color: #2b52cf;
	border-color: #2b52cf;
}

.btn-red {
	background-color: #cf2b2b;
	border-color: #cf2b2b;
}

.btn-green {
	background-color: #28a745;
	border-color: #28a745;
}

.btn-pink {
	background-color: #ff1493;
	border-color: #ff1493;
}

.btn-yellow {
	background-color: #ffc107;
	border-color: #FFc107;
	color: #212529;
}

.strike.btn-outline-dark:not(:disabled):not(.disabled).active, 
.strike.btn-outline-dark:not(:disabled):not(.disabled):active {
	text-decoration: line-through;
}

.fight-done {
	background-color: transparent;
    background-image: gradient(linear, 19.1% -7.9%, 81% 107.9%, color-stop(0, transparent), color-stop(.48, transparent), color-stop(.5, #000), color-stop(.52, transparent), color-stop(1, transparent));
    background-image: repeating-linear-gradient(163deg, transparent 0%, transparent 48%, #000 50%, transparent 52%, transparent 100%);
}

.round-active-tr {
	background-color: #f5f5f5;
}

@media (min-width: 992px) { .container-fluid { max-width: 980px; } }		

@media (max-width: 768px) { 
	.btn,
	.btn-group-lg > .btn, 
	.btn-lg {
		padding: .375rem .75rem;
		font-size: 1.0rem;
	}
	
	.table td, .table th {
	    padding: .25rem .1rem;
	}	
	
	.headInfo {
    	font-size: 125%;
	}
	
	.matchInfo,
	.fighterInfo {
		line-height: 1.25;
	}
}

@media (max-width: 576px) { 
	.btn,
	.btn-group-lg > .btn, 
	.btn-lg {
		padding: .1rem .2rem;
		font-size: 1.0rem;
	}
	
	.table td, .table th {
	    padding: .25rem .1rem;
	}	
	
	.bgColor {
		font-size: 0.9rem;
		font-weight: 400;
	}
}