:root{
	--blue: #0A2940;	
}

html {
	scroll-behavior: smooth;
}
body {
	font-family: "Roboto Condensed",sans-serif !important;
	font-weight: 100 !important;
	font-size: 0.7rem;
}

.tab-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    align-items: center;
    gap: 10px;
	margin-top: 10px;
 
}
.fixd_app img.img_fixd_app {
    position: fixed;
    z-index: 999;
    width: 30px;
    right: 0px !important;
    top: 50%;
}
.sidebar-main {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 17%;
    padding-left: 3px;
}   

.tab-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #205685;
    color: #fff;
    padding: 8px 10px;
    border: none;
    gap: 6px;
    cursor: pointer;
    font-size: 10px;
    line-height: 12px;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 5px;
    flex-direction: column;
    transition: 0.5s;
}

.tab-btn img {
    width: 25px;
    height: auto;

}
.tab-btn.active {
    background-color: #ffffff;
    color: #000;
    transition: 0.5s;
    transform: scale(1.02);
    box-shadow: -1px 0px 7px 0px #00000078;
}

.tab-btn.active img {
    filter: invert(1);
}


@media only screen and (max-width: 600px) {
	div#carouselExampleIndicators1 {padding: 20px 0px;}


	.card-body.bg-master2.p-1.d-flex {
		padding: 20px 0px !important;
		margin-bottom: 8px !important;
	}

	.bg-master2 {

		margin-bottom: 8px !important;
	}
	.bg-master2 .card-header.py-0 {
		padding: 15px 20px !important;
	}

	.row.py-2.bg-black.pb-5 {
		margin-top: 20px !important;
		border-radius: 10px;
		padding: 25px 0px !important;
	}
	
	.row.py-2.bg-black.pb-5 .col-sm-3.col-xs-6 {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	
	.col-sm-12.bg-master2.rounded {
		padding: 20px;
	}
	
	fieldset.card.banner-card.border-master.p-0 .col-sm-2.col-xs-4.mt-2.p-0 {
		display: flex;
		justify-content: space-around;
		align-items: flex-start;

	}
	
	
	fieldset.card.banner-card.border-master.p-0 .col-sm-2.col-xs-4.mt-2.p-0 .bg-back {
		height: 35px !important;
		min-height: 35px !important;
	}
	
	span.card-team-name-r {
		text-align: center !important;
	}
	
	.col-sm-5.col-xs-4.card-team.pt-0.pr-3 {
		text-align: center;
	}
	
	.col-sm-5.col-xs-4.card-team.pt-0.pl-3 {
		text-align: center !important;
	}


	.tab-content {
		margin-top: -8px;		
	
	}
	
	.main-header {
		height: 50px !important;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	
	
	div#my-news marquee#newsdivs {
		color: #000 !important;
		font-size: 10px !important;
	}

	div#carouselExampleIndicators .carousel-item img {
		height: 150px !important;
		object-fit: fill !important;
	}

	.celebdiv .card-body.p-1 {
		padding: 10px !important;
	}
	
	.celebdiv .card-body.p-1 .my-1 {
		padding: 0px 5px !important;
	}
	
  }

.tab-content-item {
    display: none;
}
.tab-content {
    width: 100%;
}
.tab-content-item.active {
    display: block;
}

.grid2-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}


.grid1-main {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}

.celebdiv img{
	transition: 0.5s;

}

.celebdiv img:hover {
    transition: 0.5s;
    filter: brightness(0.7);
    transform: scale(1.04);
}

.grid2-item img:hover {
    transition: 0.5s;
    filter: brightness(0.7);
    transform: scale(1.04);
}

.grid2-item img {
    width: 100%;
    border-radius: 8px;
    transition: 0.5s;
    height: 120px;
    object-fit: fill;
}

/* Mobile only design */
@media (max-width: 768px) {
    .tabs {
        flex-direction:column;
    }
}



.form-control {
	background-color: #E8EDF2 !important;
	border-radius: 0.3rem !important;
}
.card,.card-body {
	border-radius: 0.4rem !important;
}
.card-header {
	border-radius: 0.3rem !important;
}
#newsdivs{
	color: white !important;
}
.card{
	margin-bottom: 0.3rem;
}
.navbar-nav .nav-link{
	color: #fff !important;
}

.bg-body{
	background: #1d4369 !important;
	color: #FFF !important;
}
.border-master{
	border: solid 1px #1d4369 !important;;
}
.border-master2{
	border: solid 1px #276aa5 !important;;
}


