@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css";

body {
	min-height: 100vh;
	background-color: #fff;
	overscroll-behavior: none
}

.hide-before-load {
	opacity: 0
}

main {
	padding-bottom: 150px
}

#menu-content {
	max-height: 90vh;
	overflow-y: auto
}

.fs-smaller-1 {
	font-size: .9em
}

.fs-smaller-2 {
	font-size: .8em
}

.fs-smaller-3 {
	font-size: .7em
}

.scale-110 {
	transform: scale(110%)
}

.scale-120 {
	transform: scale(120%)
}

.scale-130 {
	transform: scale(130%)
}

.scale-140 {
	transform: scale(140%)
}

.scale-150 {
	transform: scale(150%)
}

.card-body {
	background-color: rgba(0, 0, 0, .1)
}

.bg-dark .card-body {
	background-color: rgba(255, 255, 255, .2)
}

.experimental {
	display: none
}

.minwidth-50 {
	min-width: 50px
}

.minwidth-75 {
	min-width: 75px
}

.minwidth-100 {
	min-width: 100px
}

w-33 {
	width: 33.33% !important
}

.fs-7 {
	font-size: .8rem !important;
	line-height: .8rem !important
}

.fs-8 {
	font-size: .6rem !important;
	line-height: .6rem !important
}

.fs-9 {
	font-size: .4rem !important;
	line-height: .4rem !important
}

.text-icon {
	position: relative;
	width: 2rem;
	height: 2rem
}

#dropdown-icon-outer {
	background-color: #282828;
	border: 5px solid #efc909
}

.icon-crown {
	height: 18px;
	width: 18px
}

#dropdown-icon2 {
	background-color: #d2d2d2;
	color: #000
}

.icon-up {
	animation: 400ms normal icon-turn-down;
	animation-fill-mode: forwards
}

.icon-down {
	animation: 400ms normal icon-turn-up;
	animation-fill-mode: forwards
}

#dropdown-icon {
	transform: rotate(-90deg);
	border: 5px solid #efc909;
	color: #282828;
	background-color: #efc909;
	border-radius: 12px
}

#menu-1 {
	max-width: 80%
}

@keyframes icon-turn-down {
	from {
		transform: rotate(-90deg)
	}
	to {
		transform: rotate(0deg)
	}
}

@keyframes icon-turn-up {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(-90deg)
	}
}

.table-link {
	text-decoration: none
}

.bg-white.px-4 {
/ background-color: rgba(255, 255, 255, 0.25) !important
}

main2 {
	display: flex;
	flex-wrap: nowrap;
	max-height: 100vh;
	overflow-x: auto;
	overflow-y: hidden
}

.b-example-divider {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15)
}

.bi {
	vertical-align: -.125em;
	pointer-events: none;
	fill: currentColor
}

.dropdown-toggle {
	outline: 0
}

.nav-flush .nav-link {
	border-radius: 0
}

.w-15 {
	width: 15%
}

.w-10 {
	width: 10%
}

.w-7 {
	width: 7%
}

.btn-toggle {
	display: inline-flex;
	align-items: center;
	padding: .25rem .5rem;
	font-weight: 600;
	color: rgba(0, 0, 0, .65);
	background-color: transparent;
	border: 0
}

.btn-toggle:hover, .btn-toggle:focus {
	color: rgba(0, 0, 0, .85);
	background-color: #d2f4ea
}

.small-menu-2 .btn-toggle:hover, .btn-toggle:focus {
	color: #fff;
	background-color: #1a3e65
}

.btn-toggle::before {
	width: 1.25em;
	line-height: 0;
	content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2Jz48cGF0aCBmaWxsPSdub25lJyBzdHJva2U9J3JnYmEoMCwwLDAsLjUpJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMicgZD0nTTUgMTRsNi02LTYtNicvPjwvc3ZnPg==);
	transition: transform .35s ease;
	transform-origin: .5em 50%
}

.small-menu-2 .btn-toggle::before {
	content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2Jz48cGF0aCBmaWxsPSdub25lJyBzdHJva2U9J3JnYmEoMjU1LDI1NSwyNTUsMSknIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScyJyBkPSdNNSAxNGw2LTYtNi02Jy8+PC9zdmc+)
}

