/* ---------- Font --------------------- */
@import url(https://fonts.googleapis.com/css?family=Chivo|Lato);
body{
	font-family: 'Lato', sans-serif;
}

/* Drupal core utility compatibility for excluded system.base.css. */
#autocomplete {
	border: 1px solid;
	overflow: hidden;
	position: absolute;
	z-index: 100;
}

#autocomplete ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#autocomplete li {
	background: #fff;
	color: #000;
	cursor: default;
	white-space: pre;
}

html.js input.form-autocomplete {
	background-image: url(/misc/throbber-inactive.png);
	background-position: 100% center;
	background-repeat: no-repeat;
}

html.js input.throbbing {
	background-image: url(/misc/throbber-active.gif);
	background-position: 100% center;
}

html.js fieldset.collapsed {
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	height: 1em;
}

html.js fieldset.collapsed .fieldset-wrapper {
	display: none;
}

fieldset.collapsible {
	position: relative;
}

fieldset.collapsible .fieldset-legend {
	display: block;
}

.form-textarea-wrapper textarea {
	display: block;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}

.resizable-textarea .grippie {
	background: #eee url(/misc/grippie.png) no-repeat center 2px;
	border: 1px solid #ddd;
	border-top-width: 0;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;
}

body.drag {
	cursor: move;
}

.draggable a.tabledrag-handle {
	cursor: move;
	float: left;
	height: 1.7em;
	margin-left: -1em;
	overflow: hidden;
	text-decoration: none;
}

a.tabledrag-handle:hover {
	text-decoration: none;
}

a.tabledrag-handle .handle {
	background: url(/misc/draggable.png) no-repeat 6px 9px;
	height: 13px;
	margin: -0.4em 0.5em;
	padding: 0.42em 0.5em;
	width: 13px;
}

a.tabledrag-handle-hover .handle {
	background-position: 6px -11px;
}

div.indentation {
	float: left;
	height: 1.7em;
	margin: -0.4em 0.2em -0.4em -0.4em;
	padding: 0.42em 0 0.42em 0.6em;
	width: 20px;
}

div.tree-child {
	background: url(/misc/tree.png) no-repeat 11px center;
}

div.tree-child-last {
	background: url(/misc/tree-bottom.png) no-repeat 11px center;
}

div.tree-child-horizontal {
	background: url(/misc/tree.png) no-repeat -11px center;
}

.tabledrag-toggle-weight-wrapper {
	text-align: right;
}

table.sticky-header {
	background-color: #fff;
	margin-top: 0;
}

.progress .bar {
	background-color: #fff;
	border: 1px solid;
}

.progress .filled {
	background-color: #000;
	height: 1.5em;
	width: 5px;
}

.progress .percentage {
	float: right;
}

.ajax-progress {
	display: inline-block;
}

.ajax-progress .throbber {
	background: transparent url(/misc/throbber-active.gif) no-repeat 0 center;
	float: left;
	height: 15px;
	margin: 2px;
	width: 15px;
}

.ajax-progress .message {
	padding-left: 20px;
}

tr .ajax-progress .throbber {
	margin: 0 2px;
}

.ajax-progress-bar {
	width: 16em;
}

.container-inline div,
.container-inline label {
	display: inline;
}

.container-inline .fieldset-wrapper {
	display: block;
}

.nowrap {
	white-space: nowrap;
}

html.js .js-hide {
	display: none;
}

.element-hidden {
	display: none;
}

.element-invisible {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
}

.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
	position: static !important;
	clip: auto;
	overflow: visible;
	height: auto;
	width: auto;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Bootstrap 4 utility compatibility layer for legacy Bootstrap 3 pages. */
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }

.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-center { align-items: center !important; }
.align-items-end { align-items: flex-end !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }

.m-0 { margin: 0 !important; }
.mt-0, .my-0 { margin-top: 0 !important; }
.mr-0, .mx-0 { margin-right: 0 !important; }
.mb-0, .my-0 { margin-bottom: 0 !important; }
.ml-0, .mx-0 { margin-left: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.mt-1, .my-1 { margin-top: 0.25rem !important; }
.mr-1, .mx-1 { margin-right: 0.25rem !important; }
.mb-1, .my-1 { margin-bottom: 0.25rem !important; }
.ml-1, .mx-1 { margin-left: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.mt-2, .my-2 { margin-top: 0.5rem !important; }
.mr-2, .mx-2 { margin-right: 0.5rem !important; }
.mb-2, .my-2 { margin-bottom: 0.5rem !important; }
.ml-2, .mx-2 { margin-left: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.mt-3, .my-3 { margin-top: 1rem !important; }
.mr-3, .mx-3 { margin-right: 1rem !important; }
.mb-3, .my-3 { margin-bottom: 1rem !important; }
.ml-3, .mx-3 { margin-left: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.mt-4, .my-4 { margin-top: 1.5rem !important; }
.mr-4, .mx-4 { margin-right: 1.5rem !important; }
.mb-4, .my-4 { margin-bottom: 1.5rem !important; }
.ml-4, .mx-4 { margin-left: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.mt-5, .my-5 { margin-top: 3rem !important; }
.mr-5, .mx-5 { margin-right: 3rem !important; }
.mb-5, .my-5 { margin-bottom: 3rem !important; }
.ml-5, .mx-5 { margin-left: 3rem !important; }

.p-0 { padding: 0 !important; }
.pt-0, .py-0 { padding-top: 0 !important; }
.pr-0, .px-0 { padding-right: 0 !important; }
.pb-0, .py-0 { padding-bottom: 0 !important; }
.pl-0, .px-0 { padding-left: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.pt-1, .py-1 { padding-top: 0.25rem !important; }
.pr-1, .px-1 { padding-right: 0.25rem !important; }
.pb-1, .py-1 { padding-bottom: 0.25rem !important; }
.pl-1, .px-1 { padding-left: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.pt-2, .py-2 { padding-top: 0.5rem !important; }
.pr-2, .px-2 { padding-right: 0.5rem !important; }
.pb-2, .py-2 { padding-bottom: 0.5rem !important; }
.pl-2, .px-2 { padding-left: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.pt-3, .py-3 { padding-top: 1rem !important; }
.pr-3, .px-3 { padding-right: 1rem !important; }
.pb-3, .py-3 { padding-bottom: 1rem !important; }
.pl-3, .px-3 { padding-left: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.pt-4, .py-4 { padding-top: 1.5rem !important; }
.pr-4, .px-4 { padding-right: 1.5rem !important; }
.pb-4, .py-4 { padding-bottom: 1.5rem !important; }
.pl-4, .px-4 { padding-left: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.pt-5, .py-5 { padding-top: 3rem !important; }
.pr-5, .px-5 { padding-right: 3rem !important; }
.pb-5, .py-5 { padding-bottom: 3rem !important; }
.pl-5, .px-5 { padding-left: 3rem !important; }

.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }
.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-muted { color: #6c757d !important; }
.small, small { font-size: 80%; font-weight: 400; }
.font-weight-normal { font-weight: 400 !important; }
.font-weight-bold { font-weight: 700 !important; }
.text-nowrap { white-space: nowrap !important; }

.border { border: 1px solid #dee2e6 !important; }
.border-0 { border: 0 !important; }
.border-top { border-top: 1px solid #dee2e6 !important; }
.border-right { border-right: 1px solid #dee2e6 !important; }
.border-bottom { border-bottom: 1px solid #dee2e6 !important; }
.border-left { border-left: 1px solid #dee2e6 !important; }
.rounded { border-radius: 0.25rem !important; }
.rounded-0 { border-radius: 0 !important; }
.shadow-none { box-shadow: none !important; }

.badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}
.badge-warning { color: #212529; background-color: #ffc107; }
.badge-danger { color: #fff; background-color: #dc3545; }
.badge-success { color: #fff; background-color: #28a745; }
.badge-info { color: #fff; background-color: #17a2b8; }
.badge-secondary { color: #fff; background-color: #6c757d; }

.gap-1 { gap: 0.25rem !important; }
.gap-2 { gap: 0.5rem !important; }
.gap-3 { gap: 1rem !important; }

.panel-default-no-border {
	border: none;
}

.panel-default-no-border .panel-heading {
	border: 1px solid #ddd;
}

.payments-checkout-shell {
	max-width: 760px;
	margin: 0 auto;
}

.payments-checkout-card {
	background: #fff;
	padding: 20px;
}

.payments-checkout-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

.payments-checkout-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 4px;
}

.payments-checkout-subtitle,
.payments-checkout-redirect-note {
	color: #6b7280;
	font-size: 14px;
	line-height: 1.4;
}

.payments-checkout-mode {
	border-radius: 12px;
	color: #fff;
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	padding: 5px 9px;
}

.payments-checkout-mode--test {
	background: #767676;
}

.payments-checkout-mode--live {
	background: #b91c1c;
}

.payments-checkout-description {
	font-size: 15px;
	line-height: 1.45;
	margin: 0 0 14px;
}

.payments-checkout-context {
	background: #f8fafc;
	border: 1px solid #d9e1ea;
	border-radius: 4px;
	margin-bottom: 14px;
	padding: 10px 12px;
}

.payments-checkout-summary {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 12px;
}

.payments-checkout-summary-card {
	border: 1px solid #d9e1ea;
	border-radius: 4px;
	padding: 12px;
}

.payments-checkout-summary-label {
	color: #6b7280;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.payments-checkout-summary-value {
	color: #1f2933;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
}

.payments-checkout-fragment .payments-compliance-card {
	font-size: 12px;
	line-height: 1.35;
	margin-bottom: 14px;
	margin-top: 18px;
	padding: 12px 14px;
}

.payments-checkout-fragment .payments-compliance-card__summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	list-style: none;
}

.payments-checkout-fragment .payments-compliance-card__summary::-webkit-details-marker {
	display: none;
}

.payments-checkout-fragment .payments-compliance-card__toggle {
	color: #2c75bb;
	font-weight: 700;
	white-space: nowrap;
}

.payments-checkout-fragment .payments-compliance-card__body {
	margin-top: 10px;
}

.payments-checkout-fragment .payments-compliance-card p {
	margin: 0 0 6px;
}

.payments-checkout-no-margin {
	margin-bottom: 0 !important;
}

.payments-checkout-consent {
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	gap: 10px;
	margin-bottom: 16px;
}

.payments-checkout-consent input[type="checkbox"] {
	margin: 2px 0 0;
}

.payments-checkout-consent label {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.45;
	margin: 0;
}

.payments-checkout-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

@media screen and (max-width: 767px) {
	.payments-checkout-card {
		padding: 14px;
	}

	.payments-checkout-header {
		flex-direction: column;
	}

	.payments-checkout-summary {
		grid-template-columns: 1fr;
	}
}

a:focus {
	outline: none;
}

.mt-3 {
	margin-top: 1rem;
}

.front-page-logo {
	max-height: 120px;
	padding: 1rem;
}

.group-team-logo-container {
	display: inline-block;
	min-width: 50px;
	text-align: center;
	vertical-align: middle;
}

#main-menu {
	padding: 0.25rem;
	margin-bottom: 0;
	border-radius: 0;
	background-color:rgb(255,255,255);
	background-color:rgba(255,255,255,0.8);
}

.tournament-main-menu__header {
	display: none;
}

.tournament-main-menu__close {
	border: 0;
	background: transparent;
	color: #111;
	font-size: 40px;
	line-height: 1;
	padding: 0;
	margin-left: auto;
	cursor: pointer;
}

.tournament-menu-backdrop {
	display: none;
}

#tournament-logo-img {
	max-height: 100px;
	width: auto;
}

#tournament-header .tournament-header__spacer {
	display: block;
	width: 100%;
	min-height: 100px;
	visibility: hidden;
}

@media screen and (max-width: 767px) {
	#tournament-header .tournament-header__spacer {
		display: none;
	}
}

.match-logo-small {
	width: 20px;
	height: 20px;
	object-fit: contain;
	flex-shrink: 0;
}

#fixture-groups-blank-matchup{
	background-color:orange;
}
.fixture-groups-logo-center{
	text-align:center;
	width:50px;
}

.fixtures_groups_team_name{
	padding:10px;
}

a {
	color: #000;
}

a:hover {
	color: #428BCA;
	text-decoration: none;
}

div[id^=choose-new-team-to-group-] {
	display:none;
}

div[id^=create-new-match-to-group-] {
	display:none;
}

div[id^=create-new-match-to-playoff-] {
	border: 1px solid grey;
	padding: 10px;
	display:none;
}

div[id^=add-new-game-to-playoff-stage-] {
	cursor:pointer;
	width:50%;
}

.remove-from-group-team{
	float:right;
}
#group-stage-type-settings{

}
#tournament-format-settings{
	border:1px solid grey;
	padding: 8px;
}
#tournament-format-selection{
	cursor:pointer;
}
a.tabs-menu-links{
	border-top: 1px solid grey;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	padding: 7px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#fixtures-menu-tabs-container{
	margin:5px;
	padding:5px;
	border-bottom: 1px solid grey;
	width: 100%;
}

#registration-menu-tabs-container{
	margin:5px;
	padding:5px;
	border-bottom: 1px solid grey;
	width: 100%;
}

.sponsor-image-block{
	margin-bottom:15px;
	margin-left: auto;
	margin-right: auto;
	max-height: 150px;
}

#tournament-settings-classification-available-groups-container{
	margin-top:15px;
	background-color:green;
	width:50%;
}

.main-menu-links{
	font-size:1.3em;
	opacity:0.9;
	margin:0px 5px;
}

.main-menu-sub-links-li{
	background:#fff;
	padding:5px;
}


[id^=player-data]{
	display:none;
}

#players_add{
	display:none;
}

table.group-table{
	border-collapse:separate;
}

.teams-main-class-name-header{
	border-bottom: 2px solid #eee;
	font-size:1.5em;
	margin:10px 0;
	padding:5px;
}

.teams-main-class-sub-teams{
	padding:6px 3px;
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
	height: 50px;
}

.teams-logo-container{
	display:inline-block;
	width:60px;
	text-align: center;
}

.teams-logo-container img{
	max-height: 40px;
}

.tournament-settings-header {
	padding-left:50px;
	height: 0.7em;
	border-bottom: 2px solid #ddd;
	margin-bottom: 0.5em;
	margin-top:1em;
}
.tournament-settings-header:first-line {
	background-color: #fff;
	font-size:1.2em;
}

#tournament-settings-change-logo-container{
	margin:20px 0px;
	padding-bottom:10px;
}
.tournament-settings-container{
	margin:20px 0px;
	padding-bottom:10px;
}

table#match-detail-header tr{
}

#game-manager-header {
	padding-left:50px;
	height: 0.9em;
	border-bottom: 1px solid grey;
	margin-bottom: 0.5em;
}
#game-manager-header:first-line {
	background-color: #fff;
	font-size:1.2em;
}
#game-manager-header-title{
	margin:0 5px;
}

#game-manager{
	background-color:#F8FAF5;
}

