:root {
	--grey: #43434d;
	--light-grey: #dee2e6;
	--mid-grey: #dee2e6;
	--dark-grey: #43434d;
	--tr-hover: #edf1f7;
	--green-light: #08333c;
	--green-black: #081f26;
	--shadow-green: 0px 0px 50px 0px #04f8ff4d;

}

.lpx-sidebar-container {
	display: none
}

.lpx-content-container {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.lpx-toolbar-container {
	display: none
}

.lpx-mobile-navbar-container {
	display: none
}



.basket-widget .team-list .team-logo {
	width: 60px
}

.basket-widget .small-photo {
	width: 32px;
	max-width: 32px
}

.basket-widget label {
	display: none
}

.game-location {
	justify-content: center
}

.game-header h2,
.game-header h4 {
	font-weight: 600
}

.referees {
	font-size: .75rem
}

.referees .title {
	font-weight: 600;
	color: #cd853f
}

#MainCard>.page {
	padding: 0 !important
}

#MainCard .tab-pane {
	padding: 1.5rem
}

s .nav-pills {
	display: flex;
	gap: 3px;
	position: relative;
	padding: 8px;
	border-bottom: 4px solid #f0f4f7
}

.nav-pills .active {}



#standing h4 {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1rem;
	margin-top: 3.5rem;
	margin-left: 2rem
}

#standing h4:nth-child(1) {
	margin-top: 1.5rem
}

.competition-results {
	margin: inherit 0 2rem;
	width: 100%;
	outline: 3px solid #dde6ef;
	border-radius: 8px;
	overflow: auto
}

#competitionContainer>div.text-center>button.btn {
	display: none !important;
}

.competition-results a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid transparent
}

.competition-results a:hover {
	border-color: #00fe
}

.competition-results table {
	border-collapse: separate;
	border-spacing: 0;
	border: 0;
	width: 100%
}

.competition-results tbody tr:hover td {
	background: #edf1f7
}

.competition-results th,
.competition-results td {
	padding: 8px;
	text-align: center
}

.competition-results th {
	height: 10px;
	text-align: left;
	background: #dee5ea !important;
	padding: 5px;
	user-select: none;
	font-size: .75rem;
	font-weight: 400;
	border-bottom: 1px solid #fff8;
	border-right: 1px solid #fff8;
	text-transform: uppercase;
	border-collapse: collapse;
	min-width: 55px
}

.competition-results tbody td {
	background: #fff;
	border-bottom: 1px solid #dde3e5;
	border-right: 1px solid #dde3e5
}

.th-center {
	text-align: center
}

.competition-table {
	border-radius: 5px;
	font-size: 14px
}

.competition-table thead tr,
#StatsTable_wrapper thead tr {
	background: var(--green-black)
}

.competition-table td,
#StatsTable_wrapper td {
	vertical-align: middle;
	padding: 4px 10px
}

.competition-table td a {
	color: #fff;
	font-weight: 600;
	text-decoration: none
}

.competition-table td.text-normal a {
	color: #fff;
	font-weight: normal;
	text-decoration: none
}

.competition-table td.text-bold {
	font-weight: 600
}

.competition-table tr:hover>td {
	background-color: #edf1f780;
	box-shadow: none
}

#PlayoffStanding {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative
}

.playoff-tree {
	margin: 2rem auto;
	margin-bottom: 1rem;
	display: flex;
	gap: 1rem;
	justify-content: flex-end;
	min-width: 544px;
	overflow-x: scroll;
}

.playoff-round {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	border-radius: .75rem
}

.round-content {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	justify-content: space-around;
	flex: 1
}

.playoff-game {
	border-radius: .5rem;
	border: #00edff;
	box-shadow: 0px 0px 50px 0px #04f8ff4d;
	position: relative;
	min-width: 220px
}

.team-score {
	display: flex;
	align-items: center;
	width: 220px;
	height: 47px;
	overflow: hidden;
}

.team-score img {
	width: 36px;
	padding-left: .625rem
}

.playoff-game {
	position: relative;
	background: rgba(4, 248, 255, 0.1);
	cursor: default
}

.playoff-game .team {
	padding: .625rem;
	flex: 1
}

.playoff-game .score {
	padding: .5rem;
	background: #04f8ff1a;
	min-width: 40px;
	text-align: center;
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: center
}