.btn-toggle[aria-expanded=true] {
	color: rgba(0, 0, 0, .85)
}

.btn-toggle[aria-expanded=true]::before {
	transform: rotate(90deg)
}

.btn-toggle-nav a {
	display: inline-flex;
	padding: .1875rem .5rem;
	margin-top: .125rem;
	margin-left: 1.25rem;
	text-decoration: none
}

.btn-toggle-nav a:hover, .btn-toggle-nav a:focus {
	background-color: rgba(210, 244, 234, .23)
}

.scrollarea {
	overflow-y: auto
}

.fw-semibold {
	font-weight: 600
}

.lh-tight {
	line-height: 1.25
}

.bd-layout {
	display: grid;
	grid-template-areas:"sidebar main";
	grid-template-columns:0fr 1fr
}

.bd-main {
	grid-template-areas:"intro   toc" "content toc";
	grid-template-columns:4fr 1fr;
	grid-template-rows:auto 1fr;
	overflow: visible;
	position: relative
}

.bd-intro {
	grid-area: intro;
	padding-top: 20px
}

.fill-height {
	min-height: 100vh
}

.landscape {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	font-size: 3vh;
	display: none;
	color: #fff;
	z-index: 99999
}

.rotate {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	left: 50%;
	writing-mode: vertical-lr
}

@media (orientation: portrait) {
	.landscape {
		display: block
	}
}

.my-shadow {
	box-shadow: 0 0 20px rgb(0, 0, 0, .5)
}

td {
	vertical-align: middle;
/ / text-align: center
}

table {
	text-align: center
}

table.left {
	text-align: left
}

.left td:first-child {
	padding-left: 30px
}

.left th:first-child {
	padding-left: 30px
}

.table-fl td:first-child {
	padding-left: 30px;
	text-align: left
}

.table-fl th:first-child {
	padding-left: 30px;
	text-align: left
}

.table-sl td:nth-child(2) {
	text-align: left
}

.table-sl th:nth-child(2) {
	text-align: left
}

.table-lr td:last-child {
	text-align: right
}

.table-lr th:last-child {
	text-align: right
}

.table-ll td:last-child {
	text-align: left
}

.table.lc td:last-child {
	text-align: center
}

.table.lc th:last-child {
	text-align: center
}

.table-ll th:last-child {
	text-align: left
}

.table-3l td:nth-child(3) {
	text-align: left
}

.table-3l th:nth-child(3) {
	text-align: left
}

.table-4l td:nth-child(4) {
	text-align: left
}

.table-4l th:nth-child(4) {
	text-align: left
}

.table-5l td:nth-child(5) {
	text-align: left
}

.table-5l th:nth-child(5) {
	text-align: left
}

.table-s1 td:first-child {
	width: 50px
}

.table-s1 th:first-child {
	width: 50px
}

@media only screen and (max-width: 700px) {
	table {
		font-size: 10px
	}
}

@media only screen and (min-width: 700px) {
	table {
		font-size: 12px
	}
}

@media only screen and (min-width: 850px) {
	table {
		font-size: 16px
	}
}

.pngshadow {
	filter: drop-shadow(1px 1px 2px rgb(0, 0, 0, 0.7))
}

.pngblack {
	filter: invert(56%) sepia(61%) saturate(5945%) hue-rotate(211deg) brightness(100%) contrast(104%)
}

#menubar {
	float: left;
	position: fixed;
	top: 0;
	left: 0
}

.table thead {
	background-image: linear-gradient(rgb(60, 60, 60), rgb(30, 30, 30));
	color: #fff
}

.bg-dark .table thead {
	border: 0;
	background: #000
}

.bg-dark .table > :not(:first-child) {
	border-top: 2px solid rgba(255, 255, 255, .5)
}

#menu-container {
	width: 220px
}

.limit-height-250 {
	max-height: 250px !important
}

.limit-width-250 {
	max-width: 250px !important
}

.limit-width-500 {
	max-width: 500px !important
}

.limit-width-750 {
	max-width: 750px !important
}