#home-team-players{
	margin-top:25px;
	float:left;
}

#away-team-players{
	margin-top:25px;
	float:right;
}

#basket-home-team-players{
	margin-top:25px;
}

#basket-away-team-players{
	margin-top:25px;
}

#game-manager-home-team-players{
	text-align:left;
}

#game-manager-away-team-players{
	text-align:right;
}

#game-manager-players{
	overflow:hidden;
}

.game-manager-event-img{
	border:1px solid;
	padding:5px;
	margin-left:7px;
	margin-bottom:4px;
	cursor:pointer;
	font-size:16px;
}

.game-manager-team-name{
	font-size:1.2em;
	font-weight:bold;
	display:inline-block;
	margin:10px 0;
}

.home-stat{
	width:47%;
}

.away-stat{
	width:47%;
	text-align:right;
}

.stat-img{
	margin-right:3px;
	margin-left:3px;
	max-height: 16px;
}

#created-with-logo-container{
	float:right;
	margin-right:10px;
	margin-top:4px;
	border-bottom:1px solid orange;
}

#created-with-text{
	color: #fff;
	text-shadow:
			-1px -1px 0 #000,
			1px -1px 0 #000,
			-1px 1px 0 #000,
			1px 1px 0 #000;
}


li.main-menu-links.active > a {
	color: #fff !important;
	background-color: black !important;
	border-radius: 3px;
}

li.main-menu-links > a , a.main-menu-links{
	color: #333 !important;
}

a.main-menu-links.active{
	color: #fff !important;
	background-color: black;
	border-radius: 3px;
}

li.dropdown:hover{
	background-color: rgb(238, 238, 238);
	border-radius: 3px;
}

.main-menu-links:hover{
	background-color: rgb(238, 238, 238);
	border-radius: 3px;
}

.main-menu-links.active:hover{
	color: #428bca;
	background-color: black;
}

.main-menu-links.active:focus{
	color: #428bca;
}

a.tabs-menu-links.active{
	color: #ffffff;
	background-color: black;
}

.table-cell-content-center{
	text-align:center;
	vertical-align: middle !important;
}
.group-row{
	height:60px;
}

#tournament-settings-classification-available-groups{
	display:none;
}

div#no-data{
	margin-top:25px;
}

.stage-name-header{
	margin-bottom:10px;
	margin-top:10px;
	border-bottom: 1px solid;
	width: 50%;
}

table{
	margin-bottom:10px;
	width:100%;
}
td, th{
	padding:3px 9px;
}

tr.even {
	background: #F0F3F7;
	background: rgba(0, 0, 0, 0.000);
}

tr.odd {
	background: #e3e3e3;
	background: rgba(0, 0, 0, 0.025);
}

.score-live{
	color:red;
	font-weight:bold;
}

.group-team-logo {
	max-height: 32px;
	width: auto;
}

.group-team-logo--large {
	max-height: 40px;
	width: auto;
}

.group-team-row > td.table-cell-content {
	vertical-align: middle;
}

.group-team-row > td.table-cell-content .team-link {
	vertical-align: middle;
}

.group-team-country-logo {
	max-height: 18px;
	width: auto;
	margin-left: 0.5rem;
}

.group-form-remove-team{
	float:right;
}

.group-header{
	border:1px solid black;
	margin-top:5px;
	padding:8px
}

.group-team-add-button{
	background-color:#FF5F00;
	text-align:center;
	border:2px solid #D4BF55;
	padding:5px;
	/*float:right;*/
	margin:0px 2px;
	cursor:pointer;
}

.group-matchup-add-button{
	background-color:#FF5F00;
	text-align:center;
	border:2px solid #D4BF55;
	padding:5px;
	/*float:right;*/
	margin:0px 2px;
	cursor:pointer;
}