.playoff-game .scores {
	display: none;
	z-index: -1;
	background: #fff;
	border-radius: .3rem;
	outline: 6px solid #d2d2d450;
	padding: .5rem;
	position: absolute;
	top: 100%;
	left: -1%;
	min-width: max-content
}

.playoff-game .scores>a {
	display: block;
	padding: .5rem .325rem;
	border-radius: .3rem;
	text-decoration: none;
	color: #333
}

.playoff-game .scores>a:hover {
	background: #335eff20
}

.playoff-game .scores>a+a {
	border-top: 1px solid #d2d2d450
}

.playoff-game:hover .scores,
.playoff-game .scores:hover {
	display: none;
	z-index: 111
}

.playoff-round:not(:last-child) .playoff-game::after {
	border-right: 2px solid #04f8ff;
	content: "";
	width: 2rem;
	right: -2rem;
	position: absolute
}

.playoff-game:nth-child(odd)::after {
	border-top: 2px solid #04f8ff;
	border-top-right-radius: 5px;
	top: 49%
}

.playoff-game:nth-child(even)::after {
	border-bottom: 2px solid #04f8ff;
	border-bottom-right-radius: 5px;
	bottom: 49%
}

.playoff-game.round-2-2::after,
.playoff-game.round-4-4::after,
.playoff-game.round-8-8::after,
.playoff-game.round-16-16::after {
	height: 100%
}

.playoff-game.round-4-2::after,
.playoff-game.round-8-4::after,
.playoff-game.round-16-8::after {
	height: 160%
}

.playoff-game.round-8-2::after,
.playoff-game.round-16-4::after {
	height: 300%
}

.playoff-game.round-16-2::after {
	height: 350%
}

.playoff-round:not(:first-child) .playoff-game:before {
	content: "";
	width: 1.3rem;
	left: -1.3rem;
	position: absolute;
	border-top: 2px solid #04f8ff;
	top: 49%
}

.team-score.team1 {
	border-bottom: 2px solid #04f8ff
}

.playoff-tree .round-title {
	text-align: center;
	border-radius: .3rem;
	padding: .325rem;
	margin-bottom: 1rem;
	font-family: "subtitle";
	font-weight: bold;
	font-size: 26px;
}

.pending {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff80
}

#RosterTeam {
	display: flex;
	align-items: center
}

#RosterTeam .team-logo {
	max-width: 180px;
	margin-right: 2rem;
	border-radius: 50%;
	background: var(--green-light);
	border: 8px solid var(--green-light);
	box-shadow: var(--shadow-green);
}

#RosterTeam .team-name {
	color: #fff;
	font-size: 2.5rem;
	font-weight: 900;
	line-height: 1;
	font-family: 'title';
}

#RosterTeam .region-name {
	color: #fff;
	font-size: 1.4rem
}

.team-list {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-bottom: 2rem
}

.team-list .list-group-item {
	cursor: pointer;
	background: #06353c;
	color: #fff;
}

.team-list .list-group-item:hover {
	opacity: 0.7;
}

.team-list .list-group-item.active {
	color: #000;
	background: linear-gradient(289.45deg, #fe34fc 0.65%, #04f8ff 100%);
}

#RosterPlayersHeader h3,
#RosterCoachesHeader h3,
#RosterOfficialsHeader h3 {
	color: #fff;
	margin: 4rem 0 2rem 0;
	border-bottom: 1px solid var(--green-light);
	padding: 0 1rem
}

.roster-person {
	margin-bottom: 3rem;
	padding: 0 2rem
}

.roster-person .person-foto {
	border-radius: 50%;
	min-width: 199px;
	min-height: 199px;
	outline: 2px solid var(--grey);
	background-color: var(--grey)
}

.roster-person .person-name {
	text-align: center;
	font-weight: 900;
	font-size: 1.2rem;
	color: #000;
	margin-top: 1rem
}

#ResultsTable_wrapper .dataTables_scroll {
	background: var(--grey);
	outline: 3px solid var(--grey);
	border-radius: 5px
}

#ResultsTable_wrapper .dataTables_scrollHead .dataTable {
	background: var(--grey);
	margin-top: 0 !important
}

#ResultsTable .secondary-text {
	color: var(--mid-grey);
	font-size: .8rem
}

#ResultsTable tr:hover td {
	background-color: #edf1f780
}

#ResultsTable td {
	vertical-align: middle;
	padding: 10px 16px;
	cursor: default
}