.bg-master{
	background: #205685 !important;
	color: #fff !important;
}
.bg-master a{
	color: #fff !important;
}
.bg-master2{
	background: #276aa5 !important;
	color: #fff !important;
	font-weight: 500;
}
.bg-master2.active{
	background: #0a2940 !important;
	border: solid 1px white !important;
}
.bg-sub-master, .dropdown-item:hover{
	background: #d3dee8;
}
#my-news{
	padding-top: 0.3rem;
}
.news-remove{
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1rem;
	background:#276aa5 !important;
	;
	padding: 0.2rem 0.5rem 0.2rem 0.5rem;
}
.nav-link.active{
	background: #0a2940 !important;
}
.nav-link:hover{
	background: #86b1d6 !important;
	color: #000 !important;
}
.d-block .nav-link:hover{
	background: #205685 !important;
	color: #fff !important;
}
tbody tr:hover{
	background: #86b1d6 !important;
}
.widget-card{
	
	/*box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
	border-radius: 0.25rem;*/
	/*background: #276aa5;*/
	
	display: flex;
	/*min-height: 80px;*/
	padding: 0.5rem;
	width: 100%;
	overflow-x: auto;
}

.widget-card .active{
	background: #0a2940 !important;
	color: white !important;
	border: solid 1px white !important;
}

.widget-item{
	background: #C4C4C4;
	color: #000 !important;
	margin-right: 0.2rem;
	display: flex;
	cursor: pointer;
	text-align: center;
	padding: 0.1rem 1.5rem;
	font-size: 1rem;
	border-radius: 1rem;
}
.widget-item:hover{
	background: #86b1d6 !important;
	color: #000;
}
.widget-item span{
	display: block;
	font-size: 1rem;
}

.card-forward{
	cursor: pointer;
	position: sticky;
	right: 2px;
	margin-top: 3.5vw;
	z-index: 60;
	font-size: 1.2rem;
	color: white;
}
.card-backward{
	cursor: pointer;
	position: sticky;
	left: 2px;
	margin-top: 3.5vw;
	z-index: 60;
	font-size: 1.2rem;
	color: white;
}

.card-forward2{
	cursor: pointer;
	position: sticky;
	right: 2px;
	margin-top: 4.5vw;
	z-index: 60;
	font-size: 1.2rem;
	color: white;
}
.card-backward2{
	cursor: pointer;
	position: sticky;
	left: 2px;
	margin-top: 4.5vw;
	z-index: 60;
	font-size: 1.2rem;
	color: white;
}

.card-forward3{
	cursor: pointer;
	position: sticky;
	right: 2px;
	margin-top: 9.5vw;
	z-index: 60;
	font-size: 1.2rem;
	color: white;
}
.card-backward3{
	cursor: pointer;
	position: sticky;
	left: 2px;
	margin-top: 9.5vw;
	z-index: 60;
	font-size: 1.2rem;
	color: white;
}