.add-new-game-to-playoff{
	margin:5px;
}

.next-matches-container, .finished-matches-container {
	margin-top: 0.5rem;
}

.match-team-player-name{
	white-space:nowrap;
}

.match-logo-container{
	background-color:#fff;
	border: 1px solid rgb(238, 238, 238);
}

.match-info-container{
	padding:0;
	border-top: 1px solid rgb(238, 238, 238);
	border-bottom: 1px solid rgb(238, 238, 238);
}

.match-info-team-name{
	width:40%;
	font-size:1.3em;
}

.match-info-score{
	font-size:3.5em;
}

#match-header-table{
	text-align:center;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: black;
}
.navbar.container{
	margin-top:0px;
}

.group-add-form{
	margin-top:10px;
}

#home-team-score{
	background-color: #428bca;
	padding: 10px 15px;
	color: rgb(238, 238, 238);
	border-bottom-left-radius: 15px;
	border-right:1px solid #eeeeee;
}

#away-team-score{
	padding: 10px 15px;
	background: #428bca;
	color: rgb(238, 238, 238);
	border-bottom-right-radius: 15px;
	border-left:1px solid #eeeeee;
}

.language-switcher-img{
	height:19px;
	width:30px;
	border:1px solid rgb(238, 238, 238);
}

#group-stage-type, [id^=team-add-button], [id^=matchup-add-button], #group-save-button, #remove-from-group-team{
	cursor:pointer;
}

#language-switcher-icons{
	float:right;
}

.language-switcher-li .dropdown-menu {
	min-width: 90px;
}

.language-row {
	display: flex;
	height: 4rem !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 6px;
}

.caret.caret-reversed {
	border-top-width: 0;
	border-bottom: 4px solid #000000;
}

.note-header-front{
	border-top:1px solid grey;
	padding:25px 10px;
	margin-bottom:5px;
}

#noteboard-container{
	margin:8px;
}

.note-container:first-child > .note-header-front{
	border-top:none;
}

#player-add{
	display:none;
	border:1px solid rgb(238, 238, 238);
	padding:10px;
}

#player-new{
	cursor:pointer;
	background-color:orange;
	width:200px;
	padding:7px;
	margin-bottom:10px;
}


.tournament-settings-header-title{
	padding:6px;
}

#tournament-container{
	background-color:#ffffff;
	margin-right:auto;
	margin-left:auto;
}

#note-image-note-page>img{
	margin-left:auto;
	margin-right:auto;
}

[id^=playerrow-]{
	border-bottom:1px solid;
	text-align:center;
	margin-bottom:10px;
	padding:5px;
	height:30px;
}

#top-nav a{
	height:55px;
	color:#000;
	/*color: #428BCA;*/
}

.footer{
	clear:both;
}

.front-menu-item{
	margin:3px 6px;
	font-size:1.3em;
	color:#000000;
	font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
}
.front-menu-item:hover{
	border-bottom:1px solid orange;
	color:grey;
	text-decoration:none;
	cursor:pointer;
}

.front-menu-item:active{
	border-bottom:1px solid orange;
	color:black;
	text-decoration:none;
	cursor:pointer;
}
.front-menu-item:focus{
	border-bottom:1px solid orange;
	color:black;
	text-decoration:none;
	cursor:pointer;
}

.top-nav-glyph {
	color: #FDAC43;
	font-size: 18px;
}

.front-statistics {
	text-align: center;
	background-color: #f9f9f9;
	border: solid 1px #e3e3e3;
	padding: 20px;
}

.front-statistics-number {
	color: #FDAC43;
	font-size: 50px;
	border-bottom: 3px solid;
}.overall-statistics-number {	font-size: 35px;	border-bottom: 3px solid;}

.front-statistics-name {
	font-size: 22px;
	color: #000;
}.overall-statistics-name {	font-size: 14px;	color: #000;}

#trniir-desc{
	font-size: 1.5em;
	padding: 30px;
	text-align: justify;
	color:grey;
}

.front-features-item{
	text-align:center;
	font-size:1.3em;
}

.front-features-text {
	text-align: left;
}

.front-features-images {
	max-height: 130px;
	width: auto;
	margin: auto;
}

.front-slideshow-images {
	width: auto;
	margin: auto;
}

.carousel-control.right, .carousel-control.left {
	background-image: none;
	color: #f4511e;
}

.carousel-indicators li {
	border-color: #f4511e;
}

.carousel-indicators li.active {
	background-color: #f4511e;
}

.clean-link{
	text-decoration:none;
	color:black;
}

.clean-link:hover{
	text-decoration:none;
	color:black;
	text-shadow:0 0 1px #ffffff;
}

[id^=team-manage-player-list],[id^=team-manage-player-add], #team-manage-show-new-team-form{
	display: none;
}

#overlay{
	min-width: 0px;
}

#user-menu {
	background-color: #FAFAFA;
	border-bottom: 1px solid;
	margin-bottom: 10px;
}

#tournament-footer {
	background-color: #2e3235;
	color: white;
	margin-top: 20px;
}

.front-footer {
	background-color: #2e3235;
	color: white;
}

.new-footer {
	margin-top: 20px;
}

.mobile-manager-event{
	max-height:200px;
	width:auto;
}

.game-manager{
	position: relative;
	font-size: 30px;
	color: #000;
	text-shadow: -1px 0 #EEEEEE, 0 1px #EEEEEE, 1px 0 #EEEEEE, 0 -1px #EEEEEE;
	background-color: rgba(165, 165, 165, 0.8);
	height: 150px;
	border-radius: 10px;
	border: 2px solid #FFF;
	padding-right: 0px;
	padding-left: 0px;
	z-index: 1;
}

.gameActionImage{
	height: 128px;
	width: auto;
	position: absolute;
	left: 0;
	z-index: -1;
	opacity: 0.3;
}

.goalAction{
	background: url('/sites/default/files/gameActionIcons/football_icon.png') no-repeat left;
}

.goalAction:hover{
	background: url('/sites/default/files/gameActionIcons/football_icon1.png') no-repeat left;
}

#goalAction{
	background: url('/sites/default/files/gameActionIcons/football_icon.png') no-repeat left;
}

#goalAction:hover{
	background: url('/sites/default/files/gameActionIcons/football_icon1.png') no-repeat left;
}