#ResultsTable td a {
	color: #000;
	font-weight: 600;
	text-decoration: none
}

#SearchLeadersForm .dataTables_scrollBody {
	background: var(--grey);
	outline: 3px solid var(--grey);
	border-radius: 5px
}

#SearchLeadersForm .dataTables_scrollBody tbody tr>td:nth-child(1),
#SearchLeadersForm .dataTables_scrollBody tbody tr>td:nth-child(4) {
	text-align: center
}

#PlayersTable_wrapper .dataTables_scroll,
#CoachesTable_wrapper .dataTables_scroll,
#TeamsTable_wrapper .dataTables_scroll,
#TeamLeaders_wrapper .dataTables_scroll,
#ScheduleTable_wrapper .dataTables_scroll {
	outline: 3px solid var(--grey);
	border-radius: 5px
}

#PlayersTable_wrapper .dataTables_scroll td {
	border-right: 1px solid #cdd4db !important;
	border-color: #dae1ea82 !important;
	cursor: default
}

#PlayersTable_wrapper .dataTables_scroll tr:hover td {
	background: #edf1f780 !important
}

#PlayersTable_wrapper .dataTables_scrollHead .dataTable,
#CoachesTable_wrapper .dataTables_scrollHead .dataTable,
#TeamsTable_wrapper .dataTables_scrollHead .dataTable,
#TeamLeaders_wrapper .dataTables_scrollHead .dataTable,
#ScheduleTable_wrapper .dataTables_scrollHead .dataTable {
	background: var(--grey);
	margin-top: 0 !important
}

#ScheduleTable td {
	vertical-align: middle;
	padding: 0;
	cursor: default;
	border-radius: .5rem;
	outline: 3px solid var(--grey);
	border: 2px solid var(--grey)
}

#ScheduleTable .game-info {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center
}

#ScheduleTable .game-team-logo {
	max-width: 150px
}

#ScheduleTable [class*="game-team-"] {
	gap: 1.5rem;
	padding: .2rem 1rem
}

#ScheduleTable .game-info>* {
	flex: 1;
	display: flex;
	align-items: center
}

#ScheduleTable .game-team-2 {
	justify-content: flex-end;
	text-align: right
}

#ScheduleTable .game-team-logo {
	width: 150px
}

#ScheduleTable .game-center {
	display: flex;
	flex-direction: column
}

#ScheduleTable [class*="game-team-"] h4>* {
	display: block
}

#ScheduleTable [class*="game-team-"] nobr {
	font-size: 1rem;
	color: var(--mid-grey)
}

#ScheduleTable .score h2 {
	padding: 4px 10px;
	background: var(--grey);
	border-radius: 10%;
	margin-top: .5rem;
	font-size: 1.2rem
}

.coach-view img {
	outline: 3px solid var(--grey)
}

.basket-widget .game-comp a {
	color: #333;
	font-weight: normal;
	text-decoration: none
}

.basket-widget .game-comp a:hover {
	text-decoration: underline
}

.basket-widget a.team-link {
	color: #333;
	text-decoration: none
}

.basket-widget a.team-link:hover {
	text-decoration: underline
}

.card-hover {
	cursor: pointer
}

.card-hover:hover {
	background: var(--grey)
}

.link-underline-none {
	text-decoration: none
}

.link-underline-opacity-0 {
	text-decoration-color: rgba(0, 0, 0, 0);
	color: inherit
}

.link-underline-opacity-0:hover {
	text-decoration-color: rgba(var(--lpx-primary), .5)
}

.roster-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	align-content: center;
	padding: 1rem;
	border-radius: .5rem
}

.roster-card a {
	color: #000;
	text-decoration: none
}

.roster-card img {
	min-width: 180px;
	min-height: 180px
}

.roster-card .player-number {
	position: absolute;
	font-size: larger;
	font-weight: 600;
	background: var(--light-grey);
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 5%;
	left: 5%;
	outline: 1px solid #e8eef2
}

.roster-card:hover .player-number {
	background: #fff
}

.accordion-button {
	position: relative;
	background: var(--grey) !important;
	color: #000 !important;
	font-weight: 600;
	margin-bottom: .5rem
}

.cardsToggler {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: .5rem;
	padding: .5rem;
	position: absolute;
	right: 4rem
}

.cardsToggler:hover {
	background: var(--bs-gray-400)
}