.bg-master-card{
	border: solid 1px #276aa5;
	background: rgba(0,0,0,0);
	padding: 0.1rem 0.2rem !important;
}
.info-box-content{
	overflow: unset !important;
	padding: 0 !important;
	background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(186,186,186,1) 100%);
	color: black;
}
.master-card-title{
	padding: 0 0.4rem;
	font-size: 0.6rem;
	background: -webkit-linear-gradient(left, #1d4369, #26587f, #1d4369); 
	color: #FFF !important;  
}
.card-team{
	font-size: 0.6rem;
	padding: 1rem 0 0 0;
}
.card-team img{
	width: 35px !important;
	height: 35px !important;
}
.scoredetail{
	padding: 2rem 0 0 0 !important;
	font-size: 0.5rem;
}
.card-score-number{
	z-index: -1;
	padding: 0.2rem;
	border-radius: 4px;
	
	background: linear-gradient( to bottom, #0a2940 0%, #0a2940 50%, #6393b7 100% );
	color: #FFF !important;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	vertical-align: middle;
}
.card-button{
	font-size: 0.6rem;
	width: 100%;
	color: #fff;
	background: #276aa5 !important;
	border-color: rgba(0,0,0,0) !important;
	border-radius: .1rem;
}
.card-button:hover{
	background: #205685 !important;
}

.card-title{
	font-size: .875rem !important;
}

.brandstick {
	right: 0px;
	z-index: 10;
	bottom: 11rem;
}
.celeb_img .viddiv {
	position: absolute;
	background: rgba(255, 255, 255, 0.2);
	width: calc(100% - 0.9rem) !important;
	text-align: center;
	opacity: 0;
}
.celeb_img .viddiv .fa-duotone {
	position: absolute;
	top: calc(50% - 1.8rem);
	left: calc(50% - 1.8rem);
	color: #000 !important;
}
.celeb_img:hover .viddiv {
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-transform: translatey(0);
	-webkit-transform: translatey(0);
	transform: translatey(0);
}
.cardtag {
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	width: 100%;
	z-index: 1;
}
.main-footer .btn {
	font-size: 12px !important;
}
.dark-mode {
	background: #22262a !important;
}
.main-header {
	border-bottom: 0;
}
.shake:hover {
	animation: shake 0.5s;
	animation-iteration-count: infinite;
}
.main-header .nav-link {
	border-radius: 50rem !important;
	height: 2rem;
	padding-bottom: 1.6rem;
}
a {
	color: unset !important;
}
.dark-mode a {
	color: #ffffff !important;
}
.navbar-nav .nav-hover:hover a {
	background: #666262 !important;
	color: #ffffff !important;
}
.card-nav {
	min-width: 5.5rem;
	max-width: max-content;
	padding: 0px !important;
	margin-bottom: 0.25rem;
	font-weight: 600;
}
.card-nav .card-body{
	white-space: nowrap;
}
.card-nav:hover {
	background: #b3c6e5 !important;
	
	cursor: pointer;
	width: max-content;
}
.menu-notify{
	font-size: 0.7rem;
	/*background: #f8f9fa !important;*/
	background: #FF7300 !important;

	padding: 0 0.25rem 0 0.25rem  !important;
	border-radius: 0.25rem!important;
	color: #fff;
	font-weight: 500;
}
.menu-notify2{
	font-size: 0.7rem;
	/*background: #f8f9fa !important;*/
	background: #FF7300 !important;

	padding: 0 0.25rem 0 0.25rem  !important;
	border-radius: 0.25rem!important;
	color: #fff;
	font-weight: 500;
	/*float: right !important;*/
}
.exch-panel {
	height: 89vh !important;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}
.exch-panel-left {
	min-height: 57vh !important;
	max-height: 89vh !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	padding-left: 0.8rem;
	background: #1d4369 !important;
	color: #FFF !important;
}
.card-header {
	padding-bottom: 0.25rem !important;
	padding-top: 0.25rem !important;
}
.pointer, .point-cursor {
	cursor: pointer !important;
}
.form-control {
	height: calc(1.8125rem + 2px) !important;
	padding: 0.25rem 0.5rem !important;
	line-height: 1.5 !important;
	border-radius: 0.2rem !important;
}
.btn-sm {
	padding: 0.25rem 0.5rem !important;
	line-height: 1.5 !important;
	border-radius: 0.2rem !important;
}
.table {
	white-space: nowrap !important;
}
.content-header {
	padding: 0.5rem !important;
}
.modal-header {
	padding-bottom: 0.5rem !important;
	padding-top: 0.5rem !important;
}
.modal-footer {
	padding-bottom: 0.5rem !important;
	padding-top: 0.5rem !important;
}
.input-group-text {
	height: calc(1.8125rem + 2px);
}
#divLoading.show {
	display: block;
	position: fixed;
	z-index: 100;
	background: #ccc;
	opacity: 0.4;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
}


.my-event {
	background: #f4f4f4 !important;
	color: #000 !important;
}
.eventcricket{
	background: white !important;
	margin-bottom: 0.75rem;
}

.dark-mode .my-event:hover {
	background: #666262 !important;
	color: #ffffff !important;
}
.wrapper {
	background-color: #e8edf2;
}
.celebdiv{
	border-radius: 1rem;
	/* background: linear-gradient(180deg, #DEDEDE 0%, #FAFAFA 54.17%, #FFFFFF 100%),linear-gradient(0deg, #FF9700, #FF9700); */
	background: #FFF;
	color: #000;
	text-align: center;
}
.celebdiv .fa-solid{
	color: #000 !important;
}
.celebdiv .card-header{
	background: #adb5bd;
	color: white;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}
.profile-user-img{
	border-radius: 1rem !important;
	border: 1px solid #286aa5 !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
.team-body{
	background: linear-gradient(90deg, #f7d894 0 , #f76060 100%) !important;
	color: #000 !important;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 5px, rgba(0, 0, 0, 0.22) 0px 5px 5px;
}
.team-body1{
	background: linear-gradient(90deg, #f7d894 0 , #e59760 100%) !important;
	color: #000 !important;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 5px, rgba(0, 0, 0, 0.22) 0px 5px 5px;
}
.team-body2{
	background: linear-gradient(90deg, #83a4d4 0 , #b6fbff 100%) !important;
	color: #000 !important;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 5px, rgba(0, 0, 0, 0.22) 0px 5px 5px;
}
.team-body3{
	background: linear-gradient(90deg,#ddd6f3 0,#faaca8 100%) !important;
	color: #000 !important;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 5px, rgba(0, 0, 0, 0.22) 0px 5px 5px;
}
.team-body4{
	background: linear-gradient(90deg,#50C9C3 0,#96DEDA 100%) !important;
	color: #000 !important;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 5px, rgba(0, 0, 0, 0.22) 0px 5px 5px;
}
.team-body5{
	background: linear-gradient(90deg,#DAE2F8 0,#D6A4A4 100%) !important;
	color: #000 !important;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 5px, rgba(0, 0, 0, 0.22) 0px 5px 5px;
}
.team-body6{
	background: linear-gradient(90deg,#24C6DC 0,#918dc1 100%) !important;
	color: #000 !important;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 5px, rgba(0, 0, 0, 0.22) 0px 5px 5px;
}

.banner-card{
	color: #000 !important;
	/*position: absolute;*/
	bottom: 0;
	width: 90%;
	padding: 0;
	text-align: center;
	margin: 1rem 5%;
	margin-top: 0rem !important;
	
	border-radius: 1rem;
	/* background: linear-gradient(180deg, #DEDEDE 0%, #FAFAFA 54.17%, #FFFFFF 100%),linear-gradient(0deg, #FF9700, #FF9700); */
	background: #FFF !important;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 15px, rgba(0, 0, 0, 0.22) 0px 15px 15px;
	z-index: 1;
}
.banner-card>legend{
	margin: 0;
	width: unset !important;
	padding-top: 1.3rem !important;
}
.banner-card>legend>span{
	border-radius: 0rem 0rem 0.5rem 0.5rem !important;
}
.team_logo{
	width: 50px;
	height: 50px;
	border-radius: 25px;
	border: solid 0.1rem #c6c6c6 !important;
}
.card-team{
	padding: 1rem 0.2rem;
}
.card-team-name-r{
	padding: 0.5rem 0;
	font-size: 0.8rem;
	font-weight: 600;
}
.card-team-name{
	padding: 0.5rem 0;
	font-size: 0.8rem;
	font-weight: 600;
}
.banner-versus{
	background: #031e3c;
	padding: 0.5rem;
	color: #FFF;
	font-size: 13px;
	
	border-radius: 3rem;
	border: solid 3px white !important;
}

.banner-card-title{
	font-size: 12px;
	font-weight: 600;
	border: solid 1px grey;
	padding: 0.5rem;
	border-radius: 0.5rem;
	background: linear-gradient(180deg, #DEDEDE 0%, #FAFAFA 54.17%, #FFFFFF 100%),linear-gradient(0deg, #FF9700, #FF9700);
	
}
.banner-card-title2{
	font-size: 12px;
	font-weight: 600;
	border: solid 1px grey;
	padding: 0.2rem 0.5rem;
	border-radius: 0.5rem;
	background: linear-gradient(180deg, #DEDEDE 0%, #FAFAFA 54.17%, #FFFFFF 100%),linear-gradient(0deg, #FF9700, #FF9700);
	position: absolute;
	bottom: -8px;
	margin: 0 -13%;
}
.banner-pill{
	padding: 0.3rem;
	border: solid 1px grey;
	border-radius: 1rem;

}
.btn-spe {
	padding: 13px 1px;
	background: linear-gradient(90deg, #205685 0%, #396284 100%);
	color: white;
	border: solid 1px grey !important;
	font-size: 11px;
	width: 100%;
	margin-bottom: 0;

}

.btn-spe.active {
	background: #FFF;
	border: solid 1px white !important;
	color: black;
}

.btn-spe-f {
	border-top-right-radius: 1rem;
}

.btn-spe-l {
	border-bottom-right-radius: 1rem;
}

.btn-spe>i {
	font-size: 25px;
}

.btn-spe2 {
	padding: 4px 5px;
	background: linear-gradient(90deg, #205685 0%, #396284 100%);
	color: white;
	border: solid 1px grey !important;
	font-size: 15px;
	margin-bottom: 0;

}

.btn-spe2-f {
	border-top-left-radius: 1rem;
}

.btn-spe2-l {
	border-bottom-left-radius: 1rem;
}

.img-spe {
	/*margin-left: 10px;*/
	width: 90%;
	height: 137px;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	border: 1px solid #286aa5 !important;
	margin-bottom: 0rem;
}

.img-spe.spe-three {
	height: 89px !important;
}

.tab-img-div {
	position: relative;
	bottom: 0;
	color: #fff;
	text-transform: uppercase;
	margin: -25px 0 7.5px 10px;
	width: 90%;
	text-align: center;
	font-size: 17px;
	font-weight: 700;
	background: rgb(0 0 0 / 50%);
	z-index: 1;
	border-bottom-right-radius: 1rem;
}
.my-0-5{
	margin-top: 0.05rem !important;
	margin-bottom: 0.05rem !important;
}
.cashout{
	font-weight: bold;
	border: solid 2px #ffc107;
	padding: 0rem 0.25rem !important;
	font-size: 9px;
	background: #383838;
	color: #ffc107;
	border-radius: 0.2rem !important;
	margin-top: -5px;
}
.btn-login{
	background: linear-gradient(90deg, #009dff 0%, #0176bf 100%) !important;
	border: solid 1px white;
	border-radius: 0.5rem !important;
	color: white !important;
}
.btn-register{
	background: linear-gradient(90deg, #FF9700 0%, #FF7300 100%) !important;
	border: solid 1px white;
	border-radius: 0.5rem !important;
	color: white !important;
}
.floating-wp{
	background-color:#29B159;
	color: #FFF !important;
	font-weight: 500;
	bottom: 25px;
	z-index: 60;
	right: 26px;
	position: fixed !important;
	border-radius: 2rem !important;
}
.floating-wp img {
	width: 52px;
}

.card-body,.bg-light{
	padding-bottom: 0.2rem !important;
}
.btn-fantasy {
	position: absolute;
	z-index: 10;
	right: 18px;
	margin-top: -56px;
	font-size: 12px !important;
	padding: 0 0.5rem !important;
	border-radius: 1rem !important;
}
#betslipcard2 {
	margin-bottom: 70px !important;
}
.overflow-x-auto {
	overflow-x: auto !important;
	overflow-y: unset !important;
}
@media all and (min-width: 992px) {
	.navbar .nav-item:hover .dropdown-menu.py-1 { 
		display: block;
		left: 0px; 
		right: inherit;
	}
}

.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	padding: 0 !important;
	border: solid 2px white;
}
.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
}
.hovereffect img {
	display: block;
	position: relative;
	-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
}
.hovereffect h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transform: translatey(-100px);
	-ms-transform: translatey(-100px);
	transform: translatey(-100px);
	-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	padding: 10px;
}
.hovereffect a.info {
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	color: #fff !important;
	border: 1px solid #fff;
	border-radius: 0.5rem;
	background: transparent;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-top: 5vh;
	padding: 7px 14px;
}


.hovereffect:hover{
	
	animation-name: cardhover;
	animation-duration: 0.3s;
	margin-top: -0.4rem;
}
@keyframes cardhover {
	0% {
		margin-top: 0;
	}
	100% {
		margin-top: -0.4rem;
	}
} 
.hovereffect a.info:hover {
	box-shadow: 0 0 5px #fff;
}/*
.hovereffect:hover img {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}*/

.hovereffect:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
}
.hovereffect:hover h2, .hovereffect:hover a.info {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-transform: translatey(0);
	-webkit-transform: translatey(0);
	transform: translatey(0);
}
.hovereffect:hover a.info {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.max-content {
	min-width: max-content !important;
}
.bg-back {
	font-weight: 500;
	font-size: 0.6rem;
	background: #6bc0ff !important;
	color: #000 !important;
	min-height: 43px;
	text-align: center;
	border-radius: 5px;
}
.bg-table-back {
	background: #6bc0ff !important;
	color: #000 !important;
}
.bg-table-lay {
	background: #ff8282 !important;
	color: #000 !important;
}
.text-back {
	color: #23a3ff !important;
	font-weight: 500;
}
.text-lay {
	color: #ff6868 !important;
	font-weight: 500;
}
.bg-lay {
	font-weight: 500;
	font-size: 0.6rem;
	background: #ff8282 !important;
	color: #000 !important;
	min-height: 43px;
	text-align: center;
	border-radius: 5px;
}
.bg-back1 {
	font-size: 0.6rem;
	/*font-weight: 600;*/
	background: #6bc0ff !important;
	color: #000 !important;
	min-height: 43px;
	text-align: center;
	border-radius: 5px;
}
.bg-lay1 {
	font-size: 0.6rem;
	/*font-weight: 900;*/
	background: #ff8282 !important;
	color: #000 !important;
	min-height: 43px;
	text-align: center;
	border-radius: 5px;
}
.bg-back2 {
	font-size: 0.6rem;
	background: #6bc0ff !important;
	color: #000 !important;
	text-align: center;
}
.bg-lay2 {
	font-size: 0.6rem;
	background: #ff8282 !important;
	color: #000 !important;
	text-align: center;
}
.bg-back-light {
	font-size: 0.6rem;
	background: #c1e6ff !important;
	color: #000 !important;
	min-height: 43px;
	text-align: center;
	border-radius: 5px;
}
.bg-lay-light {
	font-size: 0.6rem;
	background: #ffd8e2 !important;
	color: #000 !important;
	min-height: 43px;
	text-align: center;
	border-radius: 5px;
}
.bg-back-light-active {
	font-size: 0.6rem;
	background: #aaddff !important;
	color: #000 !important;
	min-height: 43px;
	text-align: center;
	border-radius: 5px;
}
.bg-lay-light-active {
	font-size: 0.6rem;
	background: #ffbfcf !important;
	color: #000 !important;
	min-height: 43px;
	text-align: center;
	border-radius: 5px;
}
.event-suspend {
	background: rgba(0, 0, 0, 0.5);
	z-index: 10;
	position: absolute;
	top: 0;
	height: 100%;
	width: 200%;
	border: solid 1px #ccc;
	justify-content: center;
	padding: 12px;
	left: 0;
	font-weight: 700;
	text-align: center;
	color: #fff;
}
.bookmaker-suspend {
	background: #fff;
	z-index: 10;
	position: absolute;
	top: 0;
	height: 100%;
	width: 200%;
	border: solid 1px #ccc;
	justify-content: center;
	padding: 12px;
	left: 0;
	font-weight: 700;
	text-align: center;
}
.market-suspend-2 {
	background: rgba(0, 0, 0, 0.5);
	z-index: 100;
	position: absolute;
	top: 0;
	height: 200%;
	width: 600%;
	border: solid 1px #ccc;
	justify-content: center;
	padding-top: 29px;
	left: 0;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color:#FFF;
}
.market-suspend-3 {
	background: rgba(255, 255, 255, 0.5);
	z-index: 100;
	position: absolute;
	top: 0;
	height: 300%;
	width: 600%;
	border: solid 1px #ccc;
	justify-content: center;
	padding-top: 53px;
	left: 0;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
}
.market-header1 {
	max-height: 23px !important
}
.font-10 {
	font-size: 10px !important
}
.font-11 {
	font-size: 11px !important
}
.font-12 {
	font-size: 12px !important
}
.font-13 {
	font-size: 13px !important
}
.font-14 {
	font-size: 14px !important
}
.font-15 {
	font-size: 15px !important
}
.font-16 {
	font-size: 16px !important
}
.font-17 {
	font-size: 17px !important
}
.font-18 {
	font-size: 16px !important
}
.font-19 {
	font-size: 19px !important
}
.font-20 {
	font-size: 20px !important
}
.fa-1-5x {
	font-size: 1.5rem;
}
#betslipcard {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 100;
}
.carousel-inner{
	border-radius: 0.25rem!important;
}
.carousel-inner .carousel-item img {
	width: 100%;
	height: 100%;
}


@media (min-width: 721px) {
	.col-md-1.bg-back1,.col-md-1.bg-lay1 {
		max-width: 8% !important;
		margin: 5px 0 0 5px !important;
		min-height: 38px !important;
		height: 38px !important;
		padding-top: 11px !important;
	}
	.bookmaker-suspend{
		width: 205% !important;
	}
	.col-sm-6.bg-back {
		max-width: 47.5% !important;
		margin: 0 2px !important;
	}
	.col-sm-6.bg-lay {
		max-width: 47.5% !important;
		margin: 0 2px !important;
	}

	.col-sm-2.bg-back {
		max-width: 15.1% !important;
		margin: 0 2px !important;
	}
	.col-sm-2.bg-lay {
		max-width: 15.1% !important;
		margin: 0 2px !important;
	}
	.col-sm-2.bg-back-light {
		max-width: 15.1% !important;
		margin: 0 2px !important;
	}
	.col-sm-2.bg-lay-light {
		max-width: 15.1% !important;
		margin: 0 2px !important;
	}
	.col-sm-2.bg-back-light-active {
		max-width: 15.1% !important;
		margin: 0 2px !important;
	}
	.col-sm-2.bg-lay-light-active {
		max-width: 15.1% !important;
		margin: 0 2px !important;
	}
	::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
		border-radius: 10px;
		background: #f5f5f5;
	}

	::-webkit-scrollbar {
		width: 1px;
		height: 1px;
		background: #f5f5f5;
	}

	::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background: rgba(0, 0, 0, 0.09);
	}


	.btn-fantasy {
		margin-top: -2.75rem !important;
		right: 59% !important;
	}

}
@media (max-width: 720px) {
	
	.floating-wp img {
		width: 46px !important;
	}
	#betslipcard2 {
		margin-bottom: 26px !important;
	}
	.col-xs-6.bg-back,.col-xs-6.bg-lay {
		max-width: 48% !important;
		margin-right: 0.15rem !important;
	}

	
	.col-xs-2.bg-back1,.col-xs-2.lay2 {
		max-width: 16% !important;
		margin: 0 1px !important;
	}
	body {
		font-weight:400 !important;
	}

	.team_logo{
		width: 45px !important;
		height: 45px !important;
		
	}

	.scoredetail{
		font-size: 0.8rem;
	}
	.card-forward2{
		margin-top: 18.5vw !important;
	}
	.card-backward2{
		margin-top: 18.5vw !important;
	}
	
	.card-forward3{
		margin-top: 31.5vw !important;
	}
	.card-backward3{
		margin-top: 31.5vw !important;
	}
	
	
	.carousel-inner .carousel-item img {
		height: 100%;
	}
	.show-menu {
		position: fixed;
		z-index: 1000;
		width: 50%;
		margin-top: 0rem;
	}
	.d-xs-none {
		display: none !important;
	}
	.d-sm-none {
		display: flex !important;
	}
	.col-xs-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100% !important;
	}
	.col-xs-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333% !important;
	}
	.col-xs-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667% !important;
	}
	.col-xs-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25% !important;
	}
	.col-xs-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333% !important;
	}
	.col-xs-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667% !important;
	}
	.col-xs-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		padding-top: 1px;
		max-width: 50% !important;
	}
	.col-xs-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333% !important;
	}
	.col-xs-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667% !important;
	}
	.col-xs-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75% !important;
	}
	.col-xs-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333% !important;
	}
	.col-xs-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667% !important;
	}
	.col-xs-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100% !important;
	}
	#betslipcard {
		bottom: 2.7rem;
		max-width: 100%;
		left: 0;
	}
	.betslipcard{
		min-width:100%;
	}
	.navbar-expand .navbar-nav .nav-link {
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;	
	}

	#inplay-list{
		text-align: center;
	}
	
	.col-xs-2.bg-back1,.col-xs-2.bg-lay1{
		max-width : 14% !important;
		min-height : 27px !important;
		height : 27px !important;
		padding: 0.2rem 0 !important;
		margin: 0 0.25rem !important;
	}
	.inplay-banner-card {
		color: #000;
		bottom: 0;
		width: 90%;
		padding: 0;
		text-align: center;
		margin: 0 5%;
		margin-top: auto !important;
		margin-bottom: auto !important;
		border-radius: 1rem;
		box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 15px, rgba(0, 0, 0, 0.22) 0px 15px 15px;
		z-index: 1;
	}

}