#deleteLastAction{
	background: url('/sites/default/files/gameActionIcons/trash_icon.png') no-repeat left;
}

#deleteLastAction:hover{
	background: url('/sites/default/files/gameActionIcons/trash_icon1.png') no-repeat left;
}

#confirmAction{
	background: url('/sites/default/files/gameActionIcons/agree_icon.png') no-repeat left;
	background-size: 128px 128px;
}

#confirmAction:hover{
	background: url('/sites/default/files/gameActionIcons/agree_icon1.png') no-repeat left;
	background-size: 128px 128px;
}

.selectTeamAction{
	background: url('/sites/default/files/gameActionIcons/user_icon.png') no-repeat left;
}

.selectTeamAction:hover{
	background: url('/sites/default/files/gameActionIcons/user_icon1.png') no-repeat left;
}

.backAction{
	background: url('/sites/default/files/gameActionIcons/back_icon.png') no-repeat left;
}

.backAction:hover{
	background: url('/sites/default/files/gameActionIcons/back_icon1.png') no-repeat left;
}

.timeAction{
	background: url('/sites/default/files/gameActionIcons/stopwatch_icon.png') no-repeat left;
}

.timeAction:hover{
	background: url('/sites/default/files/gameActionIcons/stopwatch_icon1.png') no-repeat left;
}
#timeAction{
	background: url('/sites/default/files/gameActionIcons/stopwatch_icon.png') no-repeat left;
}

#timeAction:hover{
	background: url('/sites/default/files/gameActionIcons/stopwatch_icon1.png') no-repeat left;
}

#ownGoalAction{
	background: url('/sites/default/files/gameActionIcons/football_icon.png') no-repeat left;
	background-size: 128px 128px;
}

#ownGoalAction:hover{
	background: url('/sites/default/files/gameActionIcons/owngoal_icon.png') no-repeat left;
	background-size: 128px 128px;
}

#yellowCardAction{
	background: url('/sites/default/files/gameActionIcons/yellowCard_icon.png') no-repeat left;
	background-size: 128px 128px;
}

#yellowCardAction:hover{
	background: url('/sites/default/files/gameActionIcons/yellowCard_icon1.png') no-repeat left;
	background-size: 128px 128px;
}

#redCardAction{
	background: url('/sites/default/files/gameActionIcons/yellowCard_icon.png') no-repeat left;
	background-size: 128px 128px;
}

#redCardAction:hover{
	background: url('/sites/default/files/gameActionIcons/redCard_icon.png') no-repeat left;
	background-size: 128px 128px;
}

#penaltyMissed{
	background: url('/sites/default/files/gameActionIcons/redCross_icon1.png') no-repeat left;
	background-size: 128px 128px;
}

#penaltyMissed:hover{
	background: url('/sites/default/files/gameActionIcons/redCross_icon.png') no-repeat left;
	background-size: 128px 128px;
}.commentAction{		background: url('/sites/default/files/gameActionIcons/chat_bubble_grey.png') no-repeat left;	background-size: 128px 128px;}.commentAction:hover{		background: url('/sites/default/files/gameActionIcons/chat_bubble.png') no-repeat left;	background-size: 128px 128px;}#starAction {		background: url('/sites/default/files/gameActionIcons/star_grey.png') no-repeat left;	background-size: 128px 128px;}#starAction:hover {	background: url('/sites/default/files/gameActionIcons/star_yellow.png') no-repeat left;	background-size: 128px 128px;}

.shotMissed {
	background: url('/sites/default/files/gameActionIcons/redCross_icon1.png') no-repeat left;
	background-size: 128px 128px;
}

.shotMissed :hover{
	background: url('/sites/default/files/gameActionIcons/redCross_icon.png') no-repeat left;
	background-size: 128px 128px;
}

.basketballIcon {
	background: url('/sites/default/files/gameActionIcons/basketball.png') no-repeat left;
	background-size: 128px 128px;
}

.selectPlayer {
	font-size: 18px;
	margin-top: 5px;
}.player-of-the-game {			border: 1px solid #B6C1C1;			margin-bottom: 10px;}.player-of-the-game-img {		max-height:100px;		border-radius: 20px;    	box-shadow: 0px 0px 10px 0px #000;}.player-of-the-game-name {		font-size: 18px;}.player-of-the-game-team {		font-size: 15px;}.player-of-the-game-number {	font-size: 25px;}.player-of-the-game-td {		float: left;}.player-of-the-game-img-td {		width: 100px;}

.no-button{
	background-color: rgba(165, 165, 165, 0.0);
	border: 0;
	width: 100%;
	height: 146px;
	color: #000;
	text-shadow: -1px 0 #EEEEEE, 0 1px #EEEEEE, 1px 0 #EEEEEE, 0 -1px #EEEEEE;
	white-space: normal;
}

.no-button2{
	background-color: #FFF;
	border: 0;
}

.td-middle{
	vertical-align: middle !important;
}

td.table-cell-content{
	font-size:18px;
}
td.table-cell-content-live-center{
	padding:0px !important;
	vertical-align: middle !important;
}

[id^=team-manager-close-container-],[id^=team-manager-open-container-]{
	cursor: pointer;
}

.page_footer {
	text-align:center;
}
.goal-active{
	background-color: #FF0000 !important;
}
.main-container{
	margin-bottom: 20px;
}.statistics-right-border {	border-right: 1px solid #EDEDED;}.statistics-grey-background {	background-color: #F4F4F4;}.align-center {	text-align: center;}
/*navigation*/
.navbar-collapse{
	max-height:100%;
}
#tournament-container{
	min-height:800px;
	margin-bottom:20px;
}
#note-content-note-page{
	overflow-x:auto;
}
.live-match-state{
	color:#FF0000;
	font-weight: bold;
	white-space: nowrap;
}
.no-wrap-class{
	white-space:nowrap;
}
#livecenter-bottom{
	background-color:rgba(0,0,0,0.82);
	position:fixed;
	bottom:0px;
	width:100%;
	height:80px;
	font-size:30px;
	color: #ffffff;
	line-height: 80px;
	z-index:99;

}
.marquee{
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	width: 100%;
}
.marquee .line__wrap{
	display: block;
	position: absolute;
	width: auto;
	left: 0;
	animation: marqueewrap 100s linear infinite;
}