.limit-width-1000 {
	max-width: 1000px !important
}

#logo {
	margin-top: 40px
}

.card {
	margin: 10px
}

.flex-row-750 {
	flex-direction: row
}

@media only screen and (max-width: 750px) {
	.flex-row-750 {
		flex-direction: column
	}
}

main::-webkit-scrollbar {
	width: 0;
	background: 0 0
}

canvas.chart {
	height: 300px
}

.w-90 {
	width: 90% !important
}

.w-80 {
	width: 80% !important
}

.w-70 {
	width: 70% !important
}

.bg-dark *:not(.alert,.alert *):not(code,.text-danger,.text-black,.text-success,.text-warning,.text-primary,.bd-title, .bd-title *,.ignore-dark,.ignore-dark.deep *,svg,svg *,.btn *,.btn,.material-symbols-outlined) {
	color: #fff !important
}

div[popper] {
	z-index: 99999!important;
}

.bg-dark .table-striped > tbody > tr:nth-of-type(odd) > * {
	background-color: rgba(0,0,0,0.004);
}
.bg-dark .table-striped > tbody > tr:nth-of-type(even) > * {
	background-color: rgba(255,255,255,0.004);
}

.bg-dark table td {
	border-bottom-color: rgba(255, 255, 255, .25)
}

.bg-dark code {
	color: #00bfff
}

.bg-dark .bd-title.text-primary:not(h1) {
	color: #61bcef !important
}

.bg-dark .bd-title.text-secondary {
	color: #ababab
}

.modal .btn-close {
	margin-right: 4px
}

.bg-dark .modal-content {
	box-shadow: 0 0 50px 0 transparent
}

.bg-dark .modal-header, .bg-dark .modal-footer {
	border-top: 0;
	border-bottom: 0
}

.bg-dark .accordion-button, .bg-dark .accordion-body, .bg-dark .card {
	background-color: #14181c !important
}

.bg-dark .modal-content {
	background-color: #212529 !important
}

.bg-dark *:any-link:not(.a,.b,.c,.btn,.ignore-a,.btn *,button *) {
	color: #61bcef !important
}

.bg-dark .btn-close {
	filter: invert(100%)
}

.bg-dark .list-group-item:not(.bg-danger,.bg-success,.bg-warning,.active) {
	background-color: #212529 !important;
	border-color: #a9a9a9 !important
}

.bg-dark .form-control, .bg-dark .form-select {
	background-color: #212529 !important;
	border-color: #fff !important
}

.bg-dark #menu-container, .bg-dark #dropdown-icon2 {
	background: #1c1c24 !important
}

.modal-dialog {
}

.bg-dark .alert-danger2 {
	background: #cd5c5c;
	border-color: #fff
}

.bg-dark .accordion-button:after {
	filter: brightness(1000%) !important
}

.bg-dark .bg-black {
	background: 0 0 !important
}

.bg-dark .form-select {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2Utd2lkdGg9JzInIGQ9J00yIDVsNiA2IDYtNicvPjwvc3ZnPg==)
}

.bg-dark canvas {
	border: 1px solid #fff;
	border-radius: 5px
}

.no-focus:focus {
	outline: none !important;
	box-shadow: none !important
}

h1.bd-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 85px;
	background-color: var(--bs-primary);
	color: #fff !important;
	font-weight: bolder;
	padding-left: 25px;
	padding-right: 25px
}

h1.bd-title.text-danger {
	background: red
}

button.disabled {
	cursor: not-allowed !important
}

.overflow-scroll:not(.scrollbar)::-webkit-scrollbar1 {
	width: 0;
	background: 0 0
}

*:not(.scrollbar)::-webkit-scrollbar1 {
	width: 0;
	background: 0 0
}

.w-33 {
	width: 33% !important
}

main > *:not(h1.bd-title,table,.main-layout) {
	margin-left: 20px;
	margin-right: 20px
}

.main-layout > *:not(h1.bd-title,table,.main-layout) {
	margin-left: 20px;
	margin-right: 20px
}

.bi:not(.bi-fixed) {
	vertical-align: -.2em !important;
	height: 1em !important;
	display: inline-flex;
	align-items: center
}

