html {
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}
body {
    background: transparent!important;
}

.table
{
    --bs-table-bg: transparent;
	--bs-table-color-state: inherit;
}

@font-face {
	font-family: OCRA;
	src: url(/fonts/ocra.ttf)
}

@font-face {
	font-family: tf2build;
	src: url(/fonts/tf2build.ttf)
}

@font-face {
	font-family: TF2;
	src: url(/TF2.ttf)
}

@font-face {
	font-family: TF2Secondary;
	src: url(/fontsTF2Secondary.ttf)
}

@font-face {
	font-family: big_noodle_titling;
	src: url(/fonts/big_noodle_titling.ttf)
}

.stripe {
	text-align: center;
	position:relative;
}

.stripe:before {
	position:absolute;
	content : "";
	left  : 50%;
	top   : 50%;
	height: 125%;
	width : 0;
	border-right: 4px #666 solid;
}

.input::placeholder {
	color: #4a4a4a;
}


.frontpage-link {
	color: #67b2e2;
}

.frontpage-link:hover {
	color: #3799f1;
}

@keyframes floating {
    from { transform: translate(0, 0px);  }
    65%  { transform: translate(0, 5px);  }
    to   { transform: translate(0, -0px); }
}

.shadowfilter {
	-webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
			filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
}

.floating {
	animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

#hyper
{
    color: #67B2E2;
    text-decoration: none;
}

#hyper:hover
{
    color: #378FC6;
}

.medal-unlocked {

/*	animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;*/

	-webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
			filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
}

.medal-locked {
	transform: scale(0.75);

	-webkit-filter: grayscale(90%);
			filter: grayscale(90%);
}

.breakdown-table {
	background-color: #363636;
	border-radius: 8px;
}

.breakdown-table > * > * > th {
	vertical-align: middle;

	border: 1px solid #4a4a4a;
}

.breakdown-table > * > * > td {
	vertical-align: middle;

	border: 0;
}

.is-size-6-5 {
	font-size: .85rem!important;
}

.tr-link:hover {
	background-color: #4a4a4a;
	cursor: pointer;
	border-radius: 8px;
}

td.divider {
	border-right: solid 1px #ffffff;
}

td.divider-end {
	border-left: solid 1px #ffffff;
}

.active[data-bs-toggle="collapse"] {
	transform: scale(1.25);
}


.progress-bar {
	background-color: #4a4a4a;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
}

.progress-bar-fill {
	display: block;
	height: 1rem;
	border-radius: 3px;
}

.progress-wrapper {
	position: relative;
}

.progress-value {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: calc(1rem / 1.5);
	line-height: 1rem;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

.progress.is-small+.progress-value {
	font-size: calc(0.75rem / 1.5);
	line-height: 0.75rem;
}

.progress.is-medium+.progress-value {
	font-size: calc(1.25rem / 1.5);
	line-height: 1.25rem;
}

.progress.is-large+.progress-value {
	font-size: calc(1.5rem / 1.5);
	line-height: 1.5rem;
}

#copyText {
    cursor: pointer;
    color: palegreen;
}

#server {
	margin-bottom: 1em;
}

#server:hover {
	background-color: #5a5a5a!important;
}


.server_column {
	padding-top: .1rem;
	padding-bottom: .1rem;

	padding-left: 0px;
	padding-right: 0px;
}

.is_playing_motd_mission {
	box-shadow: -4px 0px 0px 0px rgba(81, 203, 238, 1),
				 4px 0px 0px 0px rgba(81, 203, 238, 1);
}


.is_completed_mission {
	box-shadow: -4px 0px 0px 0px rgb(81, 238, 107),
				 4px 0px 0px 0px rgba(81, 238, 107, 1);
}

.has-background-motd-mission {
	background-color: #5a5a5a;
}

.is-black-on-hover:hover {
	background-color: #292929;
}

.country-image {
	-webkit-filter: grayscale(0%);
			filter: grayscale(0%);
}

.image img.is-slightly-rounded {
	border-radius: 5px;
}

.is-horizontal-center {
	justify-content: center;
}

.overflow-dotdot {
	text-overflow: ellipsis;
	overflow: hidden;
}

.is-paddingless {
	padding: 0;
}

.donator {
	background-color: #4a4a4a!important;
}
.donator:hover {
	background-color: #696969!important;
}

.donator2
{
	background-color: #5a5a5a!important;
}
.donator2:hover {
	background-color: #696969!important;
}

.map-runs-header {
	cursor: pointer;
}

.form-check-input {
	background-color: #4a4a4a;
	border-color: #5a5a5a;
}

.form-check-input:checked {
	background-color: #4a4a4a;
	border-color: #5a5a5a;
}

.form-check-input:focus {
	border-color: #dbdbdb;
	box-shadow: 0 0 0 .25rem #fff1;
}

.form-check-input:checked[type="checkbox"] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23dbdbdb' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-control {
	background-color: #4a4a4a;
	border-color: #5a5a5a;
	color: #dbdbdb;
}

.form-control:focus {
	background-color: #4a4a4a;
	border-color: #dbdbdb;
	color: #dbdbdb;
	box-shadow: 0 0 0 .25rem #fff1;
}

.form-control::placeholder {
	color: #aaa;
}

.form-select {
	background-color: #4a4a4a;
	border-color: #5a5a5a;
	color: #dbdbdb;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dbdbdb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
}

.form-select:focus {
	border-color: #dbdbdb;
	color: #dbdbdb;
	box-shadow: 0 0 0 .25rem #fff1;
}

@media (min-width: 768px) {
	.total-player-count-text {
		margin-right: -250px;
	}
}