.marquee .line {
	position: relative;
	margin-left: -100%;
	animation: marquee 100s linear infinite;
}

@keyframes marqueewrap {
	from {
		margin-left: 100%;
	}
	to {
		margin-left: 0%;
	}
}
@keyframes marquee {
	from {
		left: 100%;
	}
	to {
		left: 0%;
	}
}
.livecenter-marquee-item{
	margin-right:10px;
}
.tournament-frontpage-title{
	text-transform: uppercase;
	margin-left: 0.5rem;
}
.inline-btn{
	padding: 1px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
}
.admin-main-menu-item{
	list-style: none;
	text-align: center;
}
.admin-menu-glyph{
	font-size: 60px;
}
.admin-menu-text{
	margin-top: -15px;
	text-transform: uppercase;
}
.normal-row{
	margin-left: 0px;
	margin-right: 0px;
}
#admin-main-content{
	background: #fff;
}
.icon-cell{
	font-size: 20px;
}
.admin-table-head{
	font-weight: bold;;
}
#admin-teams-table{
	overflow-x: auto;
}
.pointer{
	cursor: pointer;
}
.red{
	color:#ff0000;
}
.green{
	color:#008000;
}
.match-container {
	margin: 0.5rem 0;
	border-radius: 6px;
	border: 1px solid #b0b7c3;
	border-left: 3px solid #b0b7c3;
	background-color: #fff;
	position: relative;
}
.match-link-overlay {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.match-container .match-header {
	border-bottom: 1px solid #f0f0f0;
}
.match-header .header-content-date{
	padding: 0;
}
.match-footer {
	border-top: 1px solid #f0f0f0;
}
/* ── Match list card ─────────────────────────────────────────────── */
.match-container.match-state-live     { border-left-color: #ef4444; }
.match-container.match-state-finished { border-left-color: #22c55e; }

.match-header {
	padding: 2px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.match-date  { color: #374151; font-weight: 500; }
.match-venue { color: #5e5d5d; font-size: 10px; }

.match-footer {
	padding: 2px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.match-footer .match-nr    { color: #5e5d5d; font-size: 11px; }
.match-footer-right        { color: #5e5d5d; font-size: 11px; text-align: right; }

/* Body flex layout */
.match-container .match-body {
	display: flex;
	align-items: center;
	padding: 8px 10px;
}
.match-container .match-teams {
	flex: 1;
	min-width: 0;
}
.match-container .match-team-row {
	display: flex;
	align-items: center;
	gap: 6px;
}
.match-container .match-team-row + .match-team-row {
	margin-top: 4px;
}
.match-container .match-team-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.match-container .match-score {
	flex: 0 0 auto;
	padding: 0 10px;
	border-right: 1px solid #f0f0f0;
	text-align: right;
}
.match-container .score-home { color: #374151; font-weight: 700; font-size: 15px; }
.match-container .score-away { color: #374151; font-weight: 700; font-size: 15px; margin-top: 3px; }
.match-container .score-dim  { color: #9ca3af; font-weight: 700; font-size: 15px; margin-top: 3px; }
.match-container .match-parts {
	flex: 0 0 auto;
	padding: 0 10px;
	border-right: 1px solid #f0f0f0;
}
.match-container .match-parts-inner {
	display: flex;
	gap: 8px;
}
.match-container .match-part-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
}
.match-container .part-val {
	font-size: 12px;
	color: #9ca3af;
}
.match-container .match-right {
	flex: 0 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	padding-left: 10px;
	padding-right: 4px;
	position: relative;
	z-index: 1;
	pointer-events: none;
}
.match-container .match-right a {
	pointer-events: auto;
}
.match-container .match-status {
	font-size: 12px;
	color: #6b7280;
}
.match-container.match-state-live .match-status {
	color: #ef4444;
	font-weight: 600;
}
.match-container .match-video-icon {
	font-size: 1.8rem;
	color: #374151;
}

.custom-event-card {
	--custom-event-accent: #6b7280;
	--custom-event-tint: #f8fafc;
	background-color: #fff;
	border-left-color: var(--custom-event-accent);
	overflow: hidden;
}

.custom-event-card--meal {
	--custom-event-accent: #d97706;
	--custom-event-tint: #fff7ed;
}

.custom-event-card--ceremony {
	--custom-event-accent: #7c3aed;
	--custom-event-tint: #f5f3ff;
}

.custom-event-card--meeting {
	--custom-event-accent: #2563eb;
	--custom-event-tint: #eff6ff;
}

.custom-event-card--travel {
	--custom-event-accent: #0891b2;
	--custom-event-tint: #ecfeff;
}

.custom-event-card--break {
	--custom-event-accent: #16a34a;
	--custom-event-tint: #f0fdf4;
}

.custom-event-card--other {
	--custom-event-accent: #64748b;
	--custom-event-tint: #f8fafc;
}

.custom-event-card--embedded {
	margin: 0;
}

.custom-event-card .custom-event-card__header {
	background: var(--custom-event-tint);
}

.custom-event-card .custom-event-card__type {
	color: #5e5d5d;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
}

.custom-event-card.match-container .custom-event-card__body {
	align-items: flex-start;
	gap: 10px;
	min-height: 64px;
	padding: 10px;
}

.custom-event-card__marker {
	align-items: center;
	background: var(--custom-event-tint);
	border: 1px solid var(--custom-event-accent);
	border-radius: 4px;
	color: var(--custom-event-accent);
	display: inline-flex;
	flex: 0 0 28px;
	height: 28px;
	justify-content: center;
	width: 28px;
}

.custom-event-card__marker-icon {
	font-size: 13px;
	line-height: 1;
}

.custom-event-card__main {
	flex: 1;
	min-width: 0;
}

.custom-event-card__title {
	color: #111827;
	font-weight: 700;
	overflow-wrap: anywhere;
}

.custom-event-card__description {
	color: #4b5563;
	font-size: 13px;
	line-height: 1.35;
	margin-top: 4px;
	overflow-wrap: anywhere;
	white-space: pre-line;
}

.table > tbody > tr.list-match-row--custom-event > td.custom-event-row__card-cell {
	background: transparent;
	padding: 4px 8px;
}

a.match-link:hover{
	color:#000000;
}
.fixtures-groups-container {
	margin-top: 0.5rem;
}
#admin-class-container{
	text-align: center;
	margin-bottom: 8px;
	padding: 0 20px;
}
.active-state{
	background-color: #ff0000;
}
.group-header-row{
	background-color:#dddddd;
}
#home-boxscore-data,#away-boxscore-data{
	font-size: 12px;
}
.table-header{
	font-weight: bold;
}
.boxscore-total-row{
	border-top: 2px solid #bfbfbf;
}
#match-page-boxscores{
	overflow-x: auto;
}
.player-image-container{
	text-align: center;
}
.player-image-container img{
	padding: 3px;
	border: 3px solid rgba(0,0,0,0.2);
}
.player-image-container img.team{
	border: none;
}
.player-image-container .tournament-logo-player-image {
	max-width: 200px;
	border-width: 1px;
}
.to-upper{
	text-transform: uppercase;
}
.fb-share-button{
	float:right;
	margin:3px;
}
#player-selection{
	float:right;
	margin-bottom:10px;
}
#player-container, #player-page-statistics{
	clear:both;
}
.player-detail-name{
	color:#999999;
	color:rgba(0,0,0,0.6);
}
.player-detail-content{
	font-weight: bold;
}
.livecenter-table{
	font-size:40px;
}
#livecenter-logo{
	max-height:80px;
	padding-bottom:4px;
}
#livecenter-bottom .bottom-header{
	background-color:#fcfcfc;
	box-shadow: inset 0px 10px 10px 0px rgba(0,0,0,0.34),inset 0px -10px 10px 0px rgba(0,0,0,0.34);
	display:inline-block;
	color:#000;
	font-weight:bold;
	padding-right:10px;
	width:450px;
}
#livecenter-bottom .bottom-content{
	padding-left: 20px;
}
#livecenter-matches-coming-ticker{
	background-color:rgba(0,0,0,0.82);
	position:fixed;
	bottom:80px;
	width:100%;
	height:80px;
	font-size:2.5vw;
	color: #ffffff;
	line-height: 80px;
	z-index:99;
	border-bottom:1px solid #ddd;
}
.regular-match-state{
	color:#008000;
}
.finished-match-state{
	color:#ffff00;
}
.orange{
	color: #ffa500;
}
.settings-class-container{
	padding: 10px;
	background-color: #eee;
	margin-bottom: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
}.change_log_title {	color: #ffa500;	font-size: 22px;}.change_log_text {	font-size: 18px;	text-align: justify;	margin-right: 20px;	margin-left: 20px;}.change_log_time {	text-align: right;}
.datetime-picker-dropdown > li.date-picker-menu div > table .btn-default {
	border: 0;
}
.bold{
	font-weight: bold;
}
#sponsors-header{
	border-bottom: 1px solid #ddd;
	font-size: 1.2em;
	margin-bottom: 5px;
}
#team-picture-container{
	border-top:1px solid #ddd;
	padding-bottom:7px;
}
#login-wrapper{
	margin-top: 30px;
	background-color:#eee;
	padding:30px;
	border-radius:5px;
}
.tournament-user-login-form-wrapper{
	border:1px solid #ccc;
	border-radius: 5px;
	padding: 15px;
}
.fb-user-login-button-wrapper{
	margin-top:10px;
	padding: 10px;
}
#login-page-bottom-wrapper{
	margin-top:5px;
	text-align: right;
}
.border {
	border: solid 1px #000;
}
.area-width {
	width: 100px;
	height: 100px;
	display: inline-block;
}
.font-size {
	font-size: 45px;
	padding-top: 15px;
}
.cursor {
	cursor: pointer;
}
.test-background {
	background-color: #D3D3D3;
}
.points-system {
	border: solid 1px #000;
	font-size: 24px;
	width: 100px;
}
.players-name {
	font-size: 18px;
	font-weight: bold;
}
.center {
	text-align: center;
}
.plus-points {
	background-color: #ccffcc;
	cursor: pointer;
}
.minus-points {
	background-color: #ffcccc;
	cursor: pointer;
}
#edit-birth-date{
	height:100%;
}
#bottom-ad-unit{
	clear:both;
}
.navbar-toggle .icon-bar {
	width: auto;
}
.tournament-settings-container {
	margin:20px 0 0 5px;
}
.hide {
	display: none;
}
.highLightRed {
	background: rgba(255, 230, 230, 0.5);
}
.logo-small-container {
	text-align: center;
	width:20px;
	margin-right: 3px;
	display: inline-block;
}
#match-page-header-container {
	clear: both;
	margin: 0.25rem;
}
.matchComment {
	display: inline-block;
	padding:15px;
}
.matchCommentIcon {
	display: inline-block;
	float: right;
	color: #ddd;
}