.bi:before {
	vertical-align: middle !important;
	display: inline-block
}

.bi.bi-lower:not(.bi-fixed) {
	vertical-align: 0 !important
}

#dark-mode-toggle.btn-dark {
	border: 1px solid #3a3a3a
}

.bi-fixed {
	vertical-align: 0 !important;
	transform: translateY(-0.15em);
	display: inline-block
}

.bi.bi-fixed.text {
	transform: translateY(-0.1em)
}

.btn.square {
}

.bi-large {
	font-size: 2em
}

.bi-med {
	font-size: 1.5em
}

.btn-icon {
	border: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .25em !important;
	aspect-ratio: 1/1
}

.bi-large.bi-fixed {
	transform: translateY(-0.15em) scale(1.3)
}

.bi-large.text.bi-fixed {
	transform: translateY(-0.1em) scale(1.3)
}

#menu-support a {
	display: inline-flex;
	align-items: center
}

* {
	box-sizing: border-box !important
}

@media only screen and (max-width: 800px) {
}

@media only screen and (min-width: 801px) {
	main > *:not(h1.bd-title,table,.main-layout) {
		margin-left: 30px !important
	}

	.main-layout > *:not(h1.bd-title,table,.main-layout) {
		margin-left: 30px !important
	}

	main {
		margin-left: 220px
	}

	.dark-background {
		background-color: #252d3d !important;
		border: none !important;
		box-shadow: 0 0 5px 0 #000 !important
	}

	.dark-background .btn-toggle {
		color: #fff !important
	}

	.dark-background .link-dark {
		color: #fff !important
	}

	.dark-background .border-dark {
		border-color: #88c3fd !important
	}

	.big-minwidth-250 {
		min-width: 250px
	}

	.big-limit-width-250 {
		max-width: 250px
	}

	.big-fit-width {
		width: fit-content
	}

	.big-hide {
		display: none !important
	}

	.big-limit-width-500 {
		max-width: 500px
	}

	.big-limit-width-750 {
		max-width: 750px
	}

	.big-limit-width-1000 {
		max-width: 1000px !important
	}

	.big-limit-width-1250 {
		max-width: 1250px
	}

	.big-w-50 {
		width: 50%
	}

	.big-w-100 {
		width: 100%
	}

	.big-w-500px {
		width: 500px
	}
}

