/* IFF_customizations.css MINUS any definition already in IFF_Team.css */

.bg-black_special {
	background-color: var(--bg-black) !important;
}
.bg-black_special:hover {
	background-color: var(--bs-dark) !important;
}
.bg-dark_special {
	background-color: var(--bg-dark) !important;
}
.border-black_special {
	border-color: var(--bg-black) !important;
}
.border-dark_special {
	border-color: var(--bg-dark) !important;
}

/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
.swal2-radio label {
	display: block !important;
	margin-bottom: 10px !important;
}
.slot {
	width: 6ch !important;
}

.nickname {
	font-size: 9px;
	letter-spacing: 0.5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 4px;
}
/* overrides of the smui-dark/light theme */
.mdc-data-table__cell,
.mdc-data-table__header-cell {
	padding: 0 !important;
	margin: 0 !important;
}
.mdc-data-table__cell.cancel_0_padding,
.mdc-data-table__header-cell.cancel_0_padding {
	padding: 30px !important;
}

.recordTable .mdc-data-table__cell,
.rankingTable .mdc-data-table__cell,
.recordTable
	.mdc-data-table__header-cell
	.rankingTable
	.mdc-data-table__header-cell {
	text-align: center;
	padding: 10px !important;
}

@media only screen and (max-width: 375px) {
	.IFF_roster {
		max-width: 100%;
		min-width: 100%;
	}
}

@media (min-width: 768px) {
	.swal2-popup {
		width: 50% !important; /* Width for larger screens */
	}
}
.swal2-toast.alert.alert-success {
	background-color: #d4edda !important;
	color: #155724 !important;
}
.swal2-toast.alert.alert-danger {
	background-color: #f8d7da !important;
	color: #721c24 !important;
}
.swal2-container.swal2-backdrop-show:has(.swal2-toast) {
	background: rgba(
		0,
		0,
		0,
		0
	) !important; /* Change this to your desired background */
	backdrop-filter: none !important; /* Remove blur */
	width: 100% !important;
}
body.swal2-toast-shown .swal2-container {
	box-sizing: border-box;
	width: auto !important;
	max-width: 100%;
}

/* Start button resizing */
.buttonGroupSubNav {
	flex-wrap: wrap;
}
@media (min-width: 768px) {
	.buttonGroupSubNav {
		flex-wrap: nowrap;
	}
}

/* everything below here catches on a refresh */
.swal2-container {
	z-index: 99999 !important;
}

/* loading dots */
.loading_dots:after {
	font-family: monospace, monospace;
	animation: dotty steps(1, end) 1s infinite;
	content: '';
}

@keyframes dotty {
	0% {
		content: '\00a0\00a0\00a0';
	}
	25% {
		content: '.\00a0\00a0';
	}
	50% {
		content: '..\00a0';
	}
	75% {
		content: '...';
	}
	100% {
		content: '\00a0\00a0\00a0';
	}
}

/* fallback */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/css/google/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.spin {
	animation: spin 2s linear infinite;
}
@keyframes backEase {
	0% {
		transform: scale(0);
	}
	80% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
.back-ease {
	animation: backEase 0.5s ease-out forwards;
}

/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */

.iff_font {
	font-family: 'Lexend Deca', sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.bg_healthy {
	/* background-color: #2c5f34 !important;  */
	/* background-color: #204c39 !important; */
	/* background-image: url('/img/healthy-bg.png'); */
	/* background-image: url('/img/bg-chevron-right-middle.png'); */
	/* background-image: url('/img/bg-healthy-yard-marks.png'); */
	/* background-image: url('/img/bg-healthy-yard-marks-2.png'); */
	/* background-image: url('/img/bg-healthy-yard-marks-2a.png'); */
	background-image: url('/img/bg-healthy-yard-marks-3.png');
	background-repeat: repeat-x;
}
.bg_healthy.bg_healthy_plus {
	background-image: none;
	background-color: #2c5f34 !important;
}
/* .playing_time_bg {
	background-color: rgba(51, 0, 0, 0.75);
} */
.pt_bar_label_bg {
	background-image: url('/img/sub-bg-underline-2.png');
	background-repeat: repeat-x;
	background-color: rgba(51, 0, 0, 0.75);
}

.skewed {
	font-size: 0.9em !important;
}

.clipped {
	border-radius: 0 0 0 40% !important;
}

.sub-bg {
	background-image: url('/img/25x25-light.png') !important;
	background-repeat: repeat;
	background: #204c39;
}

.lh-pts {
	line-height: 0.9 !important;
}

.pt_bar_rounded {
	border-radius: 0 0 0.25rem 0.25rem;
	overflow: hidden;
}
.br {
	border-right: 1px solid white;
}
.bl {
	border-left: 1px solid white;
}
.br-warning {
	border-right: 1px dotted yellow;
}
.bl-warning {
	border-left: 1px dotted yellow;
}
.bt-warning {
	border-top: 1px dotted yellow;
}
.bb-warning {
	border-bottom: 1px dotted yellow;
}
.mt-point1rem {
	margin-top: 0.1rem; /* Adjust as needed */
}
.mb-point1rem {
	margin-bottom: 0.1rem; /* Adjust as needed */
}
.mb-point3rem {
	margin-bottom: 0.3rem; /* Adjust as needed */
}
.pt-point1rem {
	padding-top: 0.1rem; /* Adjust as needed */
}
.pb-point1rem {
	padding-bottom: 0.1rem; /* Adjust as needed */
}
.ms-point1rem {
	margin-left: 0.1rem; /* Adjust as needed */
}

.sub_points_included {
	color: var(--SUB-POINTS);
}
.neon_green {
	color: #39ff14;
	opacity: 0.4;
}
.neon_blue {
	color: #04d9ff;
	opacity: 0.8;
}
.neon_red {
	color: #ff3131;
}

/* ------ One Lineup Slot ------ */
/* .matchup_player_body_item {
	background-color: rgba(163, 187, 211, 0.05);
	border-radius: 0px 8px 8px 0px !important;
	box-sizing: border-box;
	border-style: solid;
	border-color: rgba(58, 70, 91, 1);
}
.matchup_player_body_item.not_in_lineup,
.matchup_player_body_item.sub_not_needed {
	border-width: 2px 0px 2px 0px;
	border-radius: 8px 8px 8px 8px;
    overflow: hidden;
}
.matchup_player_body_item.in_lineup {
    overflow: hidden;
}
.in_lineup {
	background-color: rgba(0, 206, 184, 0.1);
}
.not_in_lineup {
	background-color: rgba(100, 0, 0, 0.2);
} */

/* ------------------------------ */
.font_arial {
	font-family: 'Arial', sans-serif !important;
}
.font_monospaced {
	font-family: var(--bs-font-monospace) !important;
}