.navbar{
	background: rgba(13, 7, 24, 0.7);
}

.card{
	background-color: rgba(13, 7, 24, 0.8);
}

.card-header{
	background-color: rgba(81, 89, 96, 0.3)
}

.list-group-item{
	background-color: rgba(50, 56, 62, 0.0)
}

.list-group-item:hover {
  background-color: rgba(81, 89, 96, 0.3);
}

ol.breadcrumb{
	background-image: none;
	background-color: rgba(13, 7, 24, 0.9)
}

.btn-outline-info{
	background-color: rgba(81, 89, 96, 0.5)
}

.btn-secondary{
	background-image: none;
	background-color: rgba(13, 7, 24, 0.9)
}

.ilb-match-league{
	display: inline-block;
	width: 17.5%;
	padding-left: 15px;
}

.ilb-match-player{
	display: inline-block;
	width: 30%;
}

.ilb-center{
	display: inline-block;
	width: 5%;

}

.ilb-match-date{
	display: inline-block;
	width: 17.5%;
	text-align: right;
	padding-right: 15px;
}

.bg-ascend{
	border-left: ridge 5px rgb(40, 167, 69, 0.75)
}

.bg-relegation-ascend{
	border-left: ridge 5px rgb(181, 252, 167, 0.75)
}

.bg-relegation-descend{
	border-left: ridge 5px rgb(255, 193, 7, 0.75)
}

.bg-descend{
	border-left: ridge 5px rgb(220, 53, 69, 0.75);
}

.bg-maintain{
	border-left: ridge 5px rgb(190, 190, 190, 0.75);
}

.sortable{border-spacing:0}
.sortable tbody tr:hover {background-color: rgba(81, 89, 96, 0.3);}
.sortable tbody tr{border: 1px solid black}
.sortable td{font-size:1.0rem}
.sortable th{padding:5px}
.sortable td:first-child,
.sortable th:first-child{border-top-left-radius:4px}
.sortable td:last-child,
.sortable th:last-child{border-top-right-radius:4px}
.sortable th{background:rgba(81, 89, 96, 0.3);cursor:pointer;font-weight:500;text-align:center;vertical-align:baseline;white-space:nowrap;font-size:1.2rem}
.sortable th:hover{color:white}
.sortable th:hover::after{color:inherit;font-size:0.8em;content:'\025B8'}
.sortable th::after{font-size:0.8em;color:transparent;content:'\025B8'}
.sortable th.dir-d{color:white}
.sortable th.dir-d::after{color:inherit;content:'\025BE'}
.sortable th.dir-u{color:white}
.sortable th.dir-u::after{color:inherit;content:'\025B4'}