.ui-datepicker-header {
	display: flex;
	justify-content: space-between;
	padding: 0.5rem;
	align-items: center;
}

.ui-datepicker-header .ui-datepicker-prev {
	order: 0;
	padding: 0.5rem;
}

.ui-datepicker-header .ui-datepicker-title {
	order: 1;
	flex: 2;
	text-align: center;
}

.ui-datepicker-header .ui-datepicker-next {
	order: 2;
	padding: 0.5rem;
}

/* ---------- Tournament custom ---------- */
@media (min-width: 1900px) {
	#tournament-container {
		width: 1870px;
	}

	.navbar.container {
		max-width: 1870px;
	}

	.container {
		width: 1870px;
	}
}

@media (min-width: 1600px) and (max-width: 1899px) {
	#tournament-container {
		width: 1570px;
	}

	.navbar.container {
		max-width: 1570px;
	}

	.container {
		width: 1570px;
	}
}

@media (min-width: 1400px) and (max-width: 1599px) {
	#tournament-container {
		width: 1370px;
	}

	.navbar.container {
		max-width: 1370px;
	}

	.container {
		width: 1370px;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	#tournament-container {
		width: 1170px;
	}

	.navbar.container {
		max-width: 1170px;
	}

	.container {
		width: 1170px;
	}
}

@media (min-width: 1200px) {
	#logo-up {
		margin-top: -50px;
	}

	.main-container {
		padding-right: 0px;
		padding-left: 0px;
		margin-right: auto;
		margin-left: auto;
	}

	.player-of-the-game-sponsor-text {
		font-size: 22px;
	}

	.player-of-the-game-sponsor-img {
		max-height: 100px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar.container {
		max-width: 970px;
	}

	.player-of-the-game-sponsor-text {
		font-size: 22px;
	}

	.player-of-the-game-sponsor-img {
		max-height: 100px;
	}

	#tournament-container {
		width: 970px;
	}

	.main-container {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}

	#logo-up {
		margin-top: -40px;
	}
}

@media (min-width: 992px) {
	.navbar-toggle {
		display: none !important;
	}

	.player-of-the-game-sponsor-text {
		font-size: 22px;
	}

	.player-of-the-game-sponsor-img {
		max-height: 100px;
	}
}


@media screen and (max-width: 991px) {
	#top-nav {
		display: none;
	}

	.navbar-toggle .icon-bar {
		background: #000;
	}

	.navbar-header:before, .navbar-header:after {
		content: initial;
	}

	.player-of-the-game-sponsor-text {
		font-size: 22px;
	}

	.player-of-the-game-sponsor-img {
		max-height: 100px;
	}

	button.navbar-toggle {
		background-color: #ddd;
		display: block;
	}

	#main-menu {
		min-height: 0;
		padding: 0 1rem;
		border: 0;
	}

	#tournament-header {
		position: relative;
		z-index: 20;
	}

	.tournament-menu-backdrop {
		position: fixed;
		inset: 0;
		background: rgba(17, 17, 17, 0.55);
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.2s ease;
		z-index: 1040;
	}

	.tournament-main-menu {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		padding: 1.25rem 1.25rem 2rem;
		background: #fff;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		transform: translateY(-12px);
		transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
		z-index: 1050;
	}

	.tournament-main-menu__header {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		min-height: 56px;
		width: 100%;
		max-width: 760px;
		margin: 0 auto 1rem;
	}

	.tournament-main-menu .navbar-nav {
		float: none;
		width: 100%;
		max-width: 760px;
		margin: 0 auto;
	}

	.tournament-main-menu .navbar-nav > li {
		float: none;
	}

	.tournament-main-menu .navbar-nav > li > a,
	.tournament-main-menu a.main-menu-links,
	.tournament-main-menu .dropdown-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 52px;
		padding: 0.9rem 1rem;
		margin: 0;
		font-size: 1.7rem;
		line-height: 1.35;
		border-bottom: 1px solid #e9e9e9;
		border-radius: 12px;
	}

	.tournament-main-menu .dropdown-menu {
		position: static;
		float: none;
		width: 100%;
		margin: 0;
		padding: 0.35rem 0 0.5rem 1.25rem;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		background: transparent;
	}

	.tournament-main-menu .main-menu-sub-links-li {
		padding: 0;
		background: transparent;
	}

	.tournament-main-menu .main-menu-sub-links-li > a,
	.tournament-main-menu .dropdown-menu .dropdown-item,
	.tournament-main-menu .dropdown-menu a {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding: 0.65rem 0.75rem;
		font-size: 1.5rem;
		line-height: 1.35;
		border-bottom: 1px solid #f1f1f1;
		border-radius: 10px;
	}

	.tournament-main-menu .divider {
		display: none;
	}

	.tournament-main-menu .language-switcher-li .dropdown-menu {
		padding-left: 0;
	}

	.tournament-main-menu .visible-sm.visible-xs {
		display: block !important;
	}

	.tournament-main-menu .language-switcher-li > a {
		justify-content: flex-start;
	}

	.tournament-main-menu .language-switcher-li .dropdown-menu a {
		padding-left: 0;
		padding-right: 0;
	}

	html.tournament-menu-open,
	body.tournament-menu-open {
		overflow: hidden;
	}

	body.tournament-menu-open .tournament-menu-backdrop {
		display: block;
		opacity: 1;
		pointer-events: auto;
	}

	body.tournament-menu-open .tournament-main-menu {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar.container {
		max-width: 750px;
	}

	.navbar-nav, .navbar-nav > li {
		float: none;
	}

	#tournament-container {
		width: 750px;
	}

	.player-of-the-game-sponsor-text {
		font-size: 16px !important;
	}

	.player-of-the-game-sponsor-img {
		max-height: 100px;
		max-width: 120px !important;
	}

	.main-container {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and (max-width: 767px) {
	.match-logo-container {
		display: none;
	}

	.group-team-logo-container {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 16px;
		margin-right: 1px;
	}

	.group-team-logo {
		max-height: 14px !important;
		width: auto;
	}

	.table > tbody > tr > td {
		padding: 6px 2px;
	}

	#game-manager-away-team-players {
		text-align: left !important;
		margin-top: 10px;
	}

	#tournament-logo-img {
		height: 50px;
		width: auto;
	}

	#tournament-name-header {
		float: right;
		margin-left: 10px;
	}

	.player-of-the-game-sponsor-text {
		font-size: 14px !important;
	}

	.player-of-the-game-sponsor-img {
		max-height: 100px;
		max-width: 120px !important;
	}

	.match-info-team-name {
		font-size: 1.1em !important;
		font-size: 4.2vw !important;
	}

	.match-info-score {
		font-size: 2.5em !important;
		font-size: 6.5vw !important;
	}

	#block-views-sponsors-block {
		margin-top: 40px;
	}

	#team-players-table {
		font-size: 3.5vw !important;
	}

	#home-team-players, #away-team-players {
		float: none !important;
	}

	td.table-cell-content {
		font-size: 14px !important;
	}

	.player-image-container {
		text-align: center;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		padding-bottom: 2px;
	}
}

@media screen and (max-width: 400px) {
	.mobile-remove {
		display: none;
	}

	.container {
		width: 100%;
	}

	.player-of-the-game-sponsor-text {
		font-size: 11px !important;
	}

	.player-of-the-game-sponsor-img {
		max-height: 100px;
		max-width: 50px !important;
	}

	#feature-item-tactics {
		width: 300px;
	}

	.match-container {
		font-size: 1.2rem;
	}

	.match-right {
		flex-direction: column;
		align-items: flex-end;
		gap: 5px;
	}

	.match-parts {
		padding: 0 6px;
	}

	.match-venue { font-size: 8px; }

	.match-video-icon {
		font-size: 1.5rem;
	}

	.col-sm-9, .col-sm-12 {
		padding-left: 10px;
		padding-right: 10px;
	}

}
