/* GLOBAL STYLES

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

:root {
	--bs-body-color: #2c3e50;
	--bs-primary: #2c3e50;
	--bs-dark: #2c3e50;
	--bs-info: #536A85;

	--bs-body-color-rgb: 44,62,80
	--bs-primary-rgb: 44,62,80;
	--bs-dark-rgb: 44,62,80;
	--bs-info-rgb: 83,106,133;
}

body {
  padding-bottom: 3rem;
}
.td-none {
	text-decoration: none;
}

.locale_container .locale_button {
	cursor: pointer;
	font-size: 1.25rem;
	margin: 0px 6px;
}
.locale_container .disabled {
	opacity: 0.4;
}

tr:nth-child(even) {
	background-color: #dddddd !important;
}

@keyframes bg_move {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* MARKETING CONTENT
-------------------------------------------------- */
.btn-link {
    background-color: var(--bs-dark) !important;
	color: var(--bs-light);
}
.btn-link:hover {
    background-color: var(--bs-light) !important;
	color: var(--bs-dark);
}

.storebuttons {
	height: 65px;
	padding: 0px;
}
.storebuttons img {
	height: 100%;
}

.logoimage {
	width: 61px;
    border-radius: 6px;
    margin-right: 12px
}

.circle-list {
	list-style-type: circle;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
	background-repeat: no-repeat;
	background-image: url(/images/separator.png);
	color: transparent;
	height: 50px;
	background-size: contain;
	background-position-x: center;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 2rem;
  }
  .featurette-image {
	margin-top: 2rem;
  }
}

/* CALCULATOR
-------------------------------------------------- */

.calculator_container {
	background-image: url(/images/pool_back.png);
	background-repeat: repeat;
	.pool_container {
		position: relative;
		min-height: 430px;
		align-content: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-left: -16px;
		margin-right: -16px;

		.user_container_2 {
			display: flex;
			flex-direction: row-reverse;
			align-items: center;
		}
		.user_container_3, .user_container_4 {
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		.user_container_NS {
			display: flex;
			justify-content: center;
		}
		.user_container_WE {
			display: flex;
			justify-content: center;
			flex-direction: rows;
		}
	}

	.pool_lineup {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: contain;
		opacity: 0.3;
	}

	.icon_players_checkbox {
		display: none;
	}
	.icon_players {
		height: 36px;
		filter: brightness(0) saturate(100%) invert(58%) sepia(19%) saturate(158%) hue-rotate(343deg) brightness(87%) contrast(84%);
	}
	.icon_players--selected {
		filter: brightness(0) saturate(100%) invert(45%) sepia(58%) saturate(2646%) hue-rotate(184deg) brightness(92%) contrast(86%);
	}
	.img_pro_league {
		position: absolute;
		height: 25px;
		top: 77px;
		right: 10px;
		filter: brightness(0) saturate(100%) invert(26%) sepia(47%) saturate(808%) hue-rotate(349deg) brightness(92%) contrast(91%);
	}
}