.basket-widget-header .comp-logo {
	max-width: 120px
}

abc-data-grid table tbody td {

	background: black !important;
}

#rosters>.row {



	display: grid;
	grid-template-columns: 35% 65% !important;

	.col-md-3,
	.col-md-9,
	.col-12 {
		width: 100% !important;
	}

}

#RosterCoachesHeader,
#RosterOfficialsHeader {
	display: none !important;
}

.leaders-table .dt-container {
	background: var(--green-light) !important;
	border-radius: 10px;

}

.leaders-table .dt-container table thead {
	background: var(--green-black) !important;
}

/* ==========================================================================
   1. СИНХРОНИЗАЦИЯ И МАКЕТ ТАБЛИЦЫ (ДЛЯ ОБЕИХ ТАБЛИЦ)
   ========================================================================= */

.dt-scroll-head table,
.dt-scroll-body table {
	table-layout: fixed !important;
	width: 100% !important;
	min-width: 500px !important;
	border-collapse: collapse !important;
}

/* Принудительно заставляем все ячейки вести себя как табличные */
.dt-scroll-head th,
.dt-scroll-body th,
.dt-scroll-body td {
	display: table-cell !important;
	padding: 10px 5px 10px 0 !important;
	box-sizing: border-box !important;
	vertical-align: middle !important;
}

/* ==========================================================================
	  2. СТИЛИЗАЦИЯ И ПЕРЕНОСЫ ДЛЯ КАЖДОЙ КОЛОНКИ ОТДЕЛЬНО
	  ========================================================================= */

/* КОЛОНКА 1: № */
.dt-scroll-head th:nth-child(1),
.dt-scroll-body td:nth-child(1) {
	width: 5% !important;
	white-space: nowrap !important;
	text-align: center !important;
}

/* КОЛОНКА 2: Игрок */
.dt-scroll-head th:nth-child(2),
.dt-scroll-body td:nth-child(2) {
	width: 65% !important;
	white-space: normal !important;
	/* Разрешаем перенос имени и фамилии */
	word-wrap: break-word !important;
	word-break: break-word !important;
	text-align: left !important;
}

/* КОЛОНКА 3: Команда (ПОЛНОЕ И БЕЗОПАСНОЕ СКРЫТИЕ ЧЕРЕЗ ЯЧЕЙКИ) */
.dt-scroll-head th:nth-child(3),
.dt-scroll-body td:nth-child(3) {
	width: 0px !important;
	min-width: 0px !important;
	max-width: 0px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	overflow: hidden !important;

	/* Прячет саму ячейку, но оставляет её порядковый номер в DOM */
}

/* Прячем внутренности третьей ячейки (текст, обертки) */
.dt-scroll-head th:nth-child(3) *,
.dt-scroll-body td:nth-child(3) * {}

/* КОЛОНКА 4: Результат (Рез.) */
.dt-scroll-head th:nth-child(4),
.dt-scroll-body td:nth-child(4) {
	width: 15% !important;
	white-space: nowrap !important;
	text-align: center !important;
}

/* КОЛОНКА 5: Игры (Игр) */
.dt-scroll-head th:nth-child(5),
.dt-scroll-body td:nth-child(5) {
	width: 15% !important;
	white-space: nowrap !important;
	text-align: center !important;
}



@supports (scrollbar-color: auto) {
	.dt-scroll-body {
		scrollbar-color: #555555 #1e1e1e !important;
		scrollbar-width: thin !important;
	}
}

/* ==========================================================================
   1. ИДЕАЛЬНАЯ СИНХРОНИЗАЦИЯ ШАПКИ И ТЕЛА (МАТЕМАТИКА ТАБЛИЦЫ)
   ========================================================================== */

/* Включаем фиксированный макет для обеих таблиц, чтобы сетка совпала */
.dt-scroll-head table,
.dt-scroll-body table {
	table-layout: fixed !important;
	width: 100% !important;
	min-width: 800px !important;
	/* Гарантирует место, чтобы 5 колонок не сжимались */
	border-collapse: collapse !important;
}

/* Направляющие COL имеют наивысший приоритет. Задаем ширину для всех 5 колонок */
.dt-scroll-head colgroup col:nth-child(1),
.dt-scroll-body colgroup col:nth-child(1) {
	width: 8% !important;
}