.text-shadow-sm {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

.text-shadow-md {
	text-shadow: 1px 2px 2px rgba(0, 0, 0, .7)
}

@media only screen and (max-width: 500px) {
	.very-small-zoom-75 {
		zoom: .75 !important
	}

	.very-small-zoom-66 {
		zoom: .66 !important
	}

	.very-small-zoom-50 {
		zoom: .5 !important
	}
}

@media only screen and (max-width: 800px) {
	#menubar {
		float: none;
		position: relative
	}

	#menu-container.navbar-scrolled {
		animation: menu-slide-out .5s ease-in-out forwards
	}

	#menu-container:not(.navbar-scrolled,.navbar-start) {
		animation: menu-slide .5s ease-in-out forwards
	}

	@keyframes menu-slide {
		from {
			transform: translateY(-110px)
		}
		to {
			transform: translateY(0)
		}
	}@keyframes menu-slide-out {
		 from {
			 transform: translateY(0)
		 }
		 to {
			 transform: translateY(-110px)
		 }
	 }main {
		  padding-left: 0
	  }

	#menu-container {
		width: 100vw;
		top: 0;
		transform: translate(0, 0);
		transition: transform .5s ease-in-out
	}

	.fill-height {
		min-height: auto
	}

	#logo {
		height: auto;
		width: 70%
	}

	.match-table td:nth-child(4) {
		display: none
	}

	.match-table th:nth-child(4) {
		display: none
	}

	.small-table-h1 td:nth-child(1) {
		display: none
	}

	.small-table-h1 th:nth-child(1) {
		display: none
	}

	.small-table-h2 td:nth-child(2) {
		display: none
	}

	.small-table-h2 th:nth-child(2) {
		display: none
	}

	.small-table-h3 td:nth-child(3) {
		display: none
	}

	.small-table-h3 th:nth-child(3) {
		display: none
	}

	.small-table-h4 td:nth-child(4) {
		display: none
	}

	.small-table-h4 th:nth-child(4) {
		display: none
	}

	.small-table-h5 td:nth-child(5) {
		display: none
	}

	.small-table-h5 th:nth-child(5) {
		display: none
	}

	.small-table-h5 td:nth-child(6) {
		display: none
	}

	.small-table-h5 th:nth-child(6) {
		display: none
	}

	.small-card {
		width: 33% !important;
		min-width: 150px !important
	}

	.small-card > img {
		width2: 100px;
		height2: auto
	}

	.small-card > .card-body {
		width2: 100px
	}

	.button {
	}

	.bd-title {
		text-align: center
	}

	.small-center {
		text-align: center !important
	}

	.small-margin-auto {
		margin-inline: auto
	}

	.small-align-center {
		align-items: center
	}

	.small-align-stretch {
		align-items: stretch !important
	}

	.small-justify-center {
		justify-content: center !important
	}

	.small-in-center {
		display: flex;
		justify-content: center
	}

	.small-column-reverse {
		flex-direction: column-reverse
	}

	.small-column {
		flex-direction: column !important
	}

	.small-transform-center {
		left: 50%;
		transform: translate(-50%, 0);
		position: relative
	}

	.small-ml-15 {
		margin-left: 15px
	}

	.small-hide {
		display: none !important
	}

	main {
		margin-top: 92px !important
	}

	.small-menu {
		background-color: #d2d2d2 !important;
		z-index: 1030
	}

	.small-menu-2 {
		background-color: #252d3d !important;
		z-index: 1030;
		border: none !important
	}

	#menu-container.small-menu-2 {
		box-shadow: 0 0 5px 0 #000
	}

	.small-menu-2 .btn-toggle {
		color: #fff !important
	}

	.small-menu-2 .link-dark {
		color: #fff !important
	}

	.small-menu-2 .border-dark {
		border-color: #88c3fd !important
	}

	.small-w-50 {
		width: 50% !important
	}

	.small-w-80 {
		width: 80% !important
	}

	.small-w-90 {
		width: 90% !important
	}

	.small-w-100 {
		width: 100% !important
	}

	.small-w-90-imp {
		width: 90% !important
	}

	.small-w-100-imp {
		width: 100% !important
	}

	.small-zoom-75 {
		zoom: 75%
	}

	.small-zoom-66 {
		zoom: 66%
	}

	.small-zoom-50 {
		zoom: 50%
	}

	.small-min-height-200 {
		min-height: 200px !important
	}

	.small-min-height-250 {
		min-height: 250px !important
	}

	.small-min-height-300 {
		min-height: 300px !important
	}

	.small-min-height-400 {
		min-height: 400px !important
	}

	.small-limit-width-250 {
		max-width: 250px
	}

	.small-limit-width-500 {
		max-width: 500px
	}

	.small-limit-width-750 {
		max-width: 750px
	}

	.small-limit-width-1000 {
		max-width: 1000px
	}

	.bd-title {
		padding-top: 4px
	}
}

.bg-dark .alert {
	background: rgba(0, 0, 0, .25);
	padding: 10px 20px;
	border: 0 solid transparent
}

.bg-dark .alert-warning {
	border-left: 5px solid #ff0;
	color: #fff
}

.bg-dark .alert-danger {
	border-left: 5px solid red;
	color: #e75b5b
}

.bg-dark .alert-success {
	border-left: 5px solid green;
	color: #fff
}

.bg-dark .alert-info {
	border-left: 5px solid #6495ed;
	color: #fff
}

.bg-dark .alert-info .title {
	color: #6495ed
}

.bg-dark .alert-danger .title {
	color: red
}

.bg-dark .alert-success .title {
	color: green
}

.bg-dark .alert-warning .title {
	color: #ff0
}

.alert-close {
	position: absolute;
	right: 10px;
	top: 14px
}

.alert ul, .alert ol, .alert li {
	margin: 0 !important
}