.imgborder{
	border-radius: 20%;
	/*border: 1px solid #276AA5;
	padding: 2px;*/
}
.bal-btn{
	border-radius: 1rem !important;
	padding: 0 1rem !important;
}

.card-tools .btn-tool{
	color: #FFF !important;
}


.inplay-card{
	border : solid 1px #276aa5 !important;
	border-radius: 0.5rem !important;
	border-top-right-radius: 0 !important;
	border-top-left-radius: 0 !important;

}
.my-event{

	border-radius: 0.5rem !important;
	background: #FFF !important;
}
.inplay-btn{
	background: linear-gradient(90deg, #009dff 0%, #0176bf 100%) !important;
	color: #FFF !important;
	border : solid 1px #276aa5 !important;
	border-radius: 0.5rem 0.5rem 0 0 !important;
	border-bottom: 0 !important;
	padding: 0.1rem 0.5rem !important;
	width: 95% !important;

	margin-bottom: -1.2px !important;
}
.inplay-btn.active{
	background: #FFF !important;
	color: #000 !important;
}
.cust-title {
	display: inline-block;
	color: #FFF;
	background: linear-gradient(90deg, #009dff 0%, #0176bf 100%) !important;
	padding: 0.25em 0.4em;
	font-size: 14px !important;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.5rem;
	margin-top: -4px;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
.border-master{
	border: solid 1px linear-gradient(90deg, #009dff 0%, #0176bf 100%) !important;
}
.celebdiv h6{
	background: linear-gradient(90deg, #009dff 0%, #0176bf 100%) !important;
	color: #FFF !important;
	z-index: 1;
	position: relative;
	left: 0;
	width: 100%;
	padding: 0.25rem 0;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	margin-top: -26px;
}


/* Bottom Navigation Start */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Poppins", sans-serif;
}
:root {
	/* --clr: #222327; */
	--clr: rgba(0,0,0,0);
}

.navigation {
	position: fixed;
	width: 100%;
	height: 70px;
	background: linear-gradient(90deg, #009dff 0%, #0176bf 100%) !important;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	border: solid 6px white;
	border-bottom: 0 !important;
	border-left: 0px !important;
	border-right: 0px !important;
	bottom: 0 !important;
	font-size: 15px;
	z-index: 1000;
}
.navigation ul {
	display: flex;
	width: 350px;
}
.navigation ul li {
	position: relative;
	list-style: none;
	width: 70px;
	height: 50px;
	z-index: 1;
}
.navigation ul li a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	text-align: center;
	font-weight: 600;
}
.navigation ul li a .icon {
	position: relative;
	display: block;
	line-height: 75px;
	font-size: 1.5em;
	text-align: center;
	transition: 0.5s;
	color: #FFF;
}
.navigation ul li.active a .icon {
	transform: translateY(-32px);
}
.navigation ul li a .text {
	position: absolute;
	color: #FFF;
	font-weight: 500;
	font-size: 0.75em;
	letter-spacing: 0.05em;
	transition: 0.5s;
	opacity: 0;
	transform: translateY(20px);
}
.navigation ul li.active a .text {
	opacity: 1;
	transform: translateY(10px);
}
.indicator {
	position: absolute;
	top: -32%;
	width: 50px;
	height: 50px;
	background: linear-gradient(180deg,#e17c28,#dc6502) repeat-x!important;
	border-radius: 50%;
	border: 4px solid white;
	transition: 0.5s;
	margin-left: 10px;
}
.indicator::before {
	content: "";
	position: absolute;
	top: 39%;
	left: -20px;
	width: 20px;
	height: 24px;
	background: transparent;
	border-top-right-radius: 20px;
	box-shadow: 1px -6px 0 0 #FFF;
}
.indicator::after {
	content: "";
	position: absolute;
	top: 39%;
	right: -20px;
	width: 20px;
	height: 22px;
	background: transparent;
	border-top-left-radius: 20px;
	box-shadow: -1px -6px 0 0 #FFF;
}

/* Indicator Transitions */
.navigation ul li:nth-child(1).active ~ .indicator {
	transform: translateX(calc(70px * 0));
}
.navigation ul li:nth-child(2).active ~ .indicator {
	transform: translateX(calc(70px * 1));
}
.navigation ul li:nth-child(3).active ~ .indicator {
	transform: translateX(calc(70px * 2));
}
.navigation ul li:nth-child(4).active ~ .indicator {
	transform: translateX(calc(70px * 3));
}
.navigation ul li:nth-child(5).active ~ .indicator {
	transform: translateX(calc(70px * 4));
}
/* Bottom Navigation End */

  .video-player-label {
    color: #fff;
    display: block;
    border-radius: 0;
    position: relative;
    font-size: 10px;
    text-transform: uppercase;
    padding: 5px 5px;
    font-weight: 600;
    width: 70%;
    left: 0;
    z-index: 9;
    bottom: 0;
    border-top-left-radius: 5px;
			  }
			  
			.video-player-label:before  {
				  content: "";
    clip-path: polygon(0 -1px, 100% -1px, 1px 100%, 0 100%);
    width: 17px;
    height: calc(100% + 0px);
    background: linear-gradient(180deg, #0a2940 0, #0a2940);
    position: absolute;
    right: -16px;
    top: 0;
    height: 25px;
				  }