/* № */
.dt-scroll-head colgroup col:nth-child(2),
.dt-scroll-body colgroup col:nth-child(2) {
	width: 27% !important;
}

/* Игрок */
.dt-scroll-head colgroup col:nth-child(3),
.dt-scroll-body colgroup col:nth-child(3) {
	width: 45% !important;
}

/* Команда */
.dt-scroll-head colgroup col:nth-child(4),
.dt-scroll-body colgroup col:nth-child(4) {
	width: 10% !important;
}

/* Рез. */
.dt-scroll-head colgroup col:nth-child(5),
.dt-scroll-body colgroup col:nth-child(5) {
	width: 10% !important;
}

/* Игр */

/* Базовые свойства для всех ячеек шапки и тела */
.dt-scroll-head th,
.dt-scroll-body th,
.dt-scroll-body td {
	display: table-cell !important;
	padding-right: 5px !important;
	box-sizing: border-box !important;
	vertical-align: middle !important;
}

/* ==========================================================================
   2. КОМПАКТНАЯ ВЫСОТА СТРОК И НАСТРОЙКА ПЕРЕНОСОВ
   ========================================================================== */

.dt-scroll-head th,
.dt-scroll-body th,
.dt-scroll-body td {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	height: 36px !important;
	/* Фиксированная аккуратная высота строк */
	line-height: 1.2 !important;
}

.dt-scroll-body tr {
	height: 36px !important;
}

/* Технические колонки (1, 4, 5) — текст строго в один ряд, по центру */
.dt-scroll-head th:nth-child(1),
.dt-scroll-body td:nth-child(1),
.dt-scroll-head th:nth-child(4),
.dt-scroll-body td:nth-child(4),
.dt-scroll-head th:nth-child(5),
.dt-scroll-body td:nth-child(5) {
	white-space: nowrap !important;
	text-align: center !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

/* Текстовые колонки (2, 3) — разрешаем перенос строк, выравнивание по левому краю */
.dt-scroll-head th:nth-child(2),
.dt-scroll-body td:nth-child(2),
.dt-scroll-head th:nth-child(3),
.dt-scroll-body td:nth-child(3) {
	white-space: normal !important;
	word-wrap: break-word !important;
	word-break: break-word !important;
	text-align: left !important;
}

/* ==========================================================================
   3. ТЁМНЫЙ СКРОЛЛБАР (ПОЯВЛЯЕТСЯ ТОЛЬКО ПРИ НАВЕДЕНИИ)
   ========================================================================== */

/* Контейнер таблицы со скроллом */
.dt-scroll-body {
	overflow-x: auto !important;
	overflow-y: hidden !important;
	width: 100% !important;
	padding-bottom: 10px !important;
	/* Опускает полосу прокрутки ниже строк таблицы */
}

/* По умолчанию делаем ползунок полностью прозрачным (невидимым) */
.dt-scroll-body::-webkit-scrollbar-thumb {
	background: transparent !important;
	border-radius: 4px !important;
	transition: background 0.3s ease !important;
}

/* Показываем тёмный скроллбар ТОЛЬКО при наведении мыши на блок таблицы */
.dt-scroll-body:hover::-webkit-scrollbar-thumb {
	background: #555555 !important;
	/* Тёмно-серый цвет ползунка */
}

/* Цвет ползунка, когда на него непосредственно навели курсор */
.dt-scroll-body::-webkit-scrollbar-thumb:hover {
	background: #777777 !important;
}

/* Настройка дорожки (фона) скроллбара — тоже плавно проявляется */
.dt-scroll-body::-webkit-scrollbar-track {
	background: transparent !important;
	border-radius: 4px !important;
}

.dt-scroll-body:hover::-webkit-scrollbar-track {
	background: #1e1e1e !important;
	/* Тёмный фон дорожки при наведении */
}

/* Общие размеры скроллбара */
.dt-scroll-body::-webkit-scrollbar {
	height: 8px !important;
}

/* Поддержка скрытия/проявления для Firefox */
@supports (scrollbar-color: auto) {
	.dt-scroll-body {
		scrollbar-color: transparent transparent !important;
		scrollbar-width: thin !important;
	}

	.dt-scroll-body:hover {
		scrollbar-color: #555555 #1e1e1e !important;
	}
}



/* Если JS применил стили к ячейкам внутри этой таблицы */
html body table tr td {
	all: unset !important;
	background: var(--green-light) !important;

}