/*@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/


 /*Moved to Global CSS*/

 /*html {*/
 /*	font-family: "Lato", sans-serif !important;*/
 /*	font-size: 0.925rem;*/
 /*	letter-spacing: normal;*/
 /*	min-height: 100% !important;*/
 /*	height: 100%;*/
 /*}*/

 /*body {*/
 /*	min-height: 100% !important;*/
 /*	height: 100%;*/
 /*}*/
html,body{
	overscroll-behavior-y: none;
}

 .fw-bold {
	 font-weight: 600 !important;
 }

 .montserrat-font {
 	font-family: "montserrat", sans-serif !important;
 }

 input[type=text],
 select {
 	width: 100%;
 	padding: 12px 20px;
 	margin: 8px 0;
 	display: inline-block;
 	border: 1px solid #ccc;
 	border-radius: 4px;
 	box-sizing: border-box;
 }


 input[type=submit] {
 	width: 100%;
 	background-color: #4CAF50;
 	color: white;
 	padding: 14px 20px;
 	margin: 8px 0;
 	border: none;
 	border-radius: 4px;
 	cursor: pointer;
 }

 input[type=submit]:hover {
 	background-color: #45a049;
 }


 /* custom scrollbar */
 ::-webkit-scrollbar {
 	width: 20px;
 }

 ::-webkit-scrollbar-track {
 	background-color: transparent;
 }

 ::-webkit-scrollbar-thumb {
 	background-color: #d6dee1;
 	border-radius: 20px;
 	border: 6px solid transparent;
 	background-clip: content-box;
 }

 ::-webkit-scrollbar-thumb:hover {
 	background-color: #a8bbbf;
 }

 .jackpot-container {
 	display: flex;
 	border-radius: 0.55em;
 	justify-content: flex-end;
 }

 .jackpot-container-div {
 	color: rgb(128, 255, 0);
 	letter-spacing: 2.5px;
 	font-weight: bold;
 	font-size: 18px;
 	border: 1px solid rgba(128, 255, 0, 0.15);
 	padding: 1em 2.35em;
 	border-radius: 0.55em;
 	box-shadow: rgb(255 255 255 / 12%) 0px 0px 35px 9px inset;
 	border: 1px solid rgba(255, 255, 255, 0.25) !important;
 }


 .rotate-phone-container {
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	display: flex;
 	text-align: center;
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	color: rgba(255, 255, 255, 0.55);
 	gap: 3em;
 }

 .rotate-phone-img {
 	width: 11em;
 	opacity: 0.35;
 }

 .custom-box-shadow {
 	/* box-shadow: rgb(0 0 0 / 17%) 0px -23px 25px 0px inset,
 		rgb(0 0 0 / 15%) 0px -36px 30px 0px inset,
 		rgb(0 0 0 / 10%) 0px 0px 1px 0px inset,
 		rgb(0 0 0 / 5%) 0px 2px 1px,
 		rgb(0 0 0 / 9%) 0px 4px 2px,
 		rgb(0 0 0 / 9%) 0px 8px 4px,
 		rgb(0 0 0 / 9%) 0px 16px 8px,
 		rgb(0 0 0 / 9%) 0px 21px 19px; */

 	box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset,
 		rgb(0 0 0 / 5%) 0px 2px 1px,
 		rgb(0 0 0 / 9%) 0px 4px 2px,
 		rgb(0 0 0 / 9%) 0px 16px 8px;
 }

 @media  print {

 	/* Your print styles */
 	.header,
 	.footer {
 		display: none !important;
 	}
 }

 .banner-loading {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgba(0, 0, 0, 0.75);
 	border-radius: 0.25em;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	color: white;
 	font-size: 34px;
 	font-weight: 700;
 }

 .version-text {
 	position: fixed;
 	right: 0em;
 	bottom: 0em;
 	color: rgba(255, 255, 255, 0.5);
 	margin: 0.5em;
 }

 .disabled {
 	pointer-events: none;
 	filter: grayscale(75%);
 }

 .container-wrap {
 	overflow-wrap: break-word;
 	width: 270px;
 }

 .custom-text {
 	font-weight: 900 !important;
 }

 .hover:hover {
 	cursor: pointer;
 }

 .hover:hover * {
 	cursor: pointer;
 }

 .background {
 	background-image: url(/static/img/layout/background.jpg);
 	background-repeat: no-repeat;
 	background-size: cover;
 	height: 100%;
 	width: 100%;
 	position: fixed;
 	left: 0;
 	right: 0;
 	top: 0;
 	z-index: -1;
 }

 .container-column {
 	flex-direction: column;
 	display: flex;
 }

 .container-center {
 	justify-content: center;
 	display: flex;
 }

 .row-center {
 	flex-direction: column;
 	justify-content: center;
 	display: flex;
 	text-align: center;
 }

 .custom-center {
 	justify-items: center;
 	align-items: center;
 	display: flex;
 	flex-direction: column;
 }

 .line-height-0 {
 	line-height: 0;
 }


 .ticket-qrcode-container {
 	display: flex;
 	flex-direction: column;
 	padding: 0em 1em 0em 1em;
 	justify-content: space-between;
 }

 .ticket-cost-container {
 	font-weight: 700;
	font-weight: 600;
	font-size: min(3cqmin,18px);
 	text-align: center !important;
 }

 .ticket-cost-container[data-app="VIRTUAL"]
 .ticket-cost-container[data-app="CASHIER"] {
	color: #fff;
 }


 .text-yellow {
 	color: #ffd83e !important;
 }

 .text-shadow {
 	text-shadow: 2.5px 2.5px #000;
 }

 .text-shadow-sm {
 	text-shadow: 1.5px 1.5px #000;
 }

 .heading-line-1,
 .main-heading-line {
 	gap: 0.5em;
 	display: flex;
 }

 .heading-line-2 {
 	font-weight: 900 !important;
 	line-height: 70px !important;
 }

 .card-body-header {
 	color: white;
 	display: flex;
 	justify-content: end;
 	margin-right: 1.5em;
 }

 .container,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl,
 .container-xxl {
 	max-width: 1240px !important;
 	height: 100%;
 }

 .row-disabled,
 .row-disabled td {
 	filter: grayscale(50%);
 	opacity: 0.75 !important;
 	border: 1px solid rgba(255, 255, 255, 0.125);
 }

 .card-slots,
 .card-buttons {
 	-webkit-border-top-left-radius: 0px;
 	-webkit-border-bottom-left-radius: 0px;
 	-moz-border-radius-topleft: 0px;
 	-moz-border-radius-bottomleft: 0px;
 	border-top-left-radius: 0px;
 	border-bottom-left-radius: 0px;
 	margin-left: -1px !important;
 	border: 1px solid transparent !important;
 	padding-left: 15px;
 }

 .card-slots-unselected {
 	background-color: transparent !important;
 	border: 1px solid transparent !important;
 	cursor: pointer;
 }

 .card-slots-unselected * {
 	opacity: 1;
 	filter: grayscale(5%);
 }

 .card-slots-selected,
 .card-slots-unselected:hover {
 	background-color: rgba(255, 255, 255, 0.15);
 	border: 1px solid rgba(255, 255, 255, 0.25) !important;
 	border-left: 1px solid transparent !important;
 	background-color: #31343e !important;
 }

 .card-slots-unselected:hover * {
 	opacity: 1;
 }

 .card-players {
 	background-color: rgba(255, 255, 255, 0.15) !important;
 	border: 1px solid rgba(255, 255, 255, 0.25) !important;
 	-webkit-border-top-right-radius: 0px !important;
 	-moz-border-radius-topright: 0px !important;
 	border-top-right-radius: 0px !important;
 	padding: 0;
 	padding-top: 5px;
 	padding-bottom: 5px;
 }

 .rounded-5 {
 	border-radius: 7.5px !important;
 }

 .rounded-5 video {
 	border-radius: 7.5px !important;
 }

 .rounded-10 {
 	border-radius: 10px !important;
 }

 .rounded-15 {
 	border-radius: 15px !important;
 }

 .rounded-25 {
 	border-radius: 25px !important;
 }

 .bets-timer {
 	z-index: 1;
 	box-shadow: none;
 	color: #fff;
 	line-height: normal;
 	border: none;
 	font-size: inherit;
 	font-weight: inherit;
 	letter-spacing: inherit;
 }

 .modal-header {
 	justify-content: center;
 }

 .associate-container-header {
 	font-size: 17px !important;
 }

 .associate-container-terminal-header {
 	font-size: 19px !important;
 }

 .justify-content-center {
 	margin-bottom: 0.5em;
 }

 .row-relative {
 	position: relative;
 	z-index: 1;
 }

 .bets-timer-lg {
 	font-size: 15px;
 	font-weight: normal;
 }

 .bets-timer span {
 	color: #ffd83e;
 	font-weight: bold;
 }

 .terminal-text {
 	position: fixed;
 	left: 0px;
 	top: 0px;
 	color: rgba(255, 255, 255, 0.3);
 	margin: 0.5em;
 }

 .btn-card-del {
 	position: absolute;
 	z-index: 1;
 	box-shadow: none;
 	right: -13px;
 	top: -13px;
 	background: #fff;
 	border-radius: 100%;
 	line-height: 0px;
 	border: none;
 }


 .bg-card-player,
 .bg-card-player-slot {
 	background-position: top;
 	background-size: cover;
 	background-repeat: no-repeat;
 	width: 45px !important;
 	height: 70px !important;
 	min-height: 70px !important;
 	max-height: 70px !important;
 	min-width: 45px !important;
 	max-width: 45px !important;
 	-webkit-border-top-right-radius: 1px !important;
 	-webkit-border-bottom-right-radius: 1px !important;
 	-moz-border-radius-topright: 1px !important;
 	-moz-border-radius-bottomright: 1px !important;
 	border-top-right-radius: 1px !important;
 	border-bottom-right-radius: 1px !important;
 }

 .bg-card-player {
 	width: 45px !important;
 	height: 60px !important;
 	min-height: 60px !important;
 	max-height: 60px !important;
 	min-width: 45px !important;
 	max-width: 45px !important;
 	padding: 0px !important;
 }

 .bg-card-player-slot {
 	background-color: #eee !important;
 }

 .card-player-name {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }

 .inactiveLink {
 	pointer-events: none;
 	cursor: default;
 }

 .card-row-selected * {
 	filter: grayscale(95%);
 	opacity: 0.95 !important;
 	border: none !important;
 	color: #999 !important;
 }

 .btn-lg {
 	padding: .75rem 3.5rem !important;
 	font-size: 1.35rem;
 	border-radius: .3rem;
 }

 .btn-md {
	 border-radius: .3rem;
	padding: min(1cqmin, 8px);
    font-size: min(2vw, 20px);
 }

 .ticket-details-container {
 	gap: 0.5em;
 	display: flex;
 	color: black;
 	font-weight: 700;
 	text-align: left;
 	align-items: end;
 	line-height: 1em;
 	flex-direction: row;
 	padding: 1em 0em 0.5em 0em;
 }

 .ticket-shop-text {
 	padding: 0;
 	font-weight: 500;
 }



 .ticket-qr-barcode-container {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }


 .ticket-team-selection-container {
 	margin: 0em 1em;
 	display: flex;
 	flex-direction: column;
 	border: 1px solid black;
 }

 .ticket-selection-header-container {
 	display: flex;
 	border-bottom: 1px solid black;
 	padding: 0 1em;
 	font-size: 12px !important;
 	font-weight: 700;
 	color: black;
 }

 .ticket-selection-header-container>:nth-child(1) {
 	width: 55%;
 }

 .ticket-selection-header-container>:nth-child(2) {
 	width: 25%;
 }

 .ticket-selection-header-container>:nth-child(3) {
 	width: 20%;
 }

 .ticket-team-selection {
 	display: flex;
 	width: 100%;
 	background: black;
 	justify-content: center;
 	align-items: center;
 	font-size: 14px;
 	font-weight: 700;
 	padding: 0.25em 0;
 	color: white;
 	position: relative;
 	-webkit-print-color-adjust: exact;
 }


 .ticket-team-selection>img {
 	position: absolute;
 	top: 0;
 	height: 100%;
 	width: 100%;
 	bottom: 0;
 	z-index: 1;
 }

 .ticket-team-selection-item-container {
 	padding: 1em 0.5em;
 	font-size: 14px;
 }

 .ticket-bottom-container {
	color: #FFF;
 	padding-bottom: 1em;
 }

 .ticket-team-selection-item {
 	font-size: 9px !important;
 	padding-bottom:0.5rem;
 	display: flex;
 	flex-direction: row;
 	color: black;
 }

 .ticket-team-selection-item>span:nth-child(1) {
 	width: 50%;
 	font-size: 13px;
 }

 .ticket-team-selection-item>span:nth-child(2) {
 	width: 40%;
 	font-size: 12px;
 	text-align: center;
 }

 .ticket-team-selection-item>span:nth-child(3) {
 	width: 20%;
 	font-size: 12px;
 	text-align: center;
 }

 .wc-ticket-btn {
 	padding: 0.25em 2.5em !important
 }

 .ticket-logo-container {
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 }

 .ticket-logo-container>img {
 	width: 155px;
 	margin-top: 0.5em;
 	filter: grayscale(1);
 	-webkit-print-color-adjust: exact;
 }

 .ticket-count-container {
 	display: flex;
	color: #FFF;
 	align-items: center;
 	justify-content: center;
 	flex-direction: column;
	text-align: center;
 	padding: 1em;
 	border-radius: 0px 0px 1em 1em;
 }
 .ticket-pos-action-button{
	font-size: 13px;
    width: 165px;
    padding: 0.5rem;
 }

 .table-ticket .border {
 	border: 2px solid #000 !important;

 }

 .table-ticket .border-top {
 	border-top: 2px solid #000 !important;

 }

 .table-ticket .border-bottom {
 	border-bottom: 2px solid #000 !important;

 }

 .table-ticket .border-start {
 	border-left: 2px solid #000 !important;

 }

 .table-ticket .border-end {
 	border-right: 2px solid #000 !important;

 }

 .lds-ripple {
 	display: inline-block;
 	position: relative;
 	width: 80px;
 	height: 80px;
 }

 .lds-ripple div {
 	position: absolute;
 	border: 4px solid #fff;
 	opacity: 1;
 	border-radius: 50%;
 	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
 }


 .lds-ripple div:nth-child(2) {
 	animation-delay: -0.5s;
 }

 .lds-ripple-main {
 	justify-content: center;
 	align-items: center;
 	display: flex;
 	height: 100%;
 	width: 100%;
 	position: fixed;
 	left: 0;
 	z-index: 99;
 }

 .lds-ring {
 	display: inline-block;
 	position: relative;
 	width: 80px;
 	height: 80px;
 }

 .lds-ring div {

 	box-sizing: border-box;
 	display: block;
 	position: absolute;
 	width: 45px;
 	height: 45px;
 	margin: 5px;
 	margin-top: 17px;
 	border: 5px solid #000;
 	border-radius: 50%;
 	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
 	border-color: #000 transparent transparent transparent;
 }

 .lds-ring div:nth-child(1) {
 	animation-delay: -0.45s;
 }

 .lds-ring div:nth-child(2) {
 	animation-delay: -0.3s;
 }

 .lds-ring div:nth-child(3) {
 	animation-delay: -0.15s;
 }

 .modal-content {
 	margin: 1em;
 }

 .banner-play-now-container {
 	position: absolute;
 	right: 2rem;
 	bottom: 2rem;
 	width: 18.8rem;
 }

 .banner-text-contianer {
 	position: absolute;
 	right: 2rem;
 	bottom: 7rem;
 }

 .banner-bets-close-contianer {
 	position: absolute;
 	left: 2rem;
 	top: 1rem;
 	letter-spacing: 0.1em;
 }

 .banner-match-week-contianer {
 	display: flex;
 	position: absolute;
 	gap: 7px;
 	left: 2rem;
 	bottom: 1rem;
 	font-weight: 500;
 	text-transform: uppercase;
 	letter-spacing: 0.1em;
 	letter-spacing: 1px;
	font-size: min(1.5vw, 18px);
 }
 .banner-plan-name-container{
	display: flex;
    position: absolute;
    gap: 7px;
    left: 2rem;
    bottom: 2.5rem;
	font-size: 14px;
    font-weight: 500;
	font-style: italic;
	color: #EEEEEEAA;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    letter-spacing: 1px;
 }

 .container {
 	transform-origin: top center;
 }

 .banner-img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 }

 .text-lato {
 	font-family: 'Lato', sans-serif !important;
 }

 .main-banner-container {
 	border-radius: 0.75em !important;
 	height: 100%;
 	overflow: hidden;
 }

 .main-container {
 	gap: 15px;
 	display: flex;
	flex-direction: column;
 }

 .game-banner-container {
 	width: 100%;
 	overflow: hidden;
 	position: relative;
	width: min(1090px, 90vw);
 }

 .login-language-container {
 	position: absolute;
 	top: -3em;
 	right: 0;
 }

 .error-msg {
 	color: red;
 	font-weight: 400;
 	text-align: left;
 }

 .game-banner-container:hover {
 	cursor: pointer;
 }

 .player-table-item {
 	background-color: var(--bs-table-bg);
 }

 .player-img {
 	width: 3em;
 	height: 3em;
 	background: rgba(0, 0, 0, 0.05);
 	border-radius: 2em;
 	object-fit: cover;
 }

 .player-img-container {
 	height: 100%;
 	width: 100%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }

 .custom-selection-name {
 	height: 100%;
 	display: flex;
 	align-items: center;
 	width: 100%;
 	text-align: center;
 	justify-content: center;
 	align-items: center;
 	overflow: hidden;
 }

 .custom-selection-name>span {
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 .div-center {
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 }

 .world-cup-text-1 {
 	font-size: 1.85em;
 }

 .world-cup-text-2 {
 	font-size: "2.3rem"
 }

 .world-cup-text-3 {
 	font-size: 1.85em;
 }


 .nogamefound-container {
 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	color: white;
 	opacity: 0.75;
 	font-weight: 700;
 }

 .rules-popup-container {
 	padding: 0 !important;
 	position: relative;
 	overflow-y: auto;
 	display: flex;
 	-webkit-flex-direction: column;
 	-ms-flex-direction: column;
 	flex-direction: column;
 	max-height: calc(100% - 64px);
 	max-width: 600px;
 	background-color: #233044;
 	color: rgba(255, 255, 255, 0.95);
 	transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 	border-radius: 1em;
 }

 .selection-banner-logo-container {
	display: flex;
	width: 4rem;
	height: 4rem;
	justify-content: center;
}

.selection-banner-logo-container>img {
	width:4rem;
	height: 4rem;
	object-fit: contain;
}

 .selection-header-container{
	 gap: 32px;
	 display: flex;
	 align-items: center;
 }

 .selection-header-details-container {
	color: #FFF;
	display: flex;
	flex-wrap:wrap;
	align-self: center;
	justify-self: center;
	flex-direction: column;
}


 .rules-popup-header {
 	padding: 1.5em 2em 1em 2em;
 	background: rgba(0, 0, 0, 0.25);
 }

 .rules-popup-footer {
 	justify-content: end;
 	padding: 1.5em 2em;
 	background: rgba(0, 0, 0, 0.25);
 	display: flex;
 }

 .rules-popup-close-button {
 	text-decoration: underline;
 }

 .rules-popup-close-button:hover {
 	cursor: pointer;
 }

 .rules-popup-item {
 	padding: 1.5em 2em;
	font-weight: 200;
 }

 .rules-border-text {
 	border: 1px solid rgba(255, 255, 255, 0.5);
 	padding: 0.25em 1.5em;
 	display: block;
 	text-align: center;
 	width: 10em;
 }



 .selection-player-name {
 	overflow: hidden;
 	display: block;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }

 .against-team-name {
 	text-overflow: ellipsis;
 	overflow: hidden;
 	white-space: nowrap;
 }

 .custom-container {
 	width: 100%;
 	padding-right: var(--bs-gutter-x, .75rem);
 	padding-left: var(--bs-gutter-x, .75rem);
 	margin-right: auto;
 	margin-left: auto;
 }


 .player-selection-container {
 	opacity: 0;
 	transition: opacity ease 0.15s;
 }


 .playerselectionv2-playersseleciton-scroll {
 	padding: 2em;
 	display: flex;
 	flex-direction: column;
 	gap: 1em;
 	background-color: rgba(255, 255, 255, 0.15);
 }


 .playerselectionv2-searched-player-container {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 	gap: 0.25em;
 	justify-content: space-between;
 	background-color: rgba(255, 255, 255, 0.8);
 	padding: 1em;
 	max-height: 17em;
 	overflow-y: auto;
 }

 .playerselectionv2-searched-player-container>div {
 	width: 49%;
 }

 .playerselectionv2-countries-container {
 	display: flex;
 	flex-direction: column;
 	border-radius: 1em;
 	overflow: hidden;
 	border: 1px solid rgba(255, 255, 255, 0.25) !important;
 }

 .playerselectionv2-matches-container {
 	display: flex;
 	flex-direction: column;
 	border-radius: 1em;
 	overflow: hidden;
 	border: 1px solid rgba(255, 255, 255, 0.25) !important;
 }

 .playerselectionv2-playersseleciton-container {
 	width: 35%;
 	display: flex;
 	position: relative;
 	border: 1px solid rgba(255, 255, 255, 0.25) !important;
 	border-radius: 1em;
 	flex-direction: column;
 	max-height: 73em;
 	margin-top: 2em;
 	overflow: hidden;
 }

 .playerselectionv2-header {
 	font-size: 22px;
 	padding: 0.5em 1em 0.5em 1em;
 	color: white;
 	background: rgba(0, 0, 0, 0.45);
 }

 .playerselectionv2-match-item-time {
 	background: rgb(255, 193, 7);
 	border-radius: 0.25em;
 	display: flex;
 	padding: 0.5em 0.75em;
 	justify-content: center;
 	align-items: center;
 	flex-direction: column;
 }

 .playerselectionv2-collapse-contianer {
 	max-height: 0;
 	transition: 0.25s ease-in;
 	opacity: 0;
 	pointer-events: none;
 }


 .playerselectionv2-collapse-contianer-active {
 	max-height: 10000px !important;
 	opacity: 1;
 	pointer-events: all;
 }

 .playerselectionv2-match-item-team {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	flex: 1;
 	gap: 1em;
 }

 .playerselectionv2-search-player-fixed {
 	z-index: 98;
 }

 .playerselectionv2-search-player-fixed-background {
 	content: "";
 	position: fixed;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	background: rgba(0, 0, 0, 0.75);
 	z-index: 98;
 	width: 100%;
 	height: 100%;
 	z-index: -1;
 }

 .playerselectionv2-search-player-container {
 	display: flex;
 	flex-direction: column;
 	border-radius: 1em;
 	overflow: hidden;
 	border: 1px solid rgba(255, 255, 255, 0.25) !important;
 	position: absolute;
 	width: 91%;
 }

 .playerselectionv2-countries-seleciton-container {
 	display: flex;
 	flex-direction: row;
 	gap: 3em;
 	padding-bottom: 1em;
 	overflow-x: auto;
 	background: rgba(255, 255, 255, 0.15);
 	padding: 2em 0em 1em 1em;
 }

 .playerselectionv2-matches-seleciton-container {
 	display: flex;
 	flex-direction: column;
 }

 .playerselectionv2-country-item-container {
 	display: flex;
 	flex-direction: column;
 	color: white;
 	text-align: center;
 	gap: 0.75em;
 }

 .playerselectionv2-match-item-container {
 	display: flex;
 	gap: 2em;
 	background: #FFF;
 	padding: 0.15em;
 	position: relative;
 	border-radius: 0.35em;
 	z-index: 3;
 }

 .playerselectionv2-player-selection-item-container {
 	background: rgba(255, 255, 255, 0.5);
 	padding: 1.5em 1em 1em 1em;
 	transform: translateY(-0.55em);
 	z-index: 3;
 	border-radius: 0 0 1em 1em;
 	display: flex;
 	gap: 1em;
 }

 .playerselectionv2-player-selection-item {
 	display: flex;
 	align-items: center;
 	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
 	background: rgba(255, 255, 255, 0.5);
 	padding: 0em 1em 0em 1em;
 	border-radius: 0.35em;
 	margin-bottom: 0.25em;
 	height: 3em;
 	transition: 0.25s ease-in;
 	border: 0px solid rgba(255, 193, 7, 1);

 }

 .playerselectionv2-player-selection-name-container {
 	width: 85%;
 	display: flex;
 	flex-direction: column;
 }

 .playerselectionv2-player-selection-name {
 	font-weight: 700;
 	font-size: 12px;
 }

 .playerselectionv2-player-selection-team {
 	font-weight: 500;
 	font-size: 10px;
 }

 .playerselectionv2-player-selection-stats-container {
 	width: 15%;
 	display: flex;
 	flex-direction: column;
 	gap: 0.15em;
 	justify-content: center;
 }

 .playerselectionv2-player-selection-stats {
 	font-size: 11px;
 	font-weight: 700;
 	display: flex;
 	gap: 0.35em;
 	justify-content: center;
 }

 .playerselectionv2-player-selection-stats-icon {
 	width: 12px;
 	height: 12px;
 }

 .player-selection-item-active {
 	background: rgba(255, 255, 255, 0.90);
 	border: 2.5px solid rgba(255, 193, 7, 1);
 }

 .playerselectionv2-player-selection-playerimg {
 	width: 3em;
 	height: 3em;
 	background: rgba(0, 0, 0, 0.05);
 	border-radius: 2em;
 	object-fit: cover;
 }

 .playerselectionv2-player-selection-item-teams {
 	flex: 1;
 }

 .playerselectionv2-playersection-nav {
 	display: none;
 	transition: 0.25s ease-in;
 }

 .playerselectionv2-country-item-flag {
 	background: rgba(0, 0, 0, 0.45);
 	width: 50px;
 	height: 50px;
 	border-radius: 25px;
 	transition: 0.15s ease-in;
 	border: 0px solid rgba(255, 193, 7, 0.5);
 }

 .country-item-flag-active {
 	border: 2.5px solid rgba(255, 193, 7, 1);
 }

 .country-item-name-active {
 	color: rgba(255, 193, 7, 1);
 }

 .country-item-name-selected {
 	font-size: 16px;
 	color: rgba(255, 193, 7, 0.75);
 	font-style: italic;
 }

 .playerselectionv2-match-item-icon-container {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	margin-right: 2em;
 }

 .playerselectionv2-match-item-icon {
 	width: 25px;
 	height: 25px;
 	background-color: rgba(0, 0, 0, 0.75);
 	border-radius: 100%;
 	padding: 0.5em;
 }

 .playerselectionv2-match-item-icon-img {
 	width: 12px;
 	position: absolute;
 	transform: rotate(0);
 	transition: 0.15s ease-in;
 }

 .playerselectionv2-match-item-icon-img-active {
 	transform: rotate(180deg);
 }

 .playerselectionv2-player-item-container {
 	position: relative;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	min-width: 0;
 	word-wrap: break-word;
 	background-color: #fff;
 	background-clip: border-box;
 	border: 1px solid rgba(0, 0, 0, .125);
 	border-radius: 0.25rem;
 	opacity: 0.5;
 }

 .player-selection-active {
 	opacity: 1;
 }

 .btn-player-action {
 	flex: 1;
 	border: 1px solid rgba(0, 0, 0, 0.25);
 }

 .playerselectionv2-player-seleciton-container {
 	gap: 1.25em;
 	display: flex;
 	flex-direction: column;
 }

 .playerselectionv2-player-item-name-container {
 	display: flex;
 	justify-content: center;
 	flex: 1;
 }

 .playerselectionv2-player-item-index {
 	background: rgb(255, 193, 7);
 	padding: 1em;
 	border-radius: 0.25em;
 	background: rgb(255, 193, 7);
 	padding: 1em;
 	border-radius: 0.25em;
 	width: 3.25em;
 	text-align: center;
 }

 .playerselectionv2-player-item-remove {
 	background: rgb(220, 53, 69);
 	position: absolute;
 	right: -1em;
 	top: -1em;
 	border-radius: 100%;
 	width: 30px;
 	height: 30px;
 	justify-content: center;
 	align-items: center;
 	display: flex;
 	color: #fff;
 	pointer-events: none;
 	opacity: 0;
 }

 .player-item-remove-active {
 	pointer-events: all;
 	opacity: 1;
 }

 .text-md-end {
 	margin-right: 1em;
 }

 .settings-img {
 	width: 18px;
 	margin-left: 1em;
 	opacity: 0.5;
 	cursor: pointer;
 }

 .logout-container {
 	background: #233044;
 	color: white;
 	display: flex;
 	flex-direction: column;
 	padding: 0 !important;
 	;
 }

 .logout-header {
 	padding: 1em 10em 1em 2em;
 	font-size: 16px;
 	background-color: rgba(0, 0, 0, 0.35);
 }

 .logout-action {
 	gap: 1em;
 	display: flex;
 	padding: 2em;
 	justify-content: end;
 }

 .logout-action>button {
 	background-color: transparent;
 	color: rgba(255, 255, 255, 0.75);
 	border-radius: 0.35em;
 	border: none;
 }

 .logout-action>button:nth-child(1) {
 	padding: 0.25em 1em;
 	border-bottom: 0.25px solid rgba(255, 255, 255, 0.5);
 	border-radius: 0;
 }

 .logout-action>button:nth-child(2) {
 	padding: 0.25em 3em;
 	border: 1px solid rgba(255, 255, 255, 0.5);
 }


 .assotiate-logo-container {
 	position: absolute;
 	top: 12%;
 	width: 100%;
 	display: flex;
 	justify-content: center;
 }


 .custom-popup>div {
 	pointer-events: auto;
 	overflow: hidden;
 }

 .assotiate-logo-container>img {
 	width: 55%;
 	max-width: 350px;
 }

 .main-banner-bg {
 	display: none;
 }

 .btn-play-now {
 	position: absolute;
 	display: flex;
 	right: 0;
 	bottom: 2rem;
 	width: 18.8rem;
 }

 .btn-play-now>span {
 	width: 240px;
 	padding: 0.5em;
 	font-weight: 600;
 	text-align: center;
 	border-radius: 0.25em;
 	font-size: min(2vw,20px);
 	color: #ffc107 !important;
 	border: 1px solid transparent;
 	border-color: #ffc107 !important;
 }


 .main-heading-line {
 	right: 2rem;
 	top: 10%;
 	width: 290px;
 	display: flex;
 	color: white;
 	font-weight: 700;
 	text-align: center;
 	position: absolute;
 	align-items: center;
 	justify-content: center;
 	overflow-wrap: break-word;
	font-size: min(2.5vw,28px);
 	font-family: 'Lato', sans-serif !important;
 	filter: drop-shadow(5px 5px 2px black);
 }

 .deatils-text-phone,
 .selection-header-home-container,
 .selection-banner-week-container {
 	display: none;
 }



 .selection-table-container {
 	display: flex;
 	flex-direction: column;
 	width: 100%;
 	background-color: #f8f9fa;
 	color: #000;
 }

 .selection-table-header-container {
 	display: flex;
 	flex-direction: row;
 	width: 100%;
 	background-color: #f8f9fa;
 	color: #000;
 	border-top: 2px solid #000;
 	border-bottom: 3px solid #000;
 	font-size: 15px;
 	font-weight: 700;
 }

 .selection-table-header-container>:nth-child(1) {
 	width: 15%;
 	border-right: 1px solid rgba(0, 0, 0, 0.15);
 }



 .selection-table-item-container {
 	display: flex;
 	flex-direction: column;
 	width: 100%;
 	background-color: #f8f9fa;
 	color: #000;
 	border-top: 2px solid #000;
 	border-bottom: 3px solid #000;
 	font-size: 15px;
 	height: auto;
 	overflow-y: auto;
 }



 .selection-table-item {
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	align-items: center;
 	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 	height: 3.75em;
 }

 .selection-table-item>:nth-child(1) {
 	width: 15%;
 	border-right: 1px solid rgba(0, 0, 0, 0.15);
 	padding: 0.25em 0;
 }

 .selection-icon-container {
 	display: none;
 }


 .selection-bottom-banner-container {
 	display: none;
 }

 .selection-player-text {
 	font-size: 12px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }

 .selection-list-container {
 	padding: 1em
 }


 .selection-container {
 	display: flex;
 	flex-direction: row;
 }

 .selection-container>div {
 	flex: 1;
 }


 .selection-table-item-container::-webkit-scrollbar {
 	display: none;
 }

 /* Hide scrollbar for IE, Edge and Firefox */
 .selection-table-item-container {
 	-ms-overflow-style: none;
 	/* IE and Edge */
 	scrollbar-width: none;
 	/* Firefox */
 }

 @keyframes lds-ripple {
 	0% {
 		top: 36px;
 		left: 36px;
 		width: 0;
 		height: 0;
 		opacity: 0;
 	}

 	4.9% {
 		top: 36px;
 		left: 36px;
 		width: 0;
 		height: 0;
 		opacity: 0;
 	}

 	5% {
 		top: 36px;
 		left: 36px;
 		width: 0;
 		height: 0;
 		opacity: 1;
 	}

 	100% {
 		top: 0px;
 		left: 0px;
 		width: 72px;
 		height: 72px;
 		opacity: 0;
 	}
 }


 @keyframes lds-ring {
 	0% {
 		transform: rotate(0deg);
 	}

 	100% {
 		transform: rotate(360deg);
 	}
 }



 @media print {

 	html,
 	body {
 		height: initial !important;
 		overflow: initial !important;
 		margin: 0 !important;
 		padding: 0 !important;
 		-webkit-print-color-adjust: exact;
 	}
 }

 @page {
 	size: 80mm;
 	-webkit-print-color-adjust: exact;
 }