@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Hind:wght@300;400&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);


/* @import url(theme.css); */

/* @import url(https://sitethemedata.com/v55/static/front/css/fonts.css?ver=181); */

/* @import url(https://use.fontawesome.com/releases/v5.7.0/css/all.css); */
/* @import url(https://sitethemedata.com/v76/static/front/css/fonts.css?ver=181); */
@import url(font.css);
/* @import url(https://sitethemedata.com/v37/static/front/css/responsive.min.css?ver=177); */
@import url(custom.css);
@import url(responsive.css);


/* @import url(https://sitethemedata.com/v37/static/front/css/bootstrap.min.css?ver=177);
@import url(https://sitethemedata.com/v37/static/front/css/style.min.css?ver=177);
@import url(https://use.fontawesome.com/releases/v5.7.0/css/all.css);
@import url(https://cdn.jsdelivr.net/npm/animate.css@3.5.1);
@import url(https://sitethemedata.com/v37/static/front/css/control.min.css?ver=177);
@import url(https://sitethemedata.com/v37/static/front/css/color.css?ver=177);
@import url(https://sitethemedata.com/v37/static/front/css/animation.css?ver=177);
@import url(https://sitethemedata.com/v37/static/front/css/animation-mobile.css?ver=177);*/
/* @import url(https://sitethemedata.com/v37/static/front/css/responsive.min.css?ver=177);  */
/* @import url(https://sitethemedata.com/v37/static/front/css/main.css?ver=177);
@import url(https://fonts.gstatic.com);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap);
@import url(https://sitethemedata.com/v37/static/front/css/custom.css?ver=177);  */

:root {
	--bg-body: #23292E;
	--text-body: #AAAFB5;
	--bg-sidebar: #16191C;
	--text-sidebar: #AAAFB5;
	--bg-table: #2E3439;
	--text-table: #AAAFB5;
	--bg-table-header: #3c444b;
	--text-table-header: #AAAFB5;
	--text-highlight: #ffffff;
	--text-fancy: #FDCF13;
	--btn-primary: #03B37F;
	--btn-secondary: #03B37F52;
	--btn-reset: #FC4242;
	--bg-tabs: #03b37f33
}





.negative {
	color: red !important;
}

.positive {
	color: green !important;
}

.text-green {
	color: green !important;
}

.text-red {
	color: red !important;
}

.btn.btn-default.maindroppa {
	text-transform: uppercase;
}

.d-icon {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'dfont' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-66:before {
	content: "\e944";
}

.icon-suits:before {
	content: "\e943";
}

.icon-998:before {
	content: "\e942";
}

.icon-tv:before {
	content: "\e901";
}

.icon-999:before {
	content: "\e900";
}

.icon-1:before {
	content: "\e902";
}

.icon-2:before {
	content: "\e903";
}

.icon-3:before {
	content: "\e904";
}

.icon-4:before {
	content: "\e905";
}

.icon-5:before {
	content: "\e906";
}

.icon-6:before {
	content: "\e907";
}

.icon-7:before {
	content: "\e908";
}

.icon-8:before {
	content: "\e909";
}

.icon-9:before {
	content: "\e90a";
}

.icon-10:before {
	content: "\e90b";
}

.icon-11:before {
	content: "\e90c";
}

.icon-12:before {
	content: "\e90d";
}

.icon-13:before {
	content: "\e90e";
}

.icon-14:before {
	content: "\e90f";
}

.icon-15:before {
	content: "\e910";
}

.icon-16:before {
	content: "\e911";
}

.icon-17:before {
	content: "\e912";
}

.icon-18:before {
	content: "\e913";
}

.icon-19:before {
	content: "\e914";
}

.icon-20:before {
	content: "\e915";
}

.icon-21:before {
	content: "\e916";
}

.icon-22:before {
	content: "\e917";
}

.icon-23:before {
	content: "\e918";
}

.icon-24:before {
	content: "\e919";
}

.icon-25:before {
	content: "\e91a";
}

.icon-26:before {
	content: "\e91b";
}

.icon-27:before {
	content: "\e91c";
}

.icon-28:before {
	content: "\e91d";
}

.icon-29:before {
	content: "\e91e";
}

.icon-30:before {
	content: "\e91f";
}

.icon-31:before {
	content: "\e920";
}

.icon-32:before {
	content: "\e921";
}

.icon-33:before {
	content: "\e922";
}

.icon-34:before {
	content: "\e923";
}

.icon-35:before {
	content: "\e924";
}

.icon-36:before {
	content: "\e925";
}

.icon-37:before {
	content: "\e926";
}

.icon-38:before {
	content: "\e927";
}

.icon-39:before {
	content: "\e928";
}

.icon-40:before {
	content: "\e929";
}

.icon-41:before {
	content: "\e92a";
}

.icon-42:before {
	content: "\e92b";
}

.icon-43:before {
	content: "\e92c";
}

.icon-44:before {
	content: "\e92d";
}

.icon-46:before {
	content: "\e92e";
}

.icon-47:before {
	content: "\e92f";
}

.icon-48:before {
	content: "\e930";
}

.icon-49:before {
	content: "\e931";
}

.icon-50:before {
	content: "\e932";
}

.icon-51:before {
	content: "\e933";
}

.icon-52:before {
	content: "\e934";
}

.icon-53:before {
	content: "\e935";
}

.icon-54:before {
	content: "\e936";
}

.icon-55:before {
	content: "\e937";
}

.icon-56:before {
	content: "\e938";
}

.icon-57:before {
	content: "\e939";
}

.icon-58:before {
	content: "\e93a";
}

.icon-59:before {
	content: "\e93b";
}

.icon-60:before {
	content: "\e93c";
}

.icon-61:before {
	content: "\e93d";
}

.icon-62:before {
	content: "\e93e";
}

.icon-63:before {
	content: "\e93f";
}

.icon-64:before {
	content: "\e940";
}

.icon-65:before {
	content: "\e941";
}

@font-face {
	font-family: numeric;
	src: url(../fonts/numeric.ttf)
}

@font-face {
	font-family: antonio;
	src: url(../fonts/antonio.ttf)
}

@font-face {
	font-family: droid sans;
	src: url(../fonts/droidsans.ttf)
}

@font-face {
	font-family: droid sans;
	src: url(../fonts/droidsans-bold.ttf);
	font-weight: 700
}

@font-face {
	font-family: ab;
	src: url(../fonts/ab.ttf)
}

@font-face {
	font-family: timer;
	src: url(../fonts/timer.woff2) format('woff2'), url(../fonts/timer.woff) format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: worli;
	src: url(../fonts/worli.woff2) format('woff2'), url(../fonts/worli.woff) format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Card Characters;
	src: url(../fonts/card.ttf)
}

@font-face {
	font-family: 'SF Pro Display Regular';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/SFPRODISPLAYREGULAR.woff) format('woff')
}

@font-face {
	font-family: 'SF Pro Display Ultralight Italic';
	font-style: normal;
	font-weight: 400;
	src: local('SF Pro Display Ultralight Italic'), url(../fonts/SFPRODISPLAYULTRALIGHTITALIC.woff) format('woff')
}

@font-face {
	font-family: 'SF Pro Display Thin Italic';
	font-style: normal;
	font-weight: 400;
	src: local('SF Pro Display Thin Italic'), url(../fonts/SFPRODISPLAYTHINITALIC.woff) format('woff')
}

@font-face {
	font-family: 'SF Pro Display Light Italic';
	font-style: normal;
	font-weight: 400;
	src: local('SF Pro Display Light Italic'), url(SFPRODISPLAYLIGHTITALIC.woff) format('woff')
}

@font-face {
	font-family: 'SF Pro Display Medium';
	font-style: normal;
	font-weight: 400;
	src: local('SF Pro Display Medium'), url(../fonts/SFPRODISPLAYMEDIUM.woff) format('woff')
}

@font-face {
	font-family: 'SF Pro Display Semibold Italic';
	font-style: normal;
	font-weight: 400;
	src: local('SF Pro Display Semibold Italic'), url(../fonts/SFPRODISPLAYSEMIBOLDITALIC.woff) format('woff')
}

@font-face {
	font-family: 'SF Pro Display Bold';
	font-style: normal;
	font-weight: 400;
	src: local('SF Pro Display Bold'), url(../fonts/SFPRODISPLAYBOLD.woff) format('woff')
}

@font-face {
	font-family: 'SF Pro Display Heavy Italic';
	font-style: normal;
	font-weight: 400;
	src: local('SF Pro Display Heavy Italic'), url(../fonts/SFPRODISPLAYHEAVYITALIC.woff) format('woff')
}

@font-face {
	font-family: 'SF Pro Display Black Italic';
	font-style: normal;
	font-weight: 400;
	src: local('SF Pro Display #000 Italic'), url(../fonts/SFPRODISPLAYBLACKITALIC.woff) format('woff')
}

* {
	outline: 0 !important
}

html {
	scrollbar-width: thin;
	scrollbar-color: var(--bg-table) var(--bg-table-header)
}

body {
	font-family: 'Noto Sans';
	background-color: var(--bg-body);
	font-size: var(--font-body);
	line-height: 22px;
	letter-spacing: 0;
	color: var(--text-body);
	scrollbar-width: thin;
	scrollbar-color: var(--bg-table) var(--bg-table-header)
}

body.modal-open {
	padding-right: 0px
}

.modal-open .modal {
	padding-right: 0px
}

body::-webkit-scrollbar {
	width: 8px
}

body::-webkit-scrollbar-track {
	background: var(--bg-table)
}

body::-webkit-scrollbar-thumb {
	background-color: var(--bg-table-header)
}

a,
a:focus,
a:hover {
	text-decoration: none
}

li,
ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.numeric {
	font-family: numeric;
	font-size: 30px;
	letter-spacing: 2px
}

.pr {
	position: relative
}

.vm {
	vertical-align: middle
}

.vt {
	vertical-align: top
}

.pointer {
	cursor: pointer
}

.container-fluid-5 {
	padding-left: 5px !important;
	padding-right: 5px !important
}

.row.row1 {
	margin-left: -1px;
	margin-right: -1px
}

.row.row1>[class*=col-],
.row.row1>[class*=col] {
	padding-left: 1px;
	padding-right: 1px
}

.row.row2 {
	margin-left: -2px;
	margin-right: -2px
}

.row.row2>[class*=col-],
.row.row2>[class*=col] {
	padding-left: 2px;
	padding-right: 2px
}

.row.row3 {
	margin-left: -3px;
	margin-right: -3px
}

.row.row3>[class*=col-],
.row.row3>[class*=col] {
	padding-left: 3px;
	padding-right: 3px
}

.row.row4 {
	margin-left: -4px;
	margin-right: -4px
}

.row.row4>[class*=col-],
.row.row4>[class*=col] {
	padding-left: 4px;
	padding-right: 4px
}

.row.row5 {
	margin-left: -5px;
	margin-right: -5px
}

.row.row5>[class*=col-],
.row.row5>[class*=col] {
	padding-left: 5px;
	padding-right: 5px
}

.row.row6 {
	margin-left: -6px;
	margin-right: -6px
}

.row.row6>[class*=col-],
.row.row6>[class*=col] {
	padding-left: 6px;
	padding-right: 6px
}

.row.row7 {
	margin-left: -7px;
	margin-right: -7px
}

.row.row7>[class*=col-],
.row.row7>[class*=col] {
	padding-left: 7px;
	padding-right: 7px
}

.row.row8 {
	margin-left: -8px;
	margin-right: -8px
}

.row.row8>[class*=col-],
.row.row8>[class*=col] {
	padding-left: 8px;
	padding-right: 8px
}

.row.row9 {
	margin-left: -9px;
	margin-right: -9px
}

.row.row9>[class*=col-],
.row.row9>[class*=col] {
	padding-left: 9px;
	padding-right: 9px
}

.row.row10 {
	margin-left: -10px;
	margin-right: -10px
}

.row.row10>[class*=col-],
.row.row10>[class*=col] {
	padding-left: 10px;
	padding-right: 10px
}

.wrapper {
	display: flex;
	display: -webkit-flex;
	position: relative
}

.box10 {
	width: 10%;
	min-width: 10%;
	max-width: 10%
}

.box15 {
	width: 15%;
	min-width: 15%;
	max-width: 15%
}

.box20 {
	width: 20%;
	min-width: 20%;
	max-width: 20%
}

.box25 {
	width: 25%;
	min-width: 25%;
	max-width: 25%
}

.box30 {
	width: 30%;
	min-width: 30%;
	max-width: 30%
}

.box35 {
	width: 35%;
	min-width: 35%;
	max-width: 35%
}

.box40 {
	width: 40%;
	min-width: 40%;
	max-width: 40%
}

.box45 {
	width: 45%;
	min-width: 45%;
	max-width: 45%
}

.box50 {
	width: 50%;
	min-width: 50%;
	max-width: 50%
}

.box55 {
	width: 55%;
	min-width: 55%;
	max-width: 55%
}

.box60 {
	width: 60%;
	min-width: 60%;
	max-width: 60%
}

.box65 {
	width: 65%;
	min-width: 65%;
	max-width: 65%
}

.box70 {
	width: 70%;
	min-width: 70%;
	max-width: 70%
}

.box75 {
	width: 75%;
	min-width: 75%;
	max-width: 75%
}

.box80 {
	width: 80%;
	min-width: 80%;
	max-width: 80%
}

.box85 {
	width: 85%;
	min-width: 85%;
	max-width: 85%
}

.box90 {
	width: 90%;
	min-width: 90%;
	max-width: 90%
}

.box95 {
	width: 95%;
	min-width: 95%;
	max-width: 95%
}

.box100 {
	width: 100%;
	min-width: 100%;
	max-width: 100%
}

.back {
	background-color: var(--back)
}

.back:hover {
	background-color: var(--back-hover)
}

.back2 {
	background-color: var(--back2)
}

.back1 {
	background-color: var(--back1)
}

.lay {
	background-color: var(--lay)
}

.lay:hover {
	background-color: var(--lay-hover)
}

.lay1 {
	background-color: var(--lay1)
}

.lay2 {
	background-color: var(--lay2)
}

.back-border {
	border-left: 5px solid var(--back)
}

.lay-border {
	border-left: 5px solid var(--lay)
}

.andar-border {
	border-left: 5px solid #ffa07a
}

.bahar-border {
	border-left: 5px solid #90ee90
}

.suspended {
	position: relative;
	pointer-events: none;
	background: transparent !important;
}



.suspended.lock-top:before {
	background-position: top 3px center
}

.suspended:before {
	content: "";
	background-image: url(../img/lock.svg);
	background-size: 17px 17px;
	filter: invert(1);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-position: center;
	pointer-events: none
}

.suspended:after {
	content: "";
	background-color: #373636D6;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	cursor: not-allowed;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none
}

.suspendedtext {
	position: relative;
	pointer-events: none
}




.suspendedtext:after {
	content: attr(data-title);
	text-transform: uppercase;
	background-color: #131313c2;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	height: 100%;
	width: 100%;
	right: 0px;
	top: 0px;
	color: var(--text-red);
	font-size: var(--font-headline);
	font-weight: var(--font-bold);
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	cursor: not-allowed;
	pointer-events: none;
	z-index: 2;
}

.suspendedsingle:after {
	font-size: 8px !important;
	line-height: 10px;
	text-align: center;
}

.suspendedfull {
	position: relative;
	pointer-events: none
}

.suspendedfull:after {
	content: attr(data-title);
	text-transform: uppercase;
	background-color: #131313c2;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	height: 100%;
	width: 100%;
	right: 8px;
	top: 2px;
	color: var(--text-red);
	font-size: var(--font-headline);
	font-weight: var(--font-bold);
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	cursor: not-allowed;
	pointer-events: none
}

.header-top {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	background-color: var(--bg-table-header);
	height: 34px;
}

/* .animate-on .header-top {
	top: 34px
} */

.header-top ul {
	display: flex;
	display: -webkit-flex
}

.header-top ul li {
	margin: 0 16px;
	padding: 0 16px;
	position: relative
}

.header-top ul li::after {
	position: absolute;
	content: "";
	background-color: var(--text-table-header);
	height: 8px;
	width: 8px;
	border-radius: 8px;
	top: 7px;
	right: -16px
}

.header-top ul li:last-child:after {
	background-color: transparent
}

.header-top ul li a {
	color: var(--text-table-header);
	font-weight: 700;
	font-size: 14px;
	transition: .5s;
	cursor: pointer;
}

.header-top ul li a.router-link-active {
	color: var(--text-fancy)
}

.header-top ul li a:active,
.header-top ul li a:focus,
.header-top ul li a:hover {
	color: var(--text-fancy)
}

header {
	position: fixed;
	width: 100%;
	right: 0;
	/* top:80px; */
	background-color: var(--bg-body);
	z-index: 99;
}

.animate-on .header {
	top: 68px
}

.upcomingRow {
	width: calc(100% - 270px);
	margin-left: 270px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	padding: 7px 0;
}

.header {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: start;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--bg-table-header);
}

.upcomingRow .item a {
	color: #000;
}

.header ul {
	display: flex;
	display: -webkit-flex;
	float: left
}

.header ul li {
	padding: 0 16px
}

.header ul li a {
	height: 22px
}

.header ul li a:hover {
	color: var(--text-highlight)
}

.header ul li a.router-link-active {
	color: var(--text-highlight);
	font-weight: var(--font-semi)
}

.header-right {
	padding-right: 16px
}

.odds-format {
	height: 22px;
	color: var(--text-table)
}

.format-name {
	height: 22px;
	color: var(--text-white);
	padding-left: 8px
}

.language {
	padding-left: 40px;
	height: 22px;
	color: var(--text-sidebar)
}

.login-menu {
	margin-left: 40px;
	height: 40px;
	line-height: 40px;
	color: var(--text-body);
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px
}

.login-menu:hover {
	color: var(--text-highlight);
	background: var(--bg-success-hover);
	border-radius: 4px
}

.header .btn-primary {
	height: 40px;
	margin-left: 40px
}

.header .btn-primary span {
	height: 22px;
	color: var(--text-highlight)
}

.language-block {
	cursor: pointer
}

.language-box {
	border-radius: 8px;
	background-color: var(--bg-sidebar);
	position: absolute;
	top: 100%;
	padding: 16px;
	width: 600px;
	right: 20px;
	top: 75px;
	z-index: 100
}

.language-box .flag {
	margin-bottom: 8px
}

.language-box .flag img {
	height: 16px;
	width: 32px
}

.language-box .flag-name.active {
	height: 22px;
	color: var(--bg-success);
	font-weight: var(--font-semi)
}

.language-box .flag-name {
	height: 22px;
	color: var(--text-sidebar)
}

.odds-format-block {
	position: relative;
	cursor: pointer
}

.odds-format-box {
	width: 160px;
	position: absolute;
	left: 0;
	border-radius: 4px;
	background-color: var(--bg-table);
	padding: 8px 0;
	z-index: 10
}

.odds-format-box a {
	display: block;
	height: 38px;
	width: 160px;
	line-height: 38px;
	color: var(--text-highlight);
	padding-left: 16px;
	text-decoration: none
}

.odds-format-box a:hover {
	background-color: #03b37F52;
	text-decoration: none
}

.odds-format-box .active {
	background-color: var(--bg-success)
}

.balance {
	height: 22px;
	padding-left: 10px;
	cursor: pointer;

}

.balance-value {
	color: var(--text-body)
}

.username-info {
	display: inline-block;
	padding-left: 10px;
	position: relative;
	cursor: pointer
}

.user-icon {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background-color: #3c444b;
	display: inline-block;
	vertical-align: middle;
	padding: 13px 12px;
	text-align: center;
}

.user-icon img {
	vertical-align: top
}

.username {
	height: 22px;
	margin-right: 8px;
	margin-left: 8px
}

.user-dropdown {
	width: auto;
	position: absolute;
	right: 10px; top: 10px;
	border-radius: 4px;
	background-color: var(--bg-sidebar);
	padding: 8px 0 0px 0;
	z-index: 10;
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .57);
	text-align: left;
	padding-top: 0px !important;
	margin-top: 48px;
	
}

.user-dropdown a {
	display: block;
	/*width: 240px;*/ width: 255px;
	color: var(--text-sidebar);
	opacity: .9;
	padding-left: 0;
	text-decoration: none;
	font-size: var(--font-caption);
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 16px;
	line-height: 22px;
	padding-top: 6px;
	padding-bottom: 6px;
	cursor: pointer;
}

.user-dropdown a:hover {
	text-decoration: none;
	opacity: 1
}

.user-dropdown .active {
	background-color: var(--bg-success)
}

.login-seperator {
	background-color: var(--bg-table-header);
	width: 100%;
	height: 1px;
	margin: 8px 0
}

.sidebar-left {
	background-color: var(--bg-sidebar);
	min-height: 100vh;
	max-height: calc(100vh - 30px);
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	transition: .8s;
	-webkit-transition: .8s;
	-moz-transition: .8s;
	-ms-transition: .8s;
	-o-transition: .8s;
	margin-top: 34px;
	z-index: 99 !important;
}

.animate-on .sidebar-left {
	top: 68px
}

.sidebar-left.hide-sidebar {
	display: none
}

.sidebar-left.hide-sidebar~.main-container {
	width: 100%;
	margin-left: 0
}

.sidebar-left.hide-sidebar~.main-container .header {
	width: 100%
}

.logo-box {
	padding: 4px 0;
	text-align: center;
	height: auto;
	background-color: var(--bg-sidebar);
}

.logo {
	padding: 10px
}

.logo img {
	max-height: 50px;
	margin: 0 0 0 -5px;
	max-width: 100%
}

.sidebar-left .search-box {
	padding: 0 24px 0 16px;
	margin-bottom: 20px;
}

.search-box .form-group {
	position: relative;
	margin-right: 0
}

.search-box .form-control {
	height: 36px;
	border-radius: 4px;
	background-color: var(--bg-body) !important;
	border-color: var(--bg-body) !important;
	color: var(--text-body);
	border: none;
	font-weight: normal;
}

.search-box .form-control:focus {
	box-shadow: none;
}

.search-box .search-icon {
	position: absolute;
	top: 10px;
	right: 16px;
}

.search-list {
	position: fixed;
	left: 305px;
	top: 116px;
	width: 400px;
	border-radius: 8px;
	background-color: var(--bg-sidebar);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .28);
	z-index: 1030
}

.search-list .search-content {
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--bg-table) var(--bg-table-header)
}

.search-list .search-content a:last-child .search-game {
	border-bottom: 0
}

.search-list .search-title {
	font-weight: var(--font-bold);
	text-transform: uppercase;
	padding: 8px
}

.search-list .search-content::-webkit-scrollbar {
	width: 8px
}

.search-list .search-content::-webkit-scrollbar-track {
	background: var(--bg-table)
}

.search-list .search-content::-webkit-scrollbar-thumb {
	background-color: var(--bg-table-header)
}

.search-event-title {
	background-color: var(--bg-table);
	padding: 8px 16px;
	color: var(--text-table)
}

.search-game {
	padding: 8px 16px;
	cursor: pointer;
	border-bottom: 1px solid var(--bg-table-header);
	color: var(--text-sidebar)
}

.search-game:hover {
	background-color: var(--bg-table-header);
	color: var(--text-table-header)
}

.search-game .search-game-time {
	font-size: var(--font-small)
}

.menu-box {
	margin-top: 0;
	height: calc(100vh - 135px);
	scrollbar-width: thin;
	scrollbar-color: var(--bg-table) var(--bg-table-header);
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%
}

::-webkit-scrollbar {
	width: 8px;
	height: 7px;
}

::-webkit-scrollbar-track {
	background: var(--bg-table)
}

::-webkit-scrollbar-thumb {
	background-color: var(--bg-table-header)
}

.menu-box li {
	cursor: pointer
}

.menu-box li a {
	color: var(--text-sidebar);
	padding: 8px 16px;
	display: block
}

.menu-box li a:focus,
.menu-box li a:hover {
	color: var(--text-sidebar);
	opacity: .85
}

.menu-box li ul>li>a,
.menu-box li ul>li>a:active,
.menu-box li ul>li>a:focus,
.menu-box li ul>li>a:hover {
	background-color: var(--bg-table-header);
	color: var(--text-table-header) !important
}

.menu-box li ul ul li a,
.menu-box li ul ul li a:active,
.menu-box li ul ul li a:focus,
.menu-box li ul ul li a:hover {
	background-color: var(--bg-table);
	color: var(--text-table) !important
}

.menu-box li:not(.show) a[class*=sport] {
	background-color: transparent !important
}

.menu-box li a[class*=sport]>span.sport-name {
	margin-left: 0
}

.menu-box li a {
	position: relative
}

.casino-menu li .active,
.casino-menu li .active:focus,
.casino-menu li .active:hover {
	background-color: var(--text-fancy);
	color: #333
}

.menu-box li.show a[class*=sport]:before,
.menu-box li:not(.show) a[class*=sport]:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	background-size: contain;
	background-repeat: no-repeat
}

.menu-box li a .d-icon {
	font-size: var(--font-18);
	width: 30px;
	display: inline-block
}

.menu-box li a .d-icon.icon-23,
.menu-box li a .d-icon.icon-26 {
	font-size: 10px
}

.menu-box li:not(.show) a.sport1 .icon-1,
.point-sidebar .navbar-nav .nav-link .icon-1 {
	color: var(--football)
}

.menu-box li:not(.show) a.sport2 .icon-2,
.point-sidebar .navbar-nav .nav-link .icon-2 {
	color: var(--tennis)
}

.menu-box li:not(.show) a.sport3 .icon-3,
.point-sidebar .navbar-nav .nav-link .icon-3 {
	color: var(--boxing)
}

.menu-box li:not(.show) a.sport4 .icon-4,
.point-sidebar .navbar-nav .nav-link .icon-4 {
	color: var(--cricket)
}

.menu-box li:not(.show) a.sport5 .icon-5,
.point-sidebar .navbar-nav .nav-link .icon-5 {
	color: var(--golf)
}

.menu-box li:not(.show) a.sport6 .icon-6,
.point-sidebar .navbar-nav .nav-link .icon-6 {
	color: var(--boxing)
}

.menu-box li:not(.show) a.sport7 .icon-7,
.point-sidebar .navbar-nav .nav-link .icon-7 {
	color: var(--beach-volleyball)
}

.menu-box li:not(.show) a.sport8 .icon-8,
.point-sidebar .navbar-nav .nav-link .icon-8 {
	color: var(--table-tennis)
}

.menu-box li:not(.show) a.sport9 .icon-9,
.point-sidebar .navbar-nav .nav-link .icon-9 {
	color: var(--futsal)
}

.menu-box li:not(.show) a.sport10 .icon-10,
.point-sidebar .navbar-nav .nav-link .icon-10 {
	color: var(--horse-racing)
}

.menu-box li:not(.show) a.sport11 .icon-11,
.point-sidebar .navbar-nav .nav-link .icon-11 {
	color: var(--egames)
}

.menu-box li:not(.show) a.sport12 .icon-12,
.point-sidebar .navbar-nav .nav-link .icon-12 {
	color: var(--grey-hounds)
}

.menu-box li:not(.show) a.sport13 .icon-13,
.point-sidebar .navbar-nav .nav-link .icon-13 {
	color: var(--trotting)
}

.menu-box li:not(.show) a.sport14 .icon-14,
.point-sidebar .navbar-nav .nav-link .icon-14 {
	color: var(--speedway)
}

.menu-box li:not(.show) a.sport15 .icon-15,
.point-sidebar .navbar-nav .nav-link .icon-15 {
	color: var(--basketball)
}

.menu-box li:not(.show) a.sport16 .icon-16,
.point-sidebar .navbar-nav .nav-link .icon-16 {
	color: var(--moto-gp)
}

.menu-box li:not(.show) a.sport17 .icon-17,
.point-sidebar .navbar-nav .nav-link .icon-17 {
	color: var(--chess)
}

.menu-box li:not(.show) a.sport18 .icon-18,
.point-sidebar .navbar-nav .nav-link .icon-18 {
	color: var(--vollyball)
}

.menu-box li:not(.show) a.sport19 .icon-19,
.point-sidebar .navbar-nav .nav-link .icon-19 {
	color: var(--ice-hockey)
}

.menu-box li:not(.show) a.sport20 .icon-20,
.point-sidebar .navbar-nav .nav-link .icon-20 {
	color: var(--equine-sports)
}

.menu-box li:not(.show) a.sport21 .icon-21,
.point-sidebar .navbar-nav .nav-link .icon-21 {
	color: var(--australians-rules)
}

.menu-box li:not(.show) a.sport22 .icon-22,
.point-sidebar .navbar-nav .nav-link .icon-22 {
	color: var(--badminton)
}

.menu-box li:not(.show) a.sport23 .icon-23,
.point-sidebar .navbar-nav .nav-link .icon-23 {
	color: var(--formula-1)
}

.menu-box li:not(.show) a.sport24 .icon-24,
.point-sidebar .navbar-nav .nav-link .icon-24 {
	color: var(--nascar)
}

.menu-box li:not(.show) a.sport25 .icon-25,
.point-sidebar .navbar-nav .nav-link .icon-25 {
	color: var(--hockey)
}

.menu-box li:not(.show) a.sport26 .icon-26,
.point-sidebar .navbar-nav .nav-link .icon-26 {
	color: var(--supercars)
}

.menu-box li:not(.show) a.sport27 .icon-27,
.point-sidebar .navbar-nav .nav-link .icon-27 {
	color: var(--netball)
}

.menu-box li:not(.show) a.sport28 .icon-28,
.point-sidebar .navbar-nav .nav-link .icon-28 {
	color: var(--surfing)
}

.menu-box li:not(.show) a.sport29 .icon-29,
.point-sidebar .navbar-nav .nav-link .icon-29 {
	color: var(--cycling)
}

.menu-box li:not(.show) a.sport30 .icon-30,
.point-sidebar .navbar-nav .nav-link .icon-30 {
	color: var(--gaelick-sports)
}

.menu-box li:not(.show) a.sport31 .icon-31,
.point-sidebar .navbar-nav .nav-link .icon-31 {
	color: var(--biathlon)
}

.menu-box li:not(.show) a.sport32 .icon-32,
.point-sidebar .navbar-nav .nav-link .icon-32 {
	color: var(--motorbikes)
}

.menu-box li:not(.show) a.sport33 .icon-33,
.point-sidebar .navbar-nav .nav-link .icon-33 {
	color: var(--athletics)
}

.menu-box li:not(.show) a.sport34 .icon-34,
.point-sidebar .navbar-nav .nav-link .icon-34 {
	color: var(--squash)
}

.menu-box li:not(.show) a.sport35 .icon-35,
.point-sidebar .navbar-nav .nav-link .icon-35 {
	color: var(--basketball-3-3)
}

.menu-box li:not(.show) a.sport36 .icon-36,
.point-sidebar .navbar-nav .nav-link .icon-36 {
	color: var(--floorball)
}

.menu-box li:not(.show) a.sport37 .icon-37,
.point-sidebar .navbar-nav .nav-link .icon-37 {
	color: var(--sumo)
}

.menu-box li:not(.show) a.sport38 .icon-38,
.point-sidebar .navbar-nav .nav-link .icon-38 {
	color: var(--virtual-sports)
}

.menu-box li:not(.show) a.sport39 .icon-39,
.point-sidebar .navbar-nav .nav-link .icon-39 {
	color: var(--handball)
}

.menu-box li:not(.show) a.sport40 .icon-40,
.point-sidebar .navbar-nav .nav-link .icon-40 {
	color: var(--politics)
}

.menu-box li:not(.show) a.sport41 .icon-41,
.point-sidebar .navbar-nav .nav-link .icon-41 {
	color: var(--weather)
}

.menu-box li:not(.show) a.sport42 .icon-42,
.point-sidebar .navbar-nav .nav-link .icon-42 {
	color: var(--tv-games)
}

.menu-box li:not(.show) a.sport43 .icon-43,
.point-sidebar .navbar-nav .nav-link .icon-43 {
	color: var(--lottery)
}

.menu-box li:not(.show) a.sport44 .icon-44,
.point-sidebar .navbar-nav .nav-link .icon-44 {
	color: var(--bowls)
}

.menu-box li:not(.show) a.sport45 .icon-45,
.point-sidebar .navbar-nav .nav-link .icon-45 {
	color: var(--poker)
}

.menu-box li:not(.show) a.sport46 .icon-46,
.point-sidebar .navbar-nav .nav-link .icon-46 {
	color: var(--waterpolo)
}

.menu-box li:not(.show) a.sport47 .icon-47,
.point-sidebar .navbar-nav .nav-link .icon-47 {
	color: var(--alpine-skiing)
}

.menu-box li:not(.show) a.sport48 .icon-48,
.point-sidebar .navbar-nav .nav-link .icon-48 {
	color: var(--sailing)
}

.menu-box li:not(.show) a.sport49 .icon-49,
.point-sidebar .navbar-nav .nav-link .icon-49 {
	color: var(--hurling)
}

.menu-box li:not(.show) a.sport50 .icon-50,
.point-sidebar .navbar-nav .nav-link .icon-50 {
	color: var(--ski-jumping)
}

.menu-box li:not(.show) a.sport51 .icon-51,
.point-sidebar .navbar-nav .nav-link .icon-51 {
	color: var(--bandy)
}

.menu-box li:not(.show) a.sport52 .icon-52,
.point-sidebar .navbar-nav .nav-link .icon-52 {
	color: var(--motor-sports)
}

.menu-box li:not(.show) a.sport53 .icon-53,
.point-sidebar .navbar-nav .nav-link .icon-53 {
	color: var(--baseball)
}

.menu-box li:not(.show) a.sport54 .icon-54,
.point-sidebar .navbar-nav .nav-link .icon-54 {
	color: var(--rugby-union)
}

.menu-box li:not(.show) a.sport55 .icon-55,
.point-sidebar .navbar-nav .nav-link .icon-55 {
	color: var(--rugby-league)
}

.menu-box li:not(.show) a.sport56 .icon-56,
.point-sidebar .navbar-nav .nav-link .icon-56 {
	color: var(--curling)
}

.menu-box li:not(.show) a.sport57 .icon-57,
.point-sidebar .navbar-nav .nav-link .icon-57 {
	color: var(--darts)
}

.menu-box li:not(.show) a.sport58 .icon-58,
.point-sidebar .navbar-nav .nav-link .icon-58 {
	color: var(--americal-footbal)
}

.menu-box li:not(.show) a.sport59 .icon-59,
.point-sidebar .navbar-nav .nav-link .icon-59 {
	color: var(--snooker)
}

.menu-box li:not(.show) a.sport60 .icon-60,
.point-sidebar .navbar-nav .nav-link .icon-60 {
	color: var(--gaelick-sports)
}

.menu-box li:not(.show) a.sport61 .icon-61,
.point-sidebar .navbar-nav .nav-link .icon-61 {
	color: var(--lottery-specials)
}

.menu-box li:not(.show) a.sport62 .icon-62,
.point-sidebar .navbar-nav .nav-link .icon-62 {
	color: var(--football)
}

.menu-box li:not(.show) a.sport63 .icon-63,
.point-sidebar .navbar-nav .nav-link .icon-63 {
	color: var(--special-bets)
}

.menu-box li:not(.show) a.sport64 .icon-64,
.point-sidebar .navbar-nav .nav-link .icon-64 {
	color: var(--egames)
}

.menu-box li:not(.show) a.sport65 .icon-65,
.point-sidebar .navbar-nav .nav-link .icon-65 {
	color: var(--grey-hounds)
}

.menu-box li:not(.show) a.sport66 .icon-66,
.point-sidebar .navbar-nav .nav-link .icon-66 {
	color: var(--kabaddi)
}

.menu-box li.show a[class*=sport] {
	color: var(--text-white)
}

.menu-box li a[class*=sport] {
	display: flex;
	display: -webkit-flex;
	align-items: center
}

.menu-box li a.sport1~ul>li>a.active {
	background-color: var(--football_75);
	color: var(--text-white) !important
}

.menu-box li a.sport1~ul ul li a.active {
	background-color: var(--football_50);
	color: var(--text-white) !important
}

.menu-box li a.sport2~ul>li>a.active {
	background-color: var(--tennis_75);
	color: var(--text-white) !important
}

.menu-box li a.sport2~ul ul li a.active {
	background-color: var(--tennis_50);
	color: var(--text-white) !important
}

.menu-box li a.sport3~ul>li>a.active {
	background-color: var(--boxing_75);
	color: var(--text-white) !important
}

.menu-box li a.sport3~ul ul li a.active {
	background-color: var(--boxing_50);
	color: var(--text-white) !important
}

.menu-box li a.sport4~ul>li>a.active {
	background-color: var(--cricket_75);
	color: var(--text-white) !important
}

.menu-box li a.sport4~ul ul li a.active {
	background-color: var(--cricket_50);
	color: var(--text-white) !important
}

.menu-box li a.sport5~ul>li>a.active {
	background-color: var(--golf_75);
	color: var(--text-white) !important
}

.menu-box li a.sport5~ul ul li a.active {
	background-color: var(--golf_50);
	color: var(--text-white) !important
}

.menu-box li a.sport6~ul>li>a.active {
	background-color: var(--boxing_75);
	color: var(--text-white) !important
}

.menu-box li a.sport6~ul ul li a.active {
	background-color: var(--boxing_50);
	color: var(--text-white) !important
}

.menu-box li a.sport7~ul>li>a.active {
	background-color: var(--beach-volleyball_75);
	color: var(--text-white) !important
}

.menu-box li a.sport7~ul ul li a.active {
	background-color: var(--beach-volleyball_50);
	color: var(--text-white) !important
}

.menu-box li a.sport8~ul>li>a.active {
	background-color: var(--table-tennis_75);
	color: var(--text-white) !important
}

.menu-box li a.sport8~ul ul li a.active {
	background-color: var(--table-tennis_50);
	color: var(--text-white) !important
}

.menu-box li a.sport9~ul>li>a.active {
	background-color: var(--futsal_75);
	color: var(--text-white) !important
}

.menu-box li a.sport9~ul ul li a.active {
	background-color: var(--futsal_50);
	color: var(--text-white) !important
}

.menu-box li a.sport10~ul>li>a.active {
	background-color: var(--horse-racing_75);
	color: var(--text-white) !important
}

.menu-box li a.sport10~ul ul li a.active {
	background-color: var(--horse-racing_50);
	color: var(--text-white) !important
}

.menu-box li a.sport11~ul>li>a.active {
	background-color: var(--egames_75);
	color: var(--text-white) !important
}

.menu-box li a.sport11~ul ul li a.active {
	background-color: var(--egames_50);
	color: var(--text-white) !important
}

.menu-box li a.sport12~ul>li>a.active {
	background-color: var(--grey-hounds_75);
	color: var(--text-white) !important
}

.menu-box li a.sport12~ul ul li a.active {
	background-color: var(--grey-hounds_50);
	color: var(--text-white) !important
}

.menu-box li a.sport13~ul>li>a.active {
	background-color: var(--trotting_75);
	color: var(--text-white) !important
}

.menu-box li a.sport13~ul ul li a.active {
	background-color: var(--trotting_50);
	color: var(--text-white) !important
}

.menu-box li a.sport14~ul>li>a.active {
	background-color: var(--speedway_75);
	color: var(--text-white) !important
}

.menu-box li a.sport14~ul ul li a.active {
	background-color: var(--speedway_50);
	color: var(--text-white) !important
}

.menu-box li a.sport15~ul>li>a.active {
	background-color: var(--basketball_75);
	color: var(--text-white) !important
}

.menu-box li a.sport15~ul ul li a.active {
	background-color: var(--basketball_50);
	color: var(--text-white) !important
}

.menu-box li a.sport16~ul>li>a.active {
	background-color: var(--moto-gp_75);
	color: var(--text-white) !important
}

.menu-box li a.sport16~ul ul li a.active {
	background-color: var(--moto-gp_50);
	color: var(--text-white) !important
}

.menu-box li a.sport17~ul>li>a.active {
	background-color: var(--chess_75);
	color: var(--text-white) !important
}

.menu-box li a.sport17~ul ul li a.active {
	background-color: var(--chess_50);
	color: var(--text-white) !important
}

.menu-box li a.sport18~ul>li>a.active {
	background-color: var(--vollyball_75);
	color: var(--text-white) !important
}

.menu-box li a.sport18~ul ul li a.active {
	background-color: var(--vollyball_50);
	color: var(--text-white) !important
}

.menu-box li a.sport19~ul>li>a.active {
	background-color: var(--ice-hockey_75);
	color: var(--text-white) !important
}

.menu-box li a.sport19~ul ul li a.active {
	background-color: var(--ice-hockey_50);
	color: var(--text-white) !important
}

.menu-box li a.sport20~ul>li>a.active {
	background-color: var(--equine-sports_75);
	color: var(--text-white) !important
}

.menu-box li a.sport20~ul ul li a.active {
	background-color: var(--equine-sports_50);
	color: var(--text-white) !important
}

.menu-box li a.sport21~ul>li>a.active {
	background-color: var(--australians-rules_75);
	color: var(--text-white) !important
}

.menu-box li a.sport21~ul ul li a.active {
	background-color: var(--australians-rules_50);
	color: var(--text-white) !important
}

.menu-box li a.sport22~ul>li>a.active {
	background-color: var(--badminton_75);
	color: var(--text-white) !important
}

.menu-box li a.sport22~ul ul li a.active {
	background-color: var(--badminton_50);
	color: var(--text-white) !important
}

.menu-box li a.sport23~ul>li>a.active {
	background-color: var(--formula-1_75);
	color: var(--text-white) !important
}

.menu-box li a.sport23~ul ul li a.active {
	background-color: var(--formula-1_50);
	color: var(--text-white) !important
}

.menu-box li a.sport24~ul>li>a.active {
	background-color: var(--nascar_75);
	color: var(--text-white) !important
}

.menu-box li a.sport24~ul ul li a.active {
	background-color: var(--nascar_50);
	color: var(--text-white) !important
}

.menu-box li a.sport25~ul>li>a.active {
	background-color: var(--hockey_75);
	color: var(--text-white) !important
}

.menu-box li a.sport25~ul ul li a.active {
	background-color: var(--hockey_50);
	color: var(--text-white) !important
}

.menu-box li a.sport26~ul>li>a.active {
	background-color: var(--supercars_75);
	color: var(--text-white) !important
}

.menu-box li a.sport26~ul ul li a.active {
	background-color: var(--supercars_50);
	color: var(--text-white) !important
}

.menu-box li a.sport27~ul>li>a.active {
	background-color: var(--netball_75);
	color: var(--text-white) !important
}

.menu-box li a.sport27~ul ul li a.active {
	background-color: var(--netball_50);
	color: var(--text-white) !important
}

.menu-box li a.sport28~ul>li>a.active {
	background-color: var(--surfing_75);
	color: var(--text-white) !important
}

.menu-box li a.sport28~ul ul li a.active {
	background-color: var(--surfing_50);
	color: var(--text-white) !important
}

.menu-box li a.sport29~ul li>a.active {
	background-color: var(--cycling_75);
	color: var(--text-white) !important
}

.menu-box li a.sport29~ul ul li a.active {
	background-color: var(--cycling_50);
	color: var(--text-white) !important
}

.menu-box li a.sport30~ul>li>a.active {
	background-color: var(--gaelick-sports_75);
	color: var(--text-white) !important
}

.menu-box li a.sport30~ul ul li a.active {
	background-color: var(--gaelick-sports_50);
	color: var(--text-white) !important
}

.menu-box li a.sport31~ul>li>a.active {
	background-color: var(--biathlon_75);
	color: var(--text-white) !important
}

.menu-box li a.sport31~ul ul li a.active {
	background-color: var(--biathlon_50);
	color: var(--text-white) !important
}

.menu-box li a.sport32~ul>li>a.active {
	background-color: var(--motorbikes_75);
	color: var(--text-white) !important
}

.menu-box li a.sport32~ul ul li a.active {
	background-color: var(--motorbikes_50);
	color: var(--text-white) !important
}

.menu-box li a.sport33~ul>li>a.active {
	background-color: var(--athletics_75);
	color: var(--text-white) !important
}

.menu-box li a.sport33~ul ul li a.active {
	background-color: var(--athletics_50);
	color: var(--text-white) !important
}

.menu-box li a.sport34~ul>li>a.active {
	background-color: var(--squash_75);
	color: var(--text-white) !important
}

.menu-box li a.sport34~ul ul li a.active {
	background-color: var(--squash_50);
	color: var(--text-white) !important
}

.menu-box li a.sport35~ul>li>a.active {
	background-color: var(--basketball-3-3_75);
	color: var(--text-white) !important
}

.menu-box li a.sport35~ul ul li a.active {
	background-color: var(--basketball-3-3_50);
	color: var(--text-white) !important
}

.menu-box li a.sport36~ul>li>a.active {
	background-color: var(--floorball_75);
	color: var(--text-white) !important
}

.menu-box li a.sport36~ul ul li a.active {
	background-color: var(--floorball_50);
	color: var(--text-white) !important
}

.menu-box li a.sport37~ul>li>a.active {
	background-color: var(--sumo_75);
	color: var(--text-white) !important
}

.menu-box li a.sport37~ul ul li a.active {
	background-color: var(--sumo_50);
	color: var(--text-white) !important
}

.menu-box li a.sport38~ul>li>a.active {
	background-color: var(--virtual-sports_75);
	color: var(--text-white) !important
}

.menu-box li a.sport38~ul ul li a.active {
	background-color: var(--virtual-sports_50);
	color: var(--text-white) !important
}

.menu-box li a.sport39~ul>li>a.active {
	background-color: var(--handball_75);
	color: var(--text-white) !important
}

.menu-box li a.sport39~ul ul li a.active {
	background-color: var(--handball_50);
	color: var(--text-white) !important
}

.menu-box li a.sport40~ul>li>a.active {
	background-color: var(--politics_75);
	color: var(--text-white) !important
}

.menu-box li a.sport40~ul ul li a.active {
	background-color: var(--politics_50);
	color: var(--text-white) !important
}

.menu-box li a.sport41~ul>li>a.active {
	background-color: var(--weather_75);
	color: var(--text-white) !important
}

.menu-box li a.sport41~ul ul li a.active {
	background-color: var(--weather_50);
	color: var(--text-white) !important
}

.menu-box li a.sport42~ul>li>a.active {
	background-color: var(--tv-games_75);
	color: var(--text-white) !important
}

.menu-box li a.sport42~ul ul li a.active {
	background-color: var(--tv-games_50);
	color: var(--text-white) !important
}

.menu-box li a.sport43~ul>li>a.active {
	background-color: var(--lottery_75);
	color: var(--text-white) !important
}

.menu-box li a.sport43~ul ul li a.active {
	background-color: var(--lottery_50);
	color: var(--text-white) !important
}

.menu-box li a.sport44~ul>li>a.active {
	background-color: var(--bowls_75);
	color: var(--text-white) !important
}

.menu-box li a.sport44~ul ul li a.active {
	background-color: var(--bowls_50);
	color: var(--text-white) !important
}

.menu-box li a.sport45~ul>li>a.active {
	background-color: var(--poker_75);
	color: var(--text-white) !important
}

.menu-box li a.sport45~ul ul li a.active {
	background-color: var(--poker_50);
	color: var(--text-white) !important
}

.menu-box li a.sport46~ul>li>a.active {
	background-color: var(--waterpolo_75);
	color: var(--text-white) !important
}

.menu-box li a.sport46~ul ul li a.active {
	background-color: var(--waterpolo_50);
	color: var(--text-white) !important
}

.menu-box li a.sport47~ul>li>a.active {
	background-color: var(--alpine-skiing_75);
	color: var(--text-white) !important
}

.menu-box li a.sport47~ul ul li.active {
	background-color: var(--alpine-skiing_50);
	color: var(--text-white) !important
}

.menu-box li a.sport48~ul>li>a.active {
	background-color: var(--sailing_75);
	color: var(--text-white) !important
}

.menu-box li a.sport48~ul ul li a.active {
	background-color: var(--sailing_50);
	color: var(--text-white) !important
}

.menu-box li a.sport49~ul>li>a.active {
	background-color: var(--hurling_75);
	color: var(--text-white) !important
}

.menu-box li a.sport49~ul ul li a.active {
	background-color: var(--hurling_50);
	color: var(--text-white) !important
}

.menu-box li a.sport50~ul>li>a.active {
	background-color: var(--ski-jumping_75);
	color: var(--text-white) !important
}

.menu-box li a.sport50~ul ul li a.active {
	background-color: var(--ski-jumping_50);
	color: var(--text-white) !important
}

.menu-box li a.sport51~ul>li>a.active {
	background-color: var(--bandy_75);
	color: var(--text-white) !important
}

.menu-box li a.sport51~ul ul li a.active {
	background-color: var(--bandy_50);
	color: var(--text-white) !important
}

.menu-box li a.sport52~ul>li>a.active {
	background-color: var(--motor-sports_75);
	color: var(--text-white) !important
}

.menu-box li a.sport52~ul ul li a.active {
	background-color: var(--motor-sports_50);
	color: var(--text-white) !important
}

.menu-box li a.sport53~ul>li>a.active {
	background-color: var(--baseball_75);
	color: var(--text-white) !important
}

.menu-box li a.sport53~ul ul li a.active {
	background-color: var(--baseball_50);
	color: var(--text-white) !important
}

.menu-box li a.sport54~ul>li>a.active {
	background-color: var(--rugby-union_75);
	color: var(--text-white) !important
}

.menu-box li a.sport54~ul ul li a.active {
	background-color: var(--rugby-union_50);
	color: var(--text-white) !important
}

.menu-box li a.sport55~ul>li>a.active {
	background-color: var(--rugby-league_75);
	color: var(--text-white) !important
}

.menu-box li a.sport55~ul ul li a.active {
	background-color: var(--rugby-league_50);
	color: var(--text-white) !important
}

.menu-box li a.sport56~ul>li>a.active {
	background-color: var(--curling_75);
	color: var(--text-white) !important
}

.menu-box li a.sport56~ul ul li a.active {
	background-color: var(--curling_50);
	color: var(--text-white) !important
}

.menu-box li a.sport57~ul>li>a.active {
	background-color: var(--darts_75);
	color: var(--text-white) !important
}

.menu-box li a.sport57~ul ul li a.active {
	background-color: var(--darts_50);
	color: var(--text-white) !important
}

.menu-box li a.sport58~ul>li>a.active {
	background-color: var(--americal-footbal_75);
	color: var(--text-white) !important
}

.menu-box li a.sport58~ul ul li a.active {
	background-color: var(--americal-footbal_50);
	color: var(--text-white) !important
}

.menu-box li a.sport59~ul>li>a.active {
	background-color: var(--snooker_75);
	color: var(--text-white) !important
}

.menu-box li a.sport59~ul ul li a.active {
	background-color: var(--snooker_50);
	color: var(--text-white) !important
}

.menu-box li a.sport60~ul>li>a.active {
	background-color: var(--gaelick-sports_75);
	color: var(--text-white) !important
}

.menu-box li a.sport60~ul ul li a.active {
	background-color: var(--gaelick-sports_50);
	color: var(--text-white) !important
}

.menu-box li a.sport61~ul>li>a.active {
	background-color: var(--lottery-specials_75);
	color: var(--text-white) !important
}

.menu-box li a.sport61~ul ul li a.active {
	background-color: var(--lottery-specials_50);
	color: var(--text-white) !important
}

.menu-box li a.sport62~ul>li>a.active {
	background-color: var(--football_75);
	color: var(--text-white) !important
}

.menu-box li a.sport62~ul ul li a.active {
	background-color: var(--football_50);
	color: var(--text-white) !important
}

.menu-box li a.sport63~ul>li>a.active {
	background-color: var(--special-bets_75);
	color: var(--text-white) !important
}

.menu-box li a.sport63~ul ul li a.active {
	background-color: var(--special-bets_50);
	color: var(--text-white) !important
}

.menu-box li a.sport64~ul>li>a.active {
	background-color: var(--egames_75);
	color: var(--text-white) !important
}

.menu-box li a.sport64~ul ul li a.active {
	background-color: var(--egames_50);
	color: var(--text-white) !important
}

.menu-box li a.sport65~ul>li>a.active {
	background-color: var(--grey-hounds_75);
	color: var(--text-white) !important
}

.menu-box li a.sport65~ul ul li a.active {
	background-color: var(--grey-hounds_50);
	color: var(--text-white) !important
}

.menu-box li a.sport66~ul>li>a.active {
	background-color: var(--kabaddi_75);
	color: var(--text-white) !important
}

.menu-box li a.sport66~ul ul li a.active {
	background-color: var(--kabaddi_50);
	color: var(--text-white) !important
}

.dropdown-toggle::after {
	display: none
}

.menu-box .dropdown-menu {
	position: relative !important;
	transform: unset !important;
	background-color: transparent;
	border: 0;
	z-index: 10
}

.dropdown-item {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.navbar-nav .dropdown-menu.show {
	border-radius: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin-top: 0;
	animation: growDown .3s ease-in-out forwards;
	transform-origin: top center
}

@-moz-keyframes growDown {
	0% {
		transform: scaleY(0)
	}

	80% {
		transform: scaleY(.8)
	}

	100% {
		transform: scaleY(1)
	}
}

@-webkit-keyframes growDown {
	0% {
		transform: scaleY(0)
	}

	80% {
		transform: scaleY(.8)
	}

	100% {
		transform: scaleY(1)
	}
}

@-o-keyframes growDown {
	0% {
		transform: scaleY(0)
	}

	80% {
		transform: scaleY(.8)
	}

	100% {
		transform: scaleY(1)
	}
}

@keyframes growDown {
	0% {
		transform: scaleY(0)
	}

	80% {
		transform: scaleY(.8)
	}

	100% {
		transform: scaleY(1)
	}
}

.navbar-nav .dropdown-menu.show>.dropdown-item {
	color: var(--text-highlight)
}

.navbar-nav .dropdown-menu .dropdown-toggle {
	background-image: url(../img/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: right 5px top 17px;
	background-size: 8px 5px
}

.navbar-nav .dropdown-menu.show li.show>.dropdown-toggle {
	background-image: url(../img/arrow-up.svg);
	background-repeat: no-repeat;
	background-position: right 5px top 17px;
	background-size: 8px 5px
}

.menu-box li img.menu-down {
	margin-top: 6px;
	height: 5px
}

.menu-box li.favourite {
	border-bottom: 1px solid var(--bg-table-header);
	padding-bottom: 8px;
	margin-bottom: 8px
}

.menu-box .favourite-icon {
	margin-right: 16px;
	vertical-align: top;
	margin-top: 5px
}

.right-sidebar {
	/* width: 350px; */
	border-radius: 8px 0 0 0;
	background-color: var(--bg-sidebar);
	padding: 5px;
	height: calc(100vh - 100px);
	scrollbar-width: thin;
	scrollbar-color: var(--bg-table) var(--bg-table-header);
	overflow-x: hidden
}

.animate-on .right-sidebar.home-right-sidebar {
	overflow: hidden;
	height: calc(100vh - 136px)
}

.animate-on .right-sidebar.home-right-sidebar.sticky {
	height: calc(100vh - 130px)
}

.right-sidebar.home-right-sidebar {
	overflow: hidden;
	height: calc(100vh - 100px)
}

.right-sidebar.home-right-sidebar .swiper-slide {
	margin-bottom: 8px !important;
}

.right-sidebar.home-right-sidebar.sticky {
	height: calc(100vh - 94px)
}

.home-casiono-icons.d-none-mobile {
	height: 100%
}

.home-casiono-icons.d-none-mobile>div {
	height: 100%
}

.home-casiono-icons.d-none-mobile .slick-prev {
	top: -16px !important
}

.home-casiono-icons.d-none-mobile .slick-next {
	bottom: -16px !important
}

.right-sidebar::-webkit-scrollbar {
	width: 8px
}

.right-sidebar::-webkit-scrollbar-track {
	background: var(--bg-table)
}

.right-sidebar::-webkit-scrollbar-thumb {
	background-color: var(--bg-table-header)
}

.right-sidebar.sticky {
	position: fixed;
	right: 0;
	top: 94px;
	min-height: calc(100vh -94px)
}

.animate-on .right-sidebar.sticky {
	top: 106px;
	min-height: calc(100vh -106px)
}

.bet-slip-container {
	margin-bottom: 0px
}

.bet-slip-title {
	height: 22px;
	color: var(--text-sidebar);
	font-weight: var(--font-bold);
	text-transform: uppercase;
	display: inline-block;
	font-size: var(--font-header)
}

.bet-slip-container .clear-all {
	height: 19px;
	color: var(--text-sidebar);
	font-size: var(--font-caption);
	line-height: 19px
}

.tv-container {
	margin-bottom: 16px
}

.tv-container .tv-title {
	cursor: pointer;
	color: var(--text-sidebar)
}

.video-tv {
	overflow: hidden;
	width: 100%;
	height: 180px;
	transition: 1s
}

.video-tv iframe {
	border: 0;
	width: 100%;
	height: 100%
}

.video-tv.hide-tv {
	height: 0;
	padding-top: 0;
	padding-bottom: 0
}

.bet-slip-box {
	border-radius: 8px;
	background-color: var(--bg-table);
	color: var(--text-table);
	margin-top: 0px;
	padding: 0;
	position: relative;
}

.betslip-error {
	position: absolute;
	width: 100%;
	z-index: 10;
}

.bet-slip-box.bet-loading {
	position: relative
}

.bet-slip-box.bet-loading:after {
	content: "";
	position: absolute;
	background-color: #131313B8;
	z-index: 100;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center
}

.bet-slip-loader {
	content: "";
	box-sizing: border-box;
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 50%;
	border-color: var(--text-white) transparent;
	border-style: solid;
	border-width: 2px;
	animation: spinner .8s ease infinite;
	z-index: 1000
}

@keyframes spinner {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.bet-slip {
	border-bottom: 1px solid var(--bg-table-header);
	padding: 0;
	margin-bottom: 0px
}

.bet-slip:last-child {
	border-bottom: 0;
	margin-top: 85px;
}

.bet-nation span {
	height: 19px;
	color: var(--text-table);
	font-size: var(--font-caption);
	letter-spacing: 0;
	line-height: 19px;
	max-width: calc(100% - 20px);
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.my-market-title {
	background-color: var(--bg-table-header);
	color: var(--text-table-header);
	padding: 8px;
	cursor: pointer;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between
}

.my-market-title img {
	transform: rotate(180deg)
}

.my-market-title.collapsed img {
	transform: rotate(0)
}

.my-market-container .bet-slip-box {
	margin-bottom: 10px
}

.my-market-container .bet-nation span {
	line-height: 19px;
	max-height: 38px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	height: auto;
	max-width: 100%;
	color: var(--text-fancy)
}

.bet-nation img {
	width: 10px;
	height: 10px
}

.bet-slip-box .bet-time {
	height: 19px;
	color: var(--text-fancy);
	font-size: var(--font-caption);
	letter-spacing: 0;
	line-height: 19px
}

.my-market-container .bet-slip-box .bet-time {
	color: var(--text-highlight)
}

.bet-slip.back-border {
	border-left: 5px solid var(--back)
}

.bet-slip.lay-border {
	border-left: 5px solid var(--lay)
}

.my-market-nation {
	max-width: 100%
}

.my-market-container .market-desc {
	color: var(--text-table);
	font-size: var(--font-caption);
	margin-top: 5px
}

.match-result {
	margin-top: 0;
	height: 19px;
	color: var(--text-table);
	font-size: var(--font-caption);
	line-height: 19px;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.bet-team {
	font-size: var(--font-caption);
	margin-top: 6px;
	font-weight: var(--font-bold);
	color: var(--text-fancy);
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center
}

.bet-team-name {
	max-width: calc(100% - 85px);
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.bet-total {
	border-bottom: 1px dashed var(--bg-table-header);
	padding: 16px;
	text-align: right
}

.bet-total .bet-odds {
	height: 19px;
	color: var(--text-highlight);
	line-height: 19px
}

.bet-total .bet-total-number {
	height: 19px;
	color: var(--text-fancy);
	line-height: 19px
}

.bet-input-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end
}

.bet-input-box input {
	width: 70px
}

.bet-input-box button {
	color: var(--text-white);
	height: 36px;
	width: 40px;
	border: 0;
	font-size: 10px
}

.bet-input-box .btn-minus {
	background-color: var(--bg-danger)
}

.bet-input-box .btn-plus {
	background-color: var(--bg-success)
}

.bet-input {
	margin-top: 0;
	margin-left: 0;
	width: calc(48% - 8px);
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 0;
	overflow: hidden;
	height: 36px
}

.bet-input.back-border,
.bet-input.lay-border {
	border-left: 0
}

.bet-input.andar-border,
.bet-input.bahar-border {
	border-left: 0
}

.bet-input:before {
	content: '';
	position: absolute;
	z-index: -2;
	left: -50%;
	top: -50%;
	width: 200%;
	height: 200%;
	background-repeat: no-repeat;
	background-size: 50% 50%, 50% 50%;
	background-position: 0 0, 100% 0, 100% 100%, 0 100%;
	animation-name: rotateborder;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: rotateborder;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: rotateborder;
	-moz-animation-duration: 4s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite
}

.bet-input:after {
	content: '';
	position: absolute;
	z-index: -1;
	left: 1px;
	top: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: var(--bg-body);
	border-radius: 0;
	transform: translateZ(0);
	-webkit-transform: translateZ(0)
}

.bet-input.back-border:before {
	background-color: #72bbef;
	background-image: linear-gradient(#72bbef, #72bbef), linear-gradient(#72bbef, #72bbef), linear-gradient(#72bbef, #72bbef), linear-gradient(var(--bg-table-header), var(--bg-table-header))
}

.bet-input.lay-border:before {
	background-color: #f994ba;
	background-image: linear-gradient(#f994ba, #f994ba), linear-gradient(#f994ba, #f994ba), linear-gradient(#f994ba, #f994ba), linear-gradient(var(--bg-table-header), var(--bg-table-header))
}

.bet-input.andar-border:before {
	background-color: #ffa07a;
	background-image: linear-gradient(#ffa07a, #ffa07a), linear-gradient(#ffa07a, #ffa07a), linear-gradient(#ffa07a, #ffa07a), linear-gradient(var(--bg-table-header), var(--bg-table-header))
}

.bet-input.bahar-border:before {
	background-color: #90ee90;
	background-image: linear-gradient(#90ee90, #90ee90), linear-gradient(#90ee90, #90ee90), linear-gradient(#90ee90, #90ee90), linear-gradient(var(--bg-table-header), var(--bg-table-header))
}

.bet-input .form-control {
	color: var(--text-table);
	height: 36px;
	border: 0;
	background-color: transparent
}

.bet-buttons {
	padding: 8px 8px 0 8px;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-center;
	flex-wrap: wrap
}

.bet-buttons .btn {
	min-width: 22.75%;
	margin-right: 3%;
	margin-bottom: 8px;
	height: 40px;
	border-radius: 4px;
	background-color: var(--btn-secondary);
	border-color: transparent;
	padding: 0
}

.bet-buttons .btn:nth-child(4n) {
	margin-right: 0
}

.bet-buttons .btn:hover {
	opacity: .8
}

.bet-buttons .btn span {
	color: var(--text-highlight)
}

.confirm-bets {
	padding: 0 8px 8px 8px
}

.possible-win {
	padding: 0;
	margin-top: 0;
	text-align: center;
	display: inline-block;
	text-align: right;
	width: calc(48% - 8px);
	margin-top: 8px
}

.possible-win span {
	color: var(--text-highlight);
	font-size: var(--font-small)
}

.possible-win h1 {
	color: var(--text-table);
	font-size: var(--font-caption)
}

.bet-slip-container .place-bet-btn {
	padding: 0;
	margin-top: 8px
}

.bet-slip-container .place-bet-btn .btn {
	height: 56px
}

.bet-slip-container .place-bet-btn .btn span {
	height: 22px;
	color: var(--text-white);
	font-weight: var(--font-semi);
	text-align: center
}

.market-tabs {
	background-color: var(--bg-sidebar);
	padding: 0 20px;
	position: relative
}

.market-tabs .arrow-tabs {
	top: 0
}

.market-tabs .nav-tabs {
	border: 0;
	overflow-y: hidden;
	overflow-x: hidden;
	flex-wrap: nowrap;
	scroll-behavior: smooth
}

.market-tabs .nav-item {
	text-align: center
}

.market-tabs .nav-tabs .nav-link {
	color: var(--text-sidebar);
	padding-top: 0;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	border: 0
}

.market-tabs .nav-tabs .nav-item .nav-link.active {
	color: var(--text-highlight);
	font-weight: var(--font-semi);
	border-bottom: 2px solid var(--text-highlight);
	background-color: transparent
}

.modal-place-bet .modal-content {
	background-color: var(--bg-sidebar)
}

.modal-place-bet .bet-slip-container {
	padding: 16px 0
}

.modal-place-bet .bet-slip-box {
	border-radius: 0
}

.logo-casino {
	position: fixed;
	left: 0;
	top: 34px;
	width: 302px;
	z-index: 1000;
	background-color: var(--bg-body);
	border-bottom: 1px solid var(--bg-table-header);
	height: 100px
}

.animate-on .logo-casino {
	top: 68px
}

.header-casino {
	height: 100px
}

.casino-place-bet {
	width: 100%;
	border-radius: 8px;
	background-color: var(--bg-sidebar);
	color: var(--text-sidebar);
	margin-bottom: 6px
}

.casino-place-bet-title {
	padding: 8px;
	text-transform: uppercase;
	font-weight: var(--font-bold)
}

.casino-place-bet-title .casino-min-max {
	text-transform: capitalize
}

.casino-place-bet-header {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	padding: 8px;
	background-color: var(--bg-table-header);
	color: var(--text-table-header)
}

.casino-place-bet-row {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	padding: 6px;
	border-bottom: 1px solid var(--bg-table-header)
}

.casino-place-bet-nation {
	width: 60%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.casino-place-bet-odds {
	width: 15%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: right
}

.casino-place-bet-stake {
	width: 25%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: right
}

.casino-place-bet-row.back-border {
	border-left: 5px solid var(--back)
}

.casino-place-bet-row.lay-border {
	border-left: 5px solid var(--lay)
}

.casino-place-bet-box {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	background-color: var(--bg-table);
	padding: 6px 6px 0;
	color: var(--text-table);
	flex-wrap: wrap
}

.casino-place-bet-info {
	display: flex;
	display: -webkit-flex;
	width: 100%;
	justify-content: space-between;
	align-items: center
}

.casino-place-bet-info .bet-input {
	width: 80px
}

.odds-box {
	position: relative;
	height: 40px;
	width: 80px;
	border: 1px solid var(--bg-table-header);
	border-radius: 4px;
	padding: 0;
	background-color: var()
}

.odds-box input {
	height: 40px;
	width: 80px;
	background: 0 0;
	border: 0
}

input.form-control:disabled {
	cursor: not-allowed;
	background-color: transparent
}

input.form-control[readonly] {
	background-color: transparent
}

.odds-box input:focus,
.odds-box input:hover {
	border: 0;
	background: 0 0
}

.odds-box .arrow-up {
	position: absolute;
	top: 9px;
	right: 8px;
	transform: scaleY(-1)
}

.odds-box .arrow-down {
	position: absolute;
	bottom: 9px;
	right: 8px
}

.input-stake {
	background-color: transparent;
	width: 80px;
	height: 40px;
	border: 1px solid var(--bg-table-header)
}

.bet-player img {
	width: 10px;
	height: 10px;
	margin-right: 16px
}

.casino-place-bet-button-container {
	display: flex;
	display: -webkit-flex;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 6px
}

.casino-place-bet-button-container .btn {
	margin-right: 1%;
	margin-bottom: 1%;
	width: 32.6%;
	padding: 0
}

.casino-place-bet-button-container .btn:nth-child(3n) {
	margin-right: 0
}

.casino-place-bet-action-buttons {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%
}

.casino-place-bet-action-buttons .btn {
	height: 40px;
	width: 112px
}

.casino-my-bet {
	width: 100%;
	border-radius: 8px;
	background-color: var(--bg-sidebar);
	color: var(--text-sidebar)
}

.home-container .home-casiono-icons {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin-top: 6px;
	padding: 6px
}

.home-container .home-casiono-icons .home-casino-icon-item {
	margin-bottom: 0;
	margin-right: 5px
}


.point-title {
	margin-left: 8px;
	width: 108px;
	text-align: center !important;
	justify-content: center;
}

.home-container .home-casiono-icons .home-casino-icon-item:last-child {
	margin-right: 0
}

.home-casiono-icons .home-casino-icon-item {
	margin-bottom: 16px;
	position: relative
}

.home-casiono-icons .scroll-home-icon {
	max-height: 350px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--bg-table) var(--bg-table-header)
}

.home-casiono-icons .scroll-home-icon::-webkit-scrollbar {
	width: 8px
}

.home-casiono-icons .scroll-home-icon::-webkit-scrollbar-track {
	background: var(--bg-table)
}

.home-casiono-icons .scroll-home-icon::-webkit-scrollbar-thumb {
	background-color: var(--bg-table-header)
}

.new-laucnh-icon {
	position: absolute;
	right: -15px;
	top: -20px
}

.new-laucnh-icon img {
	height: 80px
}

@keyframes newlaunch {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.2)
	}

	100% {
		transform: scale(1)
	}
}

.footer {
	margin-top: 0;
	border-top: 1px solid #3c444b;
	padding: 8px;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative
}

.footer-logo {
	width: 10%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center
}

.footer-logo img {
	max-width: 100%;
	max-height: 50px
}

.footer-box {
	width: 100%;
	padding-left: 10px
}

.footer ul {
	display: inline-block
}

.footer ul li {
	float: left
}

.footer ul li a {
	height: 22px;
	color: var(--text-body)
}

.footer ul li.active a {
	color: var(--text-highlight);
	font-weight: var(--font-semi)
}

.footer-social img {
	margin-left: 5px;
	height: 30px
}

.footer-content {
	margin-top: 24px
}

.footer-content p {
	color: var(--text-body);
	font-size: var(--font-caption);
	line-height: 19px
}

.footer-top {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 16px;
	border-bottom: 1px dashed #333;
}

.footer-top .support {
	font-size: 16px;
	color: var(--text-body)
}

.footer-top img {
	height: 30px
}


.secure-logo {
	display: flex;
}

.secure-logo div {
	width: 100%;
	font-size: 12px;
}

.secure-logo div:first-child {
	width: 100px;
	margin-right: 20px;

}

.secure-logo div:first-child img {
	width: 100%;
	height: inherit !important;
}


.footer-top .footer-social {
	float: right;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	min-width: 210px
}

.footer-other {
	min-width: 160px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.footer-other a {
	margin: 0 10px;
}

.footer-bottom {
	color: var(--text-body);
	font-size: var(--font-caption);
	line-height: 19px;
	margin-top: 5px
}

.footer-menu {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 5px;
	justify-content: center
}

.footer-menu ul li {
	margin: 0 8px;
	padding: 0 16px;
	position: relative
}

.footer-menu ul li:first-child {
	margin-left: 0;
	padding-left: 0
}

.footer-menu ul li:last-child {
	margin-right: 0;
	padding-right: 0
}

.footer-menu ul li::after {
	position: absolute;
	content: "";
	background-color: var(--text-body);
	height: 8px;
	width: 8px;
	border-radius: 8px;
	top: 7px;
	right: -16px
}

.footer-menu ul li:last-child::after {
	background-color: transparent
}

.footer-menu ul li a {
	color: var(--text-body);
	font-weight: 700;
	font-size: 12px;
	text-decoration: underline;
	transition: .5s
}

.footer-menu ul li a:hover {
	text-decoration: underline
}

.login-container {
	background-image: url(../img/login-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 100%;
	height: 100%
}

.login-wrapper {
	width: 100%;
	padding: 8px;
	min-height: 100vh;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative
}

.logo-login img {
	max-width: 250px;
	max-height: 100px
}

.login-form {
	padding-top: 0;
	width: 100%;
	max-width: 400px;
	min-height: 320px
}

.change-form.show {
	transition: all 3s ease-out
}

.change-form {
	padding-top: 0;
	width: 100%;
	min-height: 320px
}

.modal .login-form {
	max-width: 100%
}

.change-form .form-group,
.login-form .form-group {
	margin-right: 0;
	margin-bottom: 20px;
	position: relative
}

.change-form .form-group:last-child,
.login-form .form-group:last-child {
	margin-bottom: 0
}

.login-form .form-group:last-child {
	margin-bottom: 0
}

.login-text {
	color: var(--text-highlight);
	font-size: var(--font-big);
	font-weight: var(--font-bold);
	text-align: center
}

.change-form .form-group a,
.login-form .form-group a {
	color: var(--text-green);
	text-decoration: underline
}

.user-email-text {
	color: var(--text-highlight);
	font-size: var(--font-caption);
	height: 17px;
	line-height: 17px;
	color: var(--text-table)
}

.change-form .form-control,
.login-form .form-control {
	height: 46px;
	border: 1px solid var(--text-body);
	opacity: .6;
	border-radius: 4px;
	background-color: var(--bg-body);
	color: var(--text-highlight)
}

.login-form .custom-control-label::before {
	background-color: var(--bg-body);
	border: var(--text-body) solid 1px;
	border-radius: 2px !important;
	opacity: .6
}

.login-form .custom-control-label {
	color: var(--text-body);
	font-size: var(--font-caption);
	line-height: 19px
}

.login-form .forgot-text a {
	height: 19px;
	color: var(--text-body);
	opacity: .6;
	font-size: var(--font-caption);
	line-height: 19px
}

.login-form .btn-primary {
	height: 46px;
	font-weight: var(--font-semi);
	text-align: center
}

.modal-backdrop.show {
	opacity: .9;
	background-color: #131313
}

.change-form .error,
.login-form .error,
.withdraw-request .error {
	color: var(--book-red);
	position: absolute;
	left: 0;
	bottom: -34px;
	font-size: var(--font-small);
	line-height: normal;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	height: 34px
}

.login-footer {
	width: 100%;
	opacity: .8;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	padding-bottom: 20px
}

.login-footer .footer-box {
	width: 380px
}

.login-footer .footer-box img {
	height: 30px
}

.login-wrapper .footer-menu {
	flex-wrap: wrap;
	position: fixed;
	bottom: 0;
	color: var(--text-highlight);
	background-image: linear-gradient(#23292E91, #23292E91)
}

.login-wrapper .footer-menu ul {
	display: flex;
	justify-content: center;
	width: 100%
}

.login-footer .footer-top {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center
}

.login-footer .footer-top .support {
	font-size: 16px;
	color: var(--text-highlight)
}

.login-footer .footer-top .footer-social {
	float: right
}

.login-footer .footer-bottom {
	color: var(--text-highlight);
	font-size: var(--font-caption);
	line-height: 19px;
	margin-top: 10px
}

.main-container {
	position: relative;
	width: 100%
}

.sidebar-left~.main-container {
	width: calc(100% - 302px);
	margin-left: 302px;
	margin-top: 34px
}

.animate-on .sidebar-left~.main-container {
	margin-top: 68px
}

.center-main-content {
	display: flex;
	padding-top: 6px;
	margin-top: 85px
}

.header-casino~.center-main-content {
	margin-top: 134px;
	min-height: calc(100% - 168px)
}

.animate-on .header-casino~.center-main-content {
	margin-top: 168px
}

.news-bar {
	border-radius: 8px;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: var(--font-caption);
	color: var(--text-highlight);
	display: flex;
	display: -webkit-flex;
	align-items: center;
	height: 46px;
	flex: 1;
	background-color: var(--bg-tabs);
	margin-left: 10px
}

.news-bar .news-title img {
	width: 45px
}

.news-bar marquee {
	width: 100%;
	padding: 6px 10px;
}

.center-container {
	width: 100%;
	margin-right: 6px;
	margin-left: 6px;
	position: relative;
	overflow-y: scroll;
	max-height: calc(100vh - 98px);
	min-height: 20vh;
}

.center-container .casino-container,
.center-container .detail-page-container,
.center-container .home-container,
.center-container.casino-list-container {
	min-height: calc(100vh - 60px);
	height: auto;
	align-content: flex-start
}

.banner {
	height: auto;
	border-radius: 8px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%
}

.detail-page-container .banner,
.detail-page-container .banner img {
	height: auto
}

.detail-page-container .banner.scorestats,
.detail-page-container .banner.scorestats img {
	height: 250px;
	background-position: center;
	background-size: cover
}

.detail-page-container .banner.scorecard-banner,
.detail-page-container .banner.scorecard-banner img {
	height: 115px;
	background-position: center;
	background-size: cover
}

.detail-page-container .banner.scorestats iframe {
	height: 235px;
	position: absolute;
	width: 85%
}

.carousel {
	width: 100%
}

.banner img {
	height: auto;
	width: 100%
}

.banner .game-header {
	color: var(--text-highlight);
	font-size: var(--font-caption);
	position: absolute;
	left: 0;
	width: 100%;
	top: 16px;
	padding: 0
}

.banner .game-header .game-header-name {
	max-width: calc(100% - 150px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	position: absolute;
	left: 16px
}

.banner .game-header .game-header-date {
	right: 16px;
	position: absolute
}

.bet-table {
	background-color: var(--bg-table);
	border-radius: 8px 8px 0 0;
	margin-top: 0;
	position: relative;
	transform: translateZ(0)
}

.bet-table-header {
	height: 40px;
	padding: 8px;
	border-radius: 0;
	display: flex;
	display: -webkit-flex;
	width: 100%
}

.bet-table-headerrr {
	height: 40px;
	padding: 8px;
	border-radius: 0;
	display: flex;
	display: -webkit-flex;
	width: 100%
}

.bet-table-headerrr.nodata {
	background-color: var(--bg-sidebar);
	color: var(--text-sidebar);
	justify-content: center
}

.bet-table-header.nodata {
	background-color: var(--bg-sidebar);
	color: var(--text-sidebar);
	justify-content: center
}

.game-title {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	align-items: center;
	/* font-size: 13px; */
}

.bet-table-header .game-title .d-icon,
.bet-table-header .game-title span {
	color: var(--text-white);
	margin-left: 5px
}

.bet-table-header .game-title img {
	margin-right: 16px
}

.matched-title {
	width: 90px
}

.point-title {
	display: flex;
	margin-left: 16px
}

.point-title.suspended:after {
	border-radius: 3px
}

.matched-title,
.point-title {
	text-align: center;
	color: var(--text-white)
}

.game-date {
	padding-right: 22px;
	border-right: 1px solid #3c444b;
	width: 150px;
	display: flex;
	display: -webkit-flex
}

.game-date.inplay {
	width: auto;
	/* border-right: 0!important; */
	padding-right: 0;
	width: 50px;
	position: relative
}

.game-date.inplay span {
	position: relative;
	width: 50px;
	color: var(--bg-success);
	text-align: center
}

.game-date.inplay span:after {
	content: "";
	background-color: var(--bg-success);
	height: 2px;
	width: 50px;
	position: absolute;
	bottom: -1px;
	animation: linear infinite alternate;
	animation-name: run;
	animation-duration: 1.2s;
	-webkit-animation: linear infinite alternate;
	-webkit-animation-name: run;
	-webkit-animation-duration: 1.2s
}

@keyframes run {
	0% {
		left: 0;
		width: 5%
	}

	50% {
		width: 100%
	}

	100% {
		right: 0;
		width: 5%
	}
}

.game-date.inplay~.game-name {
	padding-left: 6px;
	width: calc(100% - 160px)
}

.game-title .day {
	height: 22px;
	color: var(--text-table);
	opacity: .6;
	display: inline-block;
	min-width: 85px;
	margin-bottom: 0;
	position: relative
}

.game-title .time {
	min-width: 50px;
	color: var(--text-table);
	opacity: .6;
	display: inline-block;
	margin-bottom: 0
}

.home-container .bet-table {
	min-height: calc(100vh - 440px)
}

.bet-table-body {
	position: relative;
	background-color: #f1f4f3;
	padding-bottom: 2px;
}

.bet-table-box {
	border-bottom: 1px solid #3c444b
}

.bet-table-row {
	padding: 6px 8px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap;
	width: 100%;
	align-items: center
}

.home-container .bet-table-row.suspendedtext:after {
	top: 6px;
	height: 32px;
	width: 476px
}

.bet-table-row:last-child {
	border-bottom: 0
}

.game-name {
	padding-left: 16px;
	width: calc(100% - 260px);
	vertical-align: top
}

.team-name {
	max-height: 20px;
	line-height: 20px;
	margin-bottom: 0;
	/* overflow: hidden; */
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	color: var(--text-table)
}

.team-name.team-event {
	font-size: 14px
}

.game-icons {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: flex-end
}

.game-icon {
	text-align: center;
	margin-right: 5px
}

.game-icon:last-child {
	margin-right: 0
}

.game-icon.tv-icon {
	width: 16px
}

.game-icon.fancy-icon {
	width: 10px
}

.game-icon.fancy1-icon {
	width: 18px
}

.game-icon.bm-icon {
	width: 25px
}

.game-icon img.tv {
	height: 20px
}

.active-game {
	display: inline-block;
	height: 12px;
	width: 12px;
	background-color: var(--bg-success);
	border-radius: 50%
}

.f-bm-icon {
	font-weight: var(--font-bold)
}

.bet-table-row .matched-title {
	height: 60px;
	color: var(--text-table);
	line-height: 60px;
	border-right: 1px solid var(--bg-table-header)
}

.bl-box {
	height: inherit;
	/* width: 48%; */
	min-width: 52px;
	border-radius: 4px;
	padding: 4px 0;
	text-align: center;
	margin-right: 4px;
	float: left;
	cursor: pointer;
	position: relative;
	-webkit-transition: color .5s;
	transition: color .5s;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.bl-box.odds-down {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.bl-box.odds-up {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.bl-box:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 4px
}

.bl-box.odds-down:before {
	background: #ff000080;
	transform: scale(0, 0);
	animation: oddsdown .5s ease-out
}

.bl-box.odds-up:before {
	background: #13c41380;
	transform: scale(0, 0);
	animation: oddsup .5s ease-out
}

.bl-box.blinkBack:before {
	background: #ff000080;
	transform: scale(0, 0);
	animation: oddsdown .5s ease-out
}

.bl-box.blinkLay:before {
	background: #13c41380;
	transform: scale(0, 0);
	animation: oddsup .5s ease-out
}

@keyframes oddsdown {
	from {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

@keyframes oddsup {
	from {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

.back-title {
	background-color: var(--back-title);
	color: #eee !important
}

.lay-title {
	background-color: var(--lay-title);
	color: #eee !important
}

.bl-box.no-odds .odds {
	color: var(--text-highlight)
}

.bl-box.no-val {
	border: 1px solid #3c444b;
	border-radius: 4px
}

.bl-box:last-child {
	margin-right: 0 !important
}

.bl-box span {
	color: var(--text-black);
	font-size: 12px;
	font-weight: var(--font-medium);
	text-align: center;
}

.bl-box .odds {
	color: var(--text-black);
	font-weight: var(--font-bold);
	text-align: center;
	font-size: 16px;
}

.bl-box.no-val .odds {
	color: var(--text-table)
}


.bl-box.lay.lay.bgremove.minmaxval span {
	color: var(--text-table);
}

.sport-tabs {
	height: 40px;
	border-radius: 0;
	background-color: var(--bg-table);
	margin-top: 6px;
	position: relative
}

.sport-tabs .arrow-tabs {
	background-color: transparent;
	top: 0
}

.sport-tabs .arrow-tabs.arrow-left img {
	transform: rotate(90deg)
}

.sport-tabs .arrow-tabs.arrow-right img {
	transform: rotate(270deg)
}

.sport-tabs .nav-tabs {
	border: 0;
	margin-left: 30px;
	margin-right: 30px;
	position: relative;
	flex-wrap: nowrap;
	overflow-y: hidden;
	overflow-x: hidden;
	height: 46px;
	scroll-behavior: smooth;
	display: flex;
	overflow-x: auto; scrollbar-width: thin;
}

.sport-tabs .nav-tabs .nav-link {
	border: 0;
	position: relative;
	min-width: 150px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	padding-top: 0;
	padding-bottom: 0;
	color: var(--text-table);
	border-right: 1px solid #3c444b;
	border-radius: 0;
	background-color: transparent !important;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap
}

.sport-tabs .nav-tabs .nav-link .d-icon {
	font-size: 20px
}

.sport-tabs .nav-tabs .nav-link.active .d-icon {
	color: var(--text-white)
}

.sport-tabs .nav-tabs .nav-link img {
	filter: invert(29%);
	-webkit-filter: invert(29%);
	height: 20px
}

.sport-tabs .nav-tabs .nav-link.sport1.active {
	background-color: var(--football) !important
}

.sport-tabs .nav-tabs .nav-link.sport2.active {
	background-color: var(--tennis) !important
}

.sport-tabs .nav-tabs .nav-link.sport3.active {
	background-color: var(--boxing) !important
}

.sport-tabs .nav-tabs .nav-link.sport4.active {
	background-color: var(--cricket) !important
}

.sport-tabs .nav-tabs .nav-link.sport5.active {
	background-color: var(--golf) !important
}

.sport-tabs .nav-tabs .nav-link.sport6.active {
	background-color: var(--boxing) !important
}

.sport-tabs .nav-tabs .nav-link.sport7.active {
	background-color: var(--beach-volleyball) !important
}

.sport-tabs .nav-tabs .nav-link.sport8.active {
	background-color: var(--table-tennis) !important
}

.sport-tabs .nav-tabs .nav-link.sport9.active {
	background-color: var(--futsal) !important
}

.sport-tabs .nav-tabs .nav-link.sport10.active {
	background-color: var(--horse-racing) !important
}

.sport-tabs .nav-tabs .nav-link.sport11.active {
	background-color: var(--egames) !important
}

.sport-tabs .nav-tabs .nav-link.sport12.active {
	background-color: var(--grey-hounds) !important
}

.sport-tabs .nav-tabs .nav-link.sport13.active {
	background-color: var(--trotting) !important
}

.sport-tabs .nav-tabs .nav-link.sport14.active {
	background-color: var(--speedway) !important
}

.sport-tabs .nav-tabs .nav-link.sport15.active {
	background-color: var(--basketball) !important
}

.sport-tabs .nav-tabs .nav-link.sport16.active {
	background-color: var(--moto-gp) !important
}

.sport-tabs .nav-tabs .nav-link.sport17.active {
	background-color: var(--chess) !important
}

.sport-tabs .nav-tabs .nav-link.sport18.active {
	background-color: var(--vollyball) !important
}

.sport-tabs .nav-tabs .nav-link.sport19.active {
	background-color: var(--ice-hockey) !important
}

.sport-tabs .nav-tabs .nav-link.sport20.active {
	background-color: var(--equine-sports) !important
}

.sport-tabs .nav-tabs .nav-link.sport21.active {
	background-color: var(--australians-rules) !important
}

.sport-tabs .nav-tabs .nav-link.sport22.active {
	background-color: var(--badminton) !important
}

.sport-tabs .nav-tabs .nav-link.sport23.active {
	background-color: var(--formula-1) !important
}

.sport-tabs .nav-tabs .nav-link.sport24.active {
	background-color: var(--nascar) !important
}

.sport-tabs .nav-tabs .nav-link.sport25.active {
	background-color: var(--hockey) !important
}

.sport-tabs .nav-tabs .nav-link.sport26.active {
	background-color: var(--supercars) !important
}

.sport-tabs .nav-tabs .nav-link.sport27.active {
	background-color: var(--netball) !important
}

.sport-tabs .nav-tabs .nav-link.sport28.active {
	background-color: var(--surfing) !important
}

.sport-tabs .nav-tabs .nav-link.sport29.active {
	background-color: var(--cycling) !important
}

.sport-tabs .nav-tabs .nav-link.sport30.active {
	background-color: var(--gaelick-sports) !important
}

.sport-tabs .nav-tabs .nav-link.sport31.active {
	background-color: var(--biathlon) !important
}

.sport-tabs .nav-tabs .nav-link.sport32.active {
	background-color: var(--motorbikes) !important
}

.sport-tabs .nav-tabs .nav-link.sport33.active {
	background-color: var(--athletics) !important
}

.sport-tabs .nav-tabs .nav-link.sport34.active {
	background-color: var(--squash) !important
}

.sport-tabs .nav-tabs .nav-link.sport35.active {
	background-color: var(--basketball-3-3) !important
}

.sport-tabs .nav-tabs .nav-link.sport36.active {
	background-color: var(--floorball) !important
}

.sport-tabs .nav-tabs .nav-link.sport37.active {
	background-color: var(--sumo) !important
}

.sport-tabs .nav-tabs .nav-link.sport38.active {
	background-color: var(--virtual-sports) !important
}

.sport-tabs .nav-tabs .nav-link.sport39.active {
	background-color: var(--handball) !important
}

.sport-tabs .nav-tabs .nav-link.sport40.active {
	background-color: var(--politics) !important
}

.sport-tabs .nav-tabs .nav-link.sport41.active {
	background-color: var(--weather) !important
}

.sport-tabs .nav-tabs .nav-link.sport42.active {
	background-color: var(--tv-games) !important
}

.sport-tabs .nav-tabs .nav-link.sport43.active {
	background-color: var(--lottery) !important
}

.sport-tabs .nav-tabs .nav-link.sport44.active {
	background-color: var(--bowls) !important
}

.sport-tabs .nav-tabs .nav-link.sport45.active {
	background-color: var(--poker) !important
}

.sport-tabs .nav-tabs .nav-link.sport46.active {
	background-color: var(--waterpolo) !important
}

.sport-tabs .nav-tabs .nav-link.sport47.active {
	background-color: var(--alpine-skiing) !important
}

.sport-tabs .nav-tabs .nav-link.sport48.active {
	background-color: var(--sailing) !important
}

.sport-tabs .nav-tabs .nav-link.sport49.active {
	background-color: var(--hurling) !important
}

.sport-tabs .nav-tabs .nav-link.sport50.active {
	background-color: var(--ski-jumping) !important
}

.sport-tabs .nav-tabs .nav-link.sport51.active {
	background-color: var(--bandy) !important
}

.sport-tabs .nav-tabs .nav-link.sport52.active {
	background-color: var(--motor-sports) !important
}

.sport-tabs .nav-tabs .nav-link.sport53.active {
	background-color: var(--baseball) !important
}

.sport-tabs .nav-tabs .nav-link.sport54.active {
	background-color: var(--rugby-union) !important
}

.sport-tabs .nav-tabs .nav-link.sport55.active {
	background-color: var(--rugby-league) !important
}

.sport-tabs .nav-tabs .nav-link.sport56.active {
	background-color: var(--curling) !important
}

.sport-tabs .nav-tabs .nav-link.sport57.active {
	background-color: var(--darts) !important
}

.sport-tabs .nav-tabs .nav-link.sport58.active {
	background-color: var(--americal-footbal) !important
}

.sport-tabs .nav-tabs .nav-link.sport59.active {
	background-color: var(--snooker) !important
}

.sport-tabs .nav-tabs .nav-link.sport60.active {
	background-color: var(--gaelick-sports) !important
}

.sport-tabs .nav-tabs .nav-link.sport61.active {
	background-color: var(--lottery-specials) !important
}

.sport-tabs .nav-tabs .nav-link.sport62.active {
	background-color: var(--football) !important
}

.sport-tabs .nav-tabs .nav-link.sport63.active {
	background-color: var(--special-bets) !important
}

.sport-tabs .nav-tabs .nav-link.sport64.active {
	background-color: var(--egames) !important
}

.sport-tabs .nav-tabs .nav-link.sport65.active {
	background-color: var(--grey-hounds) !important
}

.sport-tabs .nav-tabs .nav-link.sport66.active {
	background-color: var(--kabaddi) !important
}

.sport-tabs .nav-tabs .nav-link.sport999.active {
	background-color: var(--card-cricket) !important
}

.sport-tabs .nav-tabs .nav-link.active span {
	color: var(--text-white)
}

.sport-tabs .nav-tabs .nav-link.active img {
	filter: invert(0);
	-webkit-filter: invert(0)
}

.sport-tabs .nav-tabs .nav-link span {
	margin-left: 16px
}

.sport-tabs .nav-tabs .nav-link .close-tab {
	position: absolute;
	right: 8px;
	top: 8px;
	height: 8px;
	width: 8px
}

.sport-tabs .nav-tabs .nav-link:hover {
	color: var(--text-table)
}

.sport-tabs .nav-tabs .nav-link:hover img {
	filter: invert(0);
	-webkit-filter: invert(0)
}

.arrow-tabs {
	width: 40px;
	position: absolute;
	top: 5px;
	height: 40px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	background-color: var(--bg-table-header);
	color: var(--text-table-header);
	font-size: 16px
}

.arrow-tabs:focus,
.arrow-tabs:hover {
	color: var(--text-table-header);
	opacity: .6
}

.arrow-tabs.arrow-left {
	left: 0
}

.arrow-tabs.arrow-right {
	right: 0
}

.game-header {
	padding: 8px;
	color: var(--text-white);
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	position: relative
}

.game-header .game-header-name {
	max-width: calc(100% - 180px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	display: inline-block
}

.game-header i {
	color: #ffffff80
}

.game-header i.active-tab {
	color: #fff
}

.game-header-date {
	float: right
}

.detail-page-container {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap
}

.all-markets {
	padding: 5px;
	width: 100%;
	background-color: var(--bg-table);
	margin-top: 5px;
	border-radius: 4px;
	word-break: break-all;
	word-wrap: break-word;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.all-markets>div:first-child {
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 38px;
	min-height: 38px;
	white-space: nowrap
}

.all-markets>div:last-child {
	width: calc(20% - 5px);
	position: absolute;
	right: 5px
}

.all-markets .search-box .form-control {
	height: 40px
}

.all-markets:hover>div:first-child {
	max-height: unset;
	white-space: normal
}

.all-markets a {
	color: var(--text-table);
	margin-right: 10px
}

.detail-page-container .market-1 {
	min-width: calc(100% - 6px);
	margin-left: 3px;
	margin-right: 3px
}

.detail-page-container .market-2 {
	min-width: calc(33.33% - 6px);
	max-width: calc(100% - 6px);
	margin-left: 3px;
	margin-right: 3px;
	flex: 1;
	width: 50%
}

.detail-page-container .market-11 {
	min-width: calc(50% - 6px);
	max-width: calc(100% - 6px);
	margin-left: 3px;
	margin-right: 3px;
	flex: 1;
	width: 50%
}

.detail-page-container .market-3 {
	margin-left: 3px;
	margin-right: 3px;
	min-width: calc(50% - 6px);
	flex: 1
}

.detail-page-container .market-12,
.detail-page-container .market-4 {
	margin-left: 3px;
	margin-right: 3px;
	min-width: calc(100% - 6px);
	flex: 1
}

.detail-page-container .market-12.width-75,
.detail-page-container .market-4.width-75 {
	margin-left: 3px;
	margin-right: 3px;
	min-width: calc(60% - 6px);
	max-width: calc(100% - 6px);
	flex: 1
}

.detail-page-container .market-2.width-25 {
	margin-left: 3px;
	margin-right: 3px;
	min-width: calc(40% - 6px);
	flex: 1
}

.detail-page-container .market-5 {
	margin-left: 3px;
	margin-right: 3px;
	min-width: calc(100% - 6px);
	flex: 1
}

.detail-page-container .market-6 {
	min-width: calc(50% - 6px);
	max-width: calc(100% - 6px);
	margin-left: 3px;
	margin-right: 3px;
	flex: 1;
	width: 50%
}

.detail-page-container.cricket-detail .market-6 {
	min-width: calc(100% - 6px)
}

.detail-page-container .market-9 {
	min-width: calc(50% - 6px);
	max-width: calc(100% - 6px);
	margin-left: 3px;
	margin-right: 3px;
	flex: 1
}

.detail-page-container .market-10 {
	min-width: calc(50% - 6px);
	max-width: calc(100% - 6px);
	margin-left: 3px;
	margin-right: 3px;
	flex: 1
}

.detail-page-container.cricket-detail .market-10 {
	min-width: calc(100% - 6px)
}

.detail-page-container .bet-table-header {
	height: 40px;
	padding: 5px 8px;
	border-radius: 8px 8px 0 0;
	background-color: var(--bg-table-header);
	color: var(--text-table-header);
	width: 100%;
	justify-content: space-between;
	align-items: center;
	cursor: pointer
}

.detail-page-container .bet-table-header img {
	transform: rotate(180deg)
}

.detail-page-container .bet-table-header.collapsed img {
	transform: rotate(0)
}

.detail-page-container .market-10 .bet-table-header,
.detail-page-container .market-12 .bet-table-header,
.detail-page-container .market-3 .bet-table-header,
.detail-page-container .market-4 .bet-table-header,
.detail-page-container .market-5 .bet-table-header,
.detail-page-container .market-6 .bet-table-header {
	justify-content: flex-start
}

.detail-page-container .bet-table {
	margin-top: 6px
}

.detail-page-container .bet-table-row {
	padding: 2px 8px
}

.bet-table-body .bet-table-row:first-child {
	padding: 6px 8px;
	border-bottom: solid 1px #3c444b;
}

.detail-page-container .max-bet {
	font-size: var(--font-small);
	float: right;
	width: 80px;
	text-align: right
}

.detail-page-container .market-11 .max-bet,
.detail-page-container .market-12 .max-bet,
.detail-page-container .market-2 .max-bet,
.detail-page-container .market-4 .max-bet,
.detail-page-container .market-5 .max-bet,
.detail-page-container .market-9 .max-bet {
	width: 110px
}

.detail-page-container .market-2 .max-bet,
.detail-page-container .market-3 .max-bet {
	width: 100%;
	text-align: left
}

.detail-page-container .market-12 .max-bet,
.detail-page-container .market-4 .max-bet {
	width: 120px
}

.detail-page-container .nation-name {
	width: calc(100% - 452px);
	padding-right: 5px
}

.detail-page-container .market-11 .nation-name>span:first-child,
.detail-page-container .market-12 .nation-name>span:first-child,
.detail-page-container .market-2 .nation-name>span:first-child,
.detail-page-container .market-4 .nation-name>span:first-child,
.detail-page-container .market-5 .nation-name>span:first-child,
.detail-page-container .market-9 .nation-name>span:first-child {
	max-width: calc(100% - 110px)
}

.detail-page-container .market-2 .nation-name>span:first-child,
.detail-page-container .market-3 .nation-name>span:first-child {
	max-width: 100%
}

.detail-page-container .nation-name>span:first-child {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: calc(100% - 80px);
	display: inline-block;
	text-transform: capitalize;
	vertical-align: middle
}

.detail-page-container .market-1 .bet-table-header span:first-child {
	text-transform: capitalize
}

.detail-page-container .market-11 .nation-name,
.detail-page-container .market-2 .nation-name {
	width: calc(100% - 148px)
}

.detail-page-container .market-3 .nation-name {
	width: calc(100% - 300px)
}

.detail-page-container .market-5 .nation-name {
	width: calc(100% - 300px)
}

.detail-page-container .market-3 .bet-table-header .nation-name {
	width: calc(100% - 224px)
}

.detail-page-container .market-12 .bet-table-header .nation-name,
.detail-page-container .market-4 .bet-table-header .nation-name {
	width: calc(100% - 300px)
}

.detail-page-container .market-5 .bet-table-header .nation-name {
	width: calc(100% - 298px)
}

.detail-page-container .market-6 .bet-table-header .nation-name {
	width: calc(100% - 224px)
}

.detail-page-container .market-6 .fancy-tripple {
	border-bottom: 1px solid #3c444b
}

.detail-page-container.cricket-detail .market-6 .fancy-tripple {
	height: 100%
}

.detail-page-container.cricket-detail .market-10 .col-md-6:nth-last-child(1) .fancy-tripple,
.detail-page-container.cricket-detail .market-10 .col-md-6:nth-last-child(2) .fancy-tripple,
.detail-page-container.cricket-detail .market-6 .col-md-6:nth-last-child(1) .fancy-tripple,
.detail-page-container.cricket-detail .market-6 .col-md-6:nth-last-child(2) .fancy-tripple {
	border-bottom: 0
}

.detail-page-container .market-6 .fancy-tripple .bet-table-row {
	border-bottom: 0
}

.detail-page-container .market-6 .nation-name {
	width: calc(100% - 224px);
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end
}

.detail-page-container .market-6 .nation-name p {
	height: auto;
	width: 100%
}

.detail-page-container .market-6 .nation-name p:last-child {
	width: 100%;
	text-align: left
}

.detail-page-container .market-9 .nation-name {
	width: calc(100% - 72px)
}

.detail-page-container .market-10 .nation-name {
	width: calc(100% - 148px);
	cursor: pointer
}

.detail-page-container .market-10 .bet-table-row {
	border-bottom: 1px solid #3c444b
}

.fancy-min-max {
	font-size: var(--font-small);
	text-align: right;
	width: 72px;
	line-height: 16px
}

.detail-page-container .bl-title {
	height: 30px;
	border-radius: 4px;
	width: 72px;
	text-align: center;
	line-height: 30px;
	color: var(--text-black);
	font-weight: var(--font-medium);
	margin-right: 4px;
	cursor: default;
	font-size: var(--font-caption)
}

.detail-page-container .bl-title:last-child {
	margin-right: 0
}

.detail-page-container .bl-box {
	width: 72px;
	height: 38px;
	padding: 3px 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.detail-page-container .bl-box span {
	height: 14px;
	line-height: 14px
}

.detail-page-container .bl-box .odds {
	height: 16px;
	line-height: 16px;
	margin-bottom: 1px
}

.detail-page-container .bl-box.no-val {
	line-height: 38px;
	padding: 0;
	border: 0
}

.detail-page-container .bl-box.no-val .odds {
	color: var(--text-table)
}

.detail-page-container .nation-name p {
	height: 19px;
	color: var(--text-table);
	margin-bottom: 6px;
	margin-bottom: 0;
	line-height: 20px
}

.detail-page-container .nation-name p span:first-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 68px);
	display: inline-block
}

.detail-page-container .nation-name p span:last-child {
	font-size: var(--font-small)
}

.detail-page-container .market10 .nation-name p span:last-child {
	font-size: var(--font-body)
}

.detail-page-container .nation-name p:last-child {
	margin-bottom: 0
}

.bet-table .bet-table-header:not(:first-child) {
	border-radius: 0
}

.detail-tabs {
	height: 60px;
	border-radius: 8px 8px 0 0;
	background-color: var(--bg-sidebar);
	margin-top: 16px;
	padding-top: 0;
	padding-bottom: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center
}

.detail-tabs .nav-tabs {
	border: 0
}

.detail-tabs .nav-tabs .nav-link {
	color: var(--text-table);
	padding-top: 0;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	border: 0
}

.detail-tabs .nav-tabs .nav-item.active .nav-link {
	color: var(--text-highlight);
	font-weight: var(--font-semi);
	border-bottom: 2px solid var(--text-highlight)
}

.detail-tabs .nav-tabs .nav-link:focus,
.detail-tabs .nav-tabs .nav-link:hover {
	border: 0;
	color: var(--text-highlight)
}

.detail-page-container .market-1 .bet-table-row {
	padding-left: 0;
	padding-right: 0
}

.detail-page-container .market-1 .bet-table-row .market-1-item {
	padding: 2px 8px;
	border-bottom: 1px solid #3c444b;
	display: flex;
	display: -webkit-flex;
	flex: 1 1 auto;
	justify-content: space-between;
	align-items: center;
	min-width: 33.33%;
	max-width: 50%
}

.detail-page-container .market-1 .bet-table-row .market-1-item>div:first-child {
	cursor: pointer
}

.detail-page-container .market-1 .bet-table-row .market-1-item:nth-child(3n) {
	border-right: 0
}

.detail-page-container .market-1 .live-book {
	flex: 1;
	text-align: right;
	margin-right: 5px
}

.market-1 .suspendedfull:after {
	width: 100%;
	right: 0
}

.market-1 .suspendedtext:after {
	right: 0;
	width: 100%;
	height: calc(100% - 2px)
}

.market-1 .suspended:after {
	background-color: #131313c2;
	color: var(--text-red)
}

.market-11 .suspendedtext:after,
.market-11 .suspendedtext:before,
.market-2 .suspendedtext:after,
.market-2 .suspendedtext:before {
	width: 148px;
	height: 38px
}

.market-11 .suspendedfull:after,
.market-2 .suspendedfull:after {
	width: 148px;
	height: calc(100% - 4px)
}

.market-3 .suspendedtext:after {
	width: 300px;
	height: 38px
}

.market-3 .suspendedfull:after {
	width: 300px;
	height: calc(100% - 4px)
}

.market-4 .suspendedtext:after {
	width: 452px;
	height: 38px
}

.market-12 .suspendedtext:after {
	width: 452px;
	height: 100%;
	top: 0
}

.market-12 .suspendedfull:after,
.market-4 .suspendedfull:after {
	width: 452px;
	height: calc(100% - 4px)
}

.market-5 .suspendedtext:after {
	right: 160px;
	width: 148px;
	height: 38px
}

.market-5 .suspendedfull:after {
	right: 160px;
	width: 148px;
	height: calc(100% - 4px)
}

.market-6 .suspendedtext:after {
	width: 148px;
	right: 84px;
	height: calc(100% - 4px)
}

.market-6 .suspendedfull:after {
	width: 148px;
	right: 84px;
	height: calc(100% - 4px)
}

.market-9 .suspendedtext:after {
	width: 72px;
	right: 8px;
	height: calc(100% - 4px)
}

.market-10 .suspendedtext:after {
	width: 72px;
	right: 84px;
	height: calc(100% - 4px)
}

.market-message {
	padding: 0 5px;
	font-size: var(--font-small);
	line-height: 16px;
	color: var(--text-table)
}

.scorecard {
	width: 616px;
	border-radius: 8px;
	background-color: var(--bg-table);
	position: absolute;
	font-size: var(--font-caption);
	max-width: 95%
}

.scorecard-header {
	border-radius: 8px 8px 0 0;
	height: 32px;
	background-color: var(--bg-sidebar);
	font-size: var(--font-small);
	padding: 5px 10px
}

.scorecard-row {
	padding: 5px 10px;
	border-bottom: 1px solid var(--bg-table-header)
}

.scorecard-row:last-child {
	border-bottom: 0
}

.ball-runs {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	width: 25px;
	border-radius: 50%;
	font-size: var(--font-small);
	background-color: #08c;
	color: #fff;
	text-align: center
}

.ball-runs.four {
	background-color: #087f23
}

.ball-runs.six {
	background-color: #883997
}

.ball-runs.wicket {
	background-color: red
}

.casino-center {
	width: calc(100% - 476px);
	margin-right: 6px;
	margin-left: 6px;
	position: relative
}

.casino-sliders {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap
}

.casino-carousal {
	width: 73%
}

.casino-carousal img {
	height: 300px;
	width: 100%
}

.casino-small-icons {
	width: calc(27% - 5px);
	margin-left: 5px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	align-content: flex-start
}

.casino-small-icon {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 10px
}

.casino-small-icon:nth-child(2n) {
	margin-right: 0
}

.casino-small-icon:nth-child(3n),
.casino-small-icon:nth-child(4n) {
	margin-bottom: 0
}

.casino-small-icon img {
	height: 145px;
	width: 100%
}

.casino-tabs {
	height: 50px;
	background-color: var(--bg-tabs);
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	position: relative;
	border-radius: 0 0 8px 8px
}

.casino-tabs-menu {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	transition: .75s
}

.frame-open .casino-tabs-menu {
	width: calc(100% - 50px);
	display: inline-block
}

.header .close-frame-fantacy {
	position: unset;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 36px
}

.casino-tabs .arrow-tabs {
	top: 5px
}

.casino-tabs .nav-tabs {
	border: 0;
	margin-left: 50px;
	margin-right: 50px;
	position: relative;
	flex-wrap: nowrap;
	overflow: hidden;
	scroll-behavior: smooth;
	white-space: nowrap
}

.casino-tabs .nav-tabs .nav-link {
	color: var(--text-white);
	padding-top: 0;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	border: 0;
	text-align: center
}

.casino-tabs .nav-tabs .nav-item .nav-link.active {
	color: var(--text-white);
	border-bottom: 3px solid var(--bg-warning);
	background-color: transparent
}

.casino-tabs .nav-tabs .nav-item .nav-link:focus,
.casino-tabs .nav-tabs .nav-item .nav-link:hover {
	color: var(--text-white)
}

.center-container.casino-list-container {
	width: 100%;
	padding-left: 6px;
	padding-right: 6px;
	margin: 0
}

.casino-container {
	width: 100%;
	min-height: calc(100vh - 100px)
}

.casino-container .center-main-content {
	padding: 16px 30px
}

.report-container .casino-title {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 8px;
	background-color: var(--bg-table-header);
	margin-top: 6px
}

.casino-banners {
	background-color: var(--bg-table);
	padding: 10px 10px 0 10px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin-top: 6px
}

.casino-banner-item {
	width: calc(16.66% - 8.4px);
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
	transition: 3s
}

.live-casino-banners .casino-banner-item {
	width: calc(20% - 8px);
	margin-right: 10px;
	margin-bottom: 10px
}

.live-casino-banners .casino-banner-item:nth-child(6n) {
	margin-right: 10px
}

.live-casino-banners .casino-banner-item:nth-child(5n) {
	margin-right: 0
}

.slot-banner-full {
	width: 100% !important
}

.casino-banner-item:hover>div:first-child {
	filter: blur(6px)
}

.casino-banner-item .slot-title {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 5px;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	width: 100%;
	max-width: 100%;
	text-align: center;
	display: none;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
	transition: 1s
}

.casino-banner-item .slot-title .btn {
	background-color: #fdcf13;
	color: #000;
	min-width: 100px;
	margin-top: 10px
}

.casino-banner-item:hover .slot-title {
	display: flex
}

@keyframes slide-down {
	0% {
		transform: scale(0)
	}

	100% {
		transform: scale(1)
	}
}

.casino-banner-item img {
	border-radius: 4px;
	width: 100%
}

.casino-banner-item:nth-child(6n) {
	margin-right: 0
}

.casino-banner-item.launch-soon {
	position: relative;
	cursor: not-allowed
}

.casino-banner-item.launch-soon img {
	transition: .8s
}

.casino-banner-item.launch-soon:hover img {
	filter: blur(10px);
	transition: .8s
}

.casino-banner-item.launch-soon:hover::after {
	position: absolute;
	content: "Launch Soon";
	color: var(--text-fancy);
	font-weight: var(--font-bold);
	top: 0;
	left: 0;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	z-index: 1000;
	transition: .8s
}

.casino-primary-tabs {
	background-color: var(--bg-tabs);
	height: 50px;
	margin-top: 6px;
	position: relative;
	border-radius: 8px 8px 0 0;
	margin-bottom: 0
}

.casino-primary-tabs .nav-tabs {
	border: 0;
	margin-left: 30px;
	margin-right: 30px;
	flex-wrap: nowrap;
	overflow: hidden;
	scroll-behavior: smooth;
	white-space: nowrap
}

.casino-primary-tabs .nav-tabs .nav-item {
	text-align: center;
	width: 138px
}

.casino-primary-tabs .nav-tabs .nav-item .nav-link {
	height: 50px;
	padding: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: var(--text-white);
	border-right: 1px solid #3c444b;
	border-radius: 0
}

.casino-primary-tabs .nav-tabs .nav-link:focus,
.casino-primary-tabs .nav-tabs .nav-link:hover {
	color: var(--text-white);
	border-color: transparent;
	border-right: 1px solid var(--bg-table-header)
}

.casino-primary-tabs .nav-tabs .nav-link:focus img,
.casino-primary-tabs .nav-tabs .nav-link:hover img {
	filter: invert(0);
	-webkit-filter: invert(0)
}

.casino-primary-tabs .nav-tabs .nav-item .nav-link span {
	display: block;
	text-transform: uppercase
}

.casino-primary-tabs .nav-tabs .nav-item .nav-link.active {
	color: var(--text-fancy);
	background-color: transparent;
	border-color: transparent;
	border-right: 1px solid var(--bg-table-header);
	border-bottom: 3px solid var(--bg-warning)
}

.casino-box-tabs {
	padding: 10px 0;
	position: sticky;
	top: 94px;
	margin-top: -6px;
	z-index: 1;
	width: 100%;
	background: var(--bg-body);
	display: flex;
	justify-content: space-between
}

.animate-on .casino-box-tabs {
	top: 128px
}

.casino-box-tabs ul {
	margin: 0 50px;
	white-space: nowrap;
	flex-wrap: nowrap;
	overflow-x: hidden
}

.casino-box-tabs .nav-pills .nav-item {
	margin-right: 10px
}

.casino-box-tabs .nav-pills .nav-item img {
	height: 30px;
	margin-right: 5px
}

.casino-box-tabs .nav-pills .nav-link.active {
	border: 2px solid var(--text-fancy)
}

.casino-box-tabs .nav-pills .nav-link {
	border: 2px solid var(--bg-table-header);
	color: var(--text-body);
	border-radius: 20px;
	background-color: transparent;
	min-height: 40px;
	display: flex;
	align-items: center
}

.casino-search {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 50px;
	cursor: pointer;
	border-radius: 0 0 8px 0;
	background-color: #051a32;
	box-shadow: inset 0 0 0 2px rgba(24, 144, 255, .2)
}

.casino-box .casino-search {
	height: 54px;
	top: -2px;
	border-radius: 0 8px 8px 0
}

.casino-search.open-search {
	width: 488px;
	max-width: 100%;
	transition: 1.2s ease
}

.casino-search.open-search .form-control {
	width: 100%;
	display: block;
	background-color: transparent;
	color: var(--text-white)
}

.casino-search.close-search {
	transition: 1.2s ease
}

.casino-search .form-control {
	height: 100%;
	width: 0;
	border-radius: 0 8px 8px 0;
	transition: 1.2s ease;
	border: 0;
	background-color: transparent;
	outline: 0;
	box-shadow: none
}

.casino-search .search-icon {
	position: absolute;
	right: 0;
	cursor: pointer;
	display: flex;
	display: -webkit-flex;
	height: 100%;
	width: 50px;
	justify-content: center;
	align-items: center
}

.casino-search .search-icon i {
	color: var(--text-white)
}

.banner-iframe {
	position: fixed;
	top: 60px;
	left: 302px;
	top: 100%;
	width: calc(100% - 302px);
	background-color: var(--bg-table);
	z-index: 10
}

.banner-iframe.slot-iframe.banner-frame-show {
	left: 0;
	width: 100%;
	top: 134px;
	height: calc(100vh - 134px)
}

.animate-on .banner-iframe.slot-iframe.banner-frame-show {
	top: 168px;
	height: calc(100vh - 168px)
}

.banner-iframe.banner-frame-show {
	height: calc(100vh - 164px);
	transition: all .3s ease-out;
	top: 164px;
	z-index: 1000
}

.animate-on .banner-iframe.banner-frame-show {
	height: calc(100vh - 198px);
	top: 198px
}

.banner-iframe-header {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	padding: 8px;
	font-size: var(--font-big);
	height: 40px;
	align-items: center;
	background-color: var(--bg-table-header);
	display: none
}

.banner-iframe iframe {
	width: 100%;
	border: 0;
	height: 100%
}

.banner-iframe-name {
	font-size: var(--font-18);
	color: var(--text-fancy)
}

.close-frame {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	width: 40px;
	height: 40px;
	cursor: pointer;
	align-items: center;
	margin-right: 10px
}

.close-frame .btn-reset {
	height: 32px;
	padding-top: 0;
	padding-bottom: 0
}

.right-sidebar.casino-right-sidebar {
	width: 464px;
	background-color: var(--bg-table);
	padding: 4px
}

.casino-container .footer {
	padding-left: 302px
}

.casino-table {
	background-color: var(--bg-table);
	border-radius: 8px;
	padding-bottom: 0;
	color: var(--text-table);
	position: relative;
	transform: translateZ(0)
}

.casino-table .casino-detail .back {
	background-color: #72bBEF40;
	border: 2px solid var(--back);
	color: #d7d7d7
}

.casino-table .casino-detail .back:hover {
	border: 1px solid var(--back)
}

.casino-table .casino-detail .lay {
	background-color: #f994BA40;
	border: 2px solid var(--lay);
	color: #d7d7d7
}

.casino-table .casino-detail .lay:hover {
	border: 1px solid var(--lay)
}

.casino-title {
	padding: 16px
}

.casino-title .casino-name {
	text-transform: uppercase;
	height: 22px;
	font-weight: var(--font-bold)
}

.fa-info-circle {
	color: #ccc;
	font-size: var(--font-body);
	cursor: pointer;
	transition: .5s;
	vertical-align: middle;
	border: 5px solid transparent
}

.fa-info-circle:hover {
	color: #eee
}

.icon-range {
	position: absolute;
	top: 100%;
	background-color: var(--bg-sidebar);
	padding: 4px;
	max-width: 100%;
	word-wrap: break-word;
	font-size: var(--font-small);
	z-index: 10;
	right: 0;
	transition: .1s;
	text-transform: capitalize;
	color: var(--text-sidebar);
	z-index: 101
}

.icon-range span {
	display: inline-block;
	font-size: 10px !important
}

.casino-title .casino-rules-title {
	height: 19px;
	font-size: var(--font-caption);
	line-height: 19px;
	text-decoration: underline;
	padding-left: 16px
}

.casino-title .round-id {
	float: right;
	height: 22px
}

.casino-video {
	position: relative;
	background-image: linear-gradient(0deg, #100b1e 0, #160d27 26.42%, #11091d 48.45%, #030309 100%)
}

.casino-video .video-box-container {
	max-width: calc(100% - 190px);
	margin-left: auto
}

.casino-video .video-box {
	position: relative;
	max-width: 100%;
	width: 100%;
	padding-bottom: 56.25%
}

.casino-video .video-box>iframe,
.casino-video .video-box>img {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border: 0
}

.casino-video-title {
	position: absolute;
	left: 5px;
	top: 5px;
	background-color: #f8f9fa35;
	padding: 5px;
	z-index: 10;
	text-align: center;
	min-width: 180px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.casino-video-title .casino-name {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1;
	color: #fdcf13
}

.casino-video-rid {
	font-weight: 700;
	color: #ddd;
	font-size: 12px;
	line-height: 1;
	margin-top: 3px
}

.casino-video-cards {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	background-color: rgba(0, 0, 0, .6);
	padding: 5px 20px 5px 5px;
	display: inline-block;
	height: 155px;
	overflow: hidden;
	transition: 1s;
	width: 195px;
	border-radius: 0 8px 8px 0
}

.teenpattiopen .casino-video-cards {
	height: 110px
}

.lucky7 .casino-video-cards {
	height: 85px;
	width: 80px
}

.casino-cards-shuffle {
	position: absolute;
	right: 5px;
	top: 50%;
	width: auto !important;
	font-size: 30px;
	transform: translateY(-50%);
	cursor: pointer;
	color: #b3b3b3
}

.casino-video-cards-container {
	width: 100%;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	flex-direction: column;
	transition: 1s
}

.casino-video-cards.hide-cards {
	width: 0 !important
}

.casino-video-cards.hide-cards .casino-video-cards-container {
	width: 0
}

.casino-video-cards-container>div {
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap;
	width: 100%;
	margin-bottom: 5px
}

.casino-video-cards-container .dealer-name {
	font-weight: 700;
	text-transform: uppercase;
	font-size: var(--font-small);
	justify-content: center;
	white-space: nowrap;
	color: var(--text-white)
}

.casino-video-cards-container>div:last-child {
	margin-bottom: 0
}

.casino-video-right-icons {
	position: absolute;
	right: 5px;
	top: 5px;
	display: flex;
	display: -webkit-flex
}

.casino-video-home-icon,
.casino-video-lr-icon,
.casino-video-rules-icon {
	background-color: rgba(0, 0, 0, .5);
	border: 1px solid #999;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	cursor: pointer
}

.casino-video-lr-icon {
	margin-right: 0
}

.casino-video-home-icon i,
.casino-video-lr-icon i,
.casino-video-rules-icon i {
	font-size: var(--font-24);
	color: var(--text-white);
	cursor: pointer
}

.casino-video-home-icon:hover,
.casino-video-lr-icon:hover,
.casino-video-rules-icon:hover {
	background-color: rgba(115, 115, 115, .5)
}

.casino-video-last-results {
	background-color: rgba(0, 0, 0, .6);
	display: flex;
	display: -webkit-flex;
	align-content: flex-start;
	flex-wrap: wrap;
	transition: 1s;
	overflow: hidden
}

.casino-video-last-results.hide-lr {
	height: 0;
	transition: 1s;
	padding-top: 0;
	padding-bottom: 0
}

.casino-video-last-results a,
.casino-video-last-results span {
	width: 35px;
	margin-left: 5px;
	margin-top: 5px;
	border-radius: 4px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	background-color: #434343;
	color: #fff;
	cursor: pointer;
	font-weight: 700
}

.casino-video-last-results span.resulta {
	color: var(--text-red)
}

.casino-video-last-results span.resultb {
	color: var(--text-yellow)
}

.casino-video-last-results span.resultc {
	color: var(--text-green)
}

.casino-video-last-results span.resulttie {
	color: var(--text-white)
}

.baccarat .casino-video-last-results span.resulta {
	color: #509bff
}

.baccarat .casino-video-last-results span.resultb {
	color: #d3393d
}

.baccarat .casino-video-last-results span.resulttie {
	color: #11b24b
}

.casino-video-last-results span.resulthigh {
	color: var(--text-green)
}

.casino-video-last-results span.resultlow {
	color: var(--text-red)
}

.casino-video-last-results a.result-more {
	width: 100%;
	line-height: 1.8;
	margin-right: 5px;
	margin-bottom: 5px;
	color: var(--text-white)
}

.casino-vieo-rules {
	position: absolute;
	right: 10px;
	top: 50px;
	display: none;
	z-index: 10
}

.casino-vieo-rules img {
	max-width: 300px
}

.casino-video-cards span img {
	margin-right: 8px;
	width: 50px
}

.casino-video-cards .card-close {
	text-indent: -4000px;
	background-repeat: no-repeat;
	border: 2px solid var(--bg-success);
	height: 75px;
	width: 53px;
	margin-right: 8px;
	display: inline-block;
	vertical-align: top
}

.casino-video-right-info {
	position: absolute;
	right: 6px;
	top: 6px;
	padding: 6px;
	background-color: var(--bg-table-header)
}

.casino-timer {
	position: absolute;
	right: 5px;
	bottom: 5px;
	display: flex;
	display: -webkit-flex
}

.minrange .casino-bl-box-item {
	font-size: 10px;
	color: var(--text-table);
	height: 14px !important;
	text-align: right;
	align-items: flex-end;
	line-height: 14px;
	flex-direction: row;
	justify-content: flex-end
}

.teenpatti20 .casino-bl-box.minrange {
	margin-top: 5px
}

.minrange .casino-bl-box-item span {
	font-size: 10px;
	width: auto
}

.teenpatti20 .casino-rb-box-player .range {
	font-size: 12px
}

.base-timer {
	position: relative;
	width: 100px;
	height: 100px;
	background-color: rgba(0, 0, 0, .8);
	border-radius: 50%
}

.base-timer__svg {
	transform: scaleX(-1)
}

.base-timer__circle {
	fill: none;
	stroke: none
}

.base-timer__path-elapsed {
	stroke-width: 7px;
	stroke: grey
}

.base-timer__path-remaining {
	stroke-width: 7px;
	stroke-linecap: round;
	transform: rotate(90deg);
	transform-origin: center;
	transition: 1s linear all;
	fill-rule: nonzero;
	stroke: currentColor
}

.base-timer__label.green,
.base-timer__path-remaining.green {
	color: #41b883
}

.base-timer__label.orange,
.base-timer__path-remaining.orange {
	color: orange
}

.base-timer__label.red,
.base-timer__path-remaining.red {
	color: red
}

.base-timer__label {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	font-size: 50px;
	color: var(--text-fancy);
	font-family: timer
}

.base-timer__label>span {
	min-width: 20px;
	text-align: center;
	line-height: 1
}

.card__counter {
	background-color: var(--bg-sidebar);
	position: absolute;
	left: 16px;
	bottom: 16px;
	height: 150px;
	line-height: 150px;
	padding: 0 20px;
	display: flex;
	display: -webkit-flex;
	font-family: 'Anonymous Pro';
	font-weight: 700;
	color: #fff
}

.card__counter__num {
	font-size: 150px;
	padding: 0 20px;
	z-index: 15
}

.card__counter__num span {
	margin-top: 45px;
	font-size: 65px;
	opacity: 1;
	transition: opacity .3s;
	z-index: 3
}

.timer {
	width: 56px;
	height: 72px;
	line-height: 72px;
	font-size: var(--font-timer);
	font-weight: var(--font-bold);
	text-align: center;
	color: var(--text-highlight)
}

.timer1 {
	border-radius: 4px 0 0 4px;
	margin-right: 2px
}

.timer2 {
	border-radius: 0 4px 4px 0
}

.casino-detail {
	padding: 5px
}

.casino-row {
	margin-top: 10px
}

.casino-box-header {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	align-items: center
}

.casino-box-row {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	padding: 2px 0;
	align-items: center;
	position: relative
}

.casino-box-row.suspended:after {
	border-radius: 0
}

.casino-nation-name {
	width: calc(100% - 148px)
}

.casino-bl-box-title .playera {
	color: var(--text-red) !important
}

.casino-bl-box-title .playerb {
	color: var(--text-yellow) !important
}

.casino-detail .casino-nation-name.no-border {
	background-color: transparent;
	padding: 0
}

.casino-bl-box {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap
}

.casino-bl-box-title .casino-bl-box-item {
	color: var(--text-table);
	height: 24px !important;
	font-size: var(--font-caption);
	flex-direction: row
}

.casino-bl-box-title .casino-bl-box-item span {
	width: auto;
	flex: 1
}

.teenpatti20 .casino-bl-box-title .casino-bl-box-item .fa-info-circle {
	font-size: var(--font-caption)
}

.casino-bl-box-item {
	width: 72px;
	margin-right: 4px;
	border-radius: 4px;
	color: var(--text-table);
	text-align: center;
	height: 32px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	flex-direction: column
}

.casino-detail .casino-box-header .casino-bl-box-item {
	height: 20px !important;
	color: var(--text-highlight)
}

.teenpattiopen .casino-detail .casino-box-header .casino-bl-box-item {
	height: 20px !important
}

.casino-box-odd-even .casino-bl-box-item {
	height: 40px
}

.casino-bl-box-item>span,
.casino-rb-box-player>span {
	display: block;
	width: 100%;
	line-height: 14px;
	font-size: 16px;
	font-weight: 700
}

.casino-bl-box-item .casino-box-odd,
.casino-rb-box-player .casino-box-odd {
	font-weight: var(--font-bold);
	font-size: var(--font-odds);
	height: 16px;
	line-height: 16px;
	margin-bottom: 2px;
	width: 100%
}

.casino-rb-box-player span {
	display: block;
	width: 100%
}

.casino-bl-box-item:last-child {
	margin-right: 0
}

.casino-card-img img {
	width: 30px;
	height: auto;
	margin-left: 5px
}

.casino-card-img img:last-child {
	margin-left: 0
}

.btn-casino {
	background-color: var(--bg-table);
	width: 100%;
	height: 38px;
	line-height: 38px;
	padding: 0
}

.casino-cards {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%
}

.casino-cards-odds-title {
	background-color: var(--bg-table-header);
	color: var(--text-table-header)
}

.casino-card-item {
	margin-right: 5px;
	width: auto;
	margin-bottom: 5px;
	min-width: 60px
}

.cards-top .casino-card-item {
	display: inline-block;
	width: auto;
	margin-right: 5px;
	margin-bottom: 0;
	min-width: 35px
}

.cards-top .casino-card-item:nth-child(3n) {
	margin-right: 0
}

.casino-card-item:last-child {
	margin-right: 0
}

.casino-card-item .card-image {
	display: inline-block
}

.casino-card-item .card-image img {
	width: 50px
}

.casino-card-item .card-image {
	cursor: pointer
}

.casino-odds {
	font-weight: var(--font-bold);
	text-align: center;
	width: 100%;
	line-height: 18px;
	position: relative
}

.casino-buttons {
	text-align: center;
	line-height: 18px;
	margin-top: 5px;
	text-transform: uppercase;
	font-weight: 700
}

.casino-buttons img {
	height: 25px
}

.casino-book {
	text-align: center;
	font-size: var(--font-caption);
	line-height: 18px;
	color: var(--text-highlight);
	margin-top: 2px
}

.casino-min-max {
	font-size: var(--font-small)
}

.last-result-icons {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	margin-top: 10px
}

.last-result-item {
	margin-right: 10px;
	margin-bottom: 10px;
	height: 40px;
	width: 40px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: var(--text-highlight);
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative
}

.last-result-item.last-result-item-1 {
	background-image: url(../img/last-result1.png)
}

.last-result-item.last-result-item-2 {
	background-image: url(../img/last-result2.png)
}

.last-result-item.last-result-item-3 {
	background-image: url(../img/last-result3.png)
}

.last-result-item.view-more-result {
	background-image: url(../img/last-result4.png)
}

.view-more-result span {
	height: 40px;
	line-height: 32px
}

.last-result-item:last-child {
	margin-right: 0
}

.last-result-container {
	padding: 16px
}

.last-result-title {
	text-transform: uppercase;
	height: 22px;
	font-weight: var(--font-bold)
}

.last-result-form {
	margin-top: 16px
}

.last-result-form .form-group {
	display: inline-block;
	margin-right: 24px
}

.last-result-form .form-group input.form-control {
	width: 170px
}

.last-result-form .form-group select.form-control {
	width: 240px
}

select {
	appearance: auto;
	color: #333;
	/* padding: 0 10px !important; */
}

.date-btn-main div {
	color: #fff !important;
	font-size: 12px;
}

.date-btn-main div a {
	color: #333 !important;
}

.last-result-form .btn {
	width: 160px
}

.casino-row-container {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap
}

.casino-col-container {
	width: 32.66%;
	margin-bottom: 10px;
	margin-right: 1%
}

.casino-col-container:nth-child(3n) {
	margin-right: 0
}

.baccarat .casino-detail {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.baccarat .statistics-title {
	height: 22px;
	font-weight: var(--font-bold);
	text-transform: uppercase;
	margin-bottom: 14px
}

.statistics {
	width: 25%;
	padding-left: 20px
}

.baccarat .statistics-icons {
	display: inline-block;
	padding-left: 42px
}

.baccarat .statistics-icon-player {
	position: relative;
	margin-bottom: 16px
}

.baccarat .statistics-icon-player span {
	margin-left: 32px
}

.baccarat .statistics-icon-player:before {
	position: absolute;
	content: "";
	border-radius: 50%;
	height: 16px;
	width: 16px;
	background-color: #509bff
}

.baccarat .statistics-icon-banker {
	position: relative;
	margin-bottom: 16px
}

.baccarat .statistics-icon-banker span {
	margin-left: 32px
}

.baccarat .statistics-icon-banker:before {
	position: absolute;
	content: "";
	border-radius: 50%;
	height: 16px;
	width: 16px;
	background-color: #d3393d
}

.baccarat .statistics-icon-tie {
	position: relative
}

.baccarat .statistics-icon-tie span {
	margin-left: 32px
}

.baccarat .statistics-icon-tie:before {
	position: absolute;
	content: "";
	border-radius: 50%;
	height: 16px;
	width: 16px;
	background-color: #11b24b
}

.baccarat .baccarat-bets-odds {
	width: 75%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap
}

.baccarat .baccarat-odds {
	display: flex;
	display: -webkit-flex;
	width: 100%;
	margin-bottom: 50px;
	padding-top: 15px
}

.baccarat .baccarat-odd-block {
	flex: 1 1 auto;
	margin-right: 16px;
	position: relative
}

.baccarat .baccarat-odd-block .casino-min-max {
	position: absolute;
	right: 0;
	top: -25px;
	width: 100%
}

.baccarat .baccarat-odd-block:last-child {
	margin-right: 0
}

.baccarat .baccarat-odd-block .baccarat-odd-name {
	padding: 8px 2px;
	text-align: center;
	color: var(--text-white);
	background-color: var(--bg-tabs);
	cursor: pointer;
	border-radius: 4px;
	text-transform: uppercase
}

.baccarat .baccarat-odd-block .baccarat-odd-name:hover {
	opacity: .8;
	cursor: pointer
}

.baccarat .baccarat-odd-block .baccarat-odd-val {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -25px
}

.baccarat .baccarat-bets {
	display: flex;
	display: -webkit-flex;
	width: 100%;
	margin-top: 0;
	position: relative;
	padding-bottom: 30px
}

.baccarat .player-pair {
	margin-right: 2px;
	width: 15%;
	height: 90px;
	margin-top: 15px;
	position: relative
}

.baccarat .baccarat-bets-name {
	height: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-direction: column;
	color: var(--text-white);
	padding-left: 0;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer
}

.baccarat .player-pair .baccarat-bets-name {
	border-radius: 16px 0 0 16px;
	background-color: #509bff
}

.baccarat .player .baccarat-bets-name:hover,
.baccarat .player-pair .baccarat-bets-name:hover {
	background: #509bffc9;
	cursor: pointer
}

.baccarat .player-pair .baccarat-bets-name div {
	margin-bottom: 0
}

.baccarat .player-pair .baccarat-bets-val {
	text-align: center;
	line-height: 18px
}

.baccarat .player-pair .casino-min-max {
	position: absolute;
	top: -25px;
	left: 0;
	width: 100%;
	text-align: left
}

.baccarat .player-pair .casino-min-max .icon-range {
	left: 0;
	right: unset
}

.baccarat .player {
	width: 35%;
	height: 120px;
	position: relative
}

.baccarat .player .baccarat-bets-name {
	background-color: #509bff;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	align-items: flex-start;
	padding-left: 20px
}

.baccarat .player .baccarat-bets-name div {
	margin-bottom: 0
}

.baccarat .player .baccarat-bets-val {
	text-align: center;
	line-height: 18px
}

.baccarat .player .casino-min-max {
	position: absolute;
	left: 0;
	top: -25px;
	width: 100%;
	text-align: left
}

.baccarat .player .casino-min-max .icon-range {
	left: 0;
	right: unset
}

.baccarat .banker>span,
.baccarat .player>span {
	float: left;
	margin-left: 10px
}

.baccarat .banker img,
.baccarat .player img {
	height: 60px
}

.l-rotate,
.r-rotate {
	width: 60px
}

.l-rotate img,
img.l-rotate {
	transform: rotate(270deg);
	margin-right: 10px
}

.r-rotate>img,
img.r-rotate {
	transform: rotate(90deg);
	margin-right: 10px
}

.baccarat .tie {
	position: absolute;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	left: 50%;
	transform: translateX(-50%);
	top: 2px;
	z-index: 10
}

.baccarat .tie .baccarat-bets-name {
	background-color: #11b24b;
	border-radius: 50%;
	border: 2px solid #000
}

.baccarat .tie .baccarat-bets-name:hover {
	background: #0c9a1d;
	cursor: pointer
}

.baccarat .tie .baccarat-bets-name div {
	margin-bottom: 0
}

.baccarat .tie .baccarat-bets-val {
	text-align: center;
	line-height: 18px
}

.baccarat .tie .casino-min-max {
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	text-align: center
}

.baccarat .banker {
	width: 35%;
	height: 120px;
	position: relative
}

.baccarat .banker .baccarat-bets-name {
	background-color: #d3393d;
	align-items: flex-end;
	padding-right: 20px;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px
}

.baccarat .banker .baccarat-bets-name:hover,
.baccarat .banker-pair .baccarat-bets-name:hover {
	background-color: #d3393ddb;
	cursor: pointer
}

.baccarat .banker .baccarat-bets-name div {
	margin-bottom: 0
}

.baccarat .banker span,
.baccarat .player span {
	margin-left: 3px
}

.baccarat .banker .baccarat-bets-val {
	text-align: center;
	line-height: 18px
}

.baccarat .banker .casino-min-max {
	position: absolute;
	top: -25px;
	right: 0;
	width: 100%;
	text-align: right
}

.baccarat .banker-pair {
	width: 15%;
	margin-left: 2px;
	height: 90px;
	margin-top: 15px;
	position: relative
}

.baccarat .banker-pair .baccarat-bets-name {
	border-radius: 0 16px 16px 0;
	background-color: #d3393d
}

.baccarat .banker-pair .baccarat-bets-name div {
	margin-bottom: 0
}

.baccarat .banker-pair .baccarat-bets-val {
	text-align: center;
	line-height: 18px
}

.baccarat .banker-pair .casino-min-max {
	position: absolute;
	right: 0;
	top: -25px;
	width: 100%;
	text-align: right
}

.baccarat .baccarat-min-max {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	width: 100%;
	font-size: 12px;
	line-height: 14px
}

.player .suspended:before,
.player-pair .suspended:before {
	background-position: left 10px top 10px
}

.banker .suspended:before,
.banker-pair .suspended:before {
	background-position: right 10px top 10px
}

.player-pair .suspended:after {
	border-radius: 16px 0 0 16px
}

.banker-pair .suspended:after {
	border-radius: 0 16px 16px 0
}

.player .suspended:after {
	border-radius: 16px 0 0 16px
}

.tie .suspended:after {
	border-radius: 50%
}

.banker .suspended:after {
	border-radius: 0 16px 16px 0
}

.baccarat .suspended img {
	position: relative;
	z-index: 10;
	cursor: not-allowed
}

.lucky7 .casino-detail {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap
}

.lucky7 .casino-detail .casino-box {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	align-content: flex-start
}

.lucky7 .casino-detail .casino-box.low-high-box {
	width: 49%;
	margin-right: 2%
}

.lucky7 .casino-detail .casino-box.sidebets-box {
	width: 49%
}

.lucky7 .casino-detail .casino-box.cards-box {
	width: 100%
}

.lucky7 .casino-detail .casino-box.cards-box .casino-min-max {
	position: absolute;
	right: 0;
	top: 0;
	font-weight: 400
}

.lucky7 .casino-detail .cards-top {
	width: 100%
}

.cards-top .cards-top-box {
	padding: 5px;
	border: 5px solid var(--bg-tabs);
	cursor: pointer;
	height: 110px;
	justify-content: center;
	align-items: flex-start
}

.lucky7 .casino-detail .casino-box:last-child {
	margin-right: 0
}

.lucky7 .casino-detail .casino-box .low-odds {
	border: 5px solid var(--bg-danger);
	padding: 0;
	width: 33.33%;
	padding: 6px;
	height: 76px;
	border-radius: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.lucky7 .casino-detail .casino-box .high-odds {
	border: 5px solid var(--bg-success);
	padding: 0;
	width: 33.33%;
	padding: 6px;
	height: 76px;
	border-radius: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.lucky7-card {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	width: 33.33%;
	background-color: var(--bg-tabs);
	padding: 6px
}

.lucky7-card img {
	height: 60px
}

.lucky7-extra-bets {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	width: 100%
}

.lucky7-extra-bets-item-container {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 5px
}

.lucky7-extra-bets-item {
	background-color: var(--bg-tabs);
	padding: 6px;
	border-radius: 8px;
	height: 76px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.lucky7eu .lucky7-extra-bets-item {
	background-color: #2580f48a
}

.lucky7-extra-bets-item-container:nth-child(4n) {
	margin-right: 0
}

.lucky7 .casino-min-max {
	width: 100%;
	text-align: right;
	position: relative;
	height: 20px
}

.cards32A .suspended:after {
	width: 148px;
	right: 6px;
	left: unset;
	top: 2px;
	border-radius: 3px;
	height: calc(100% - 4px)
}

.cards32B .suspended:after {
	width: 148px;
	right: 6px;
	left: unset;
	top: 2px;
	border-radius: 3px;
	height: calc(100% - 4px)
}

.low-odds.suspended:after {
	border-radius: 0
}

.high-odds.suspended:after {
	border-radius: 0
}

.lucky7-card.suspended {
	border-radius: 0
}

.lucky7-extra-bets-item.suspended:after {
	border-radius: 8px
}

.cards-top-box.suspended:after {
	border-radius: 0
}

.card-image.suspended:after {
	border-radius: 0
}

.casino-nation-name {
	background-color: #3c444b85;
	color: #aaafb5;
	padding: 4px;
	position: relative
}

.teen20casino-container {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.teen20left,
.teen20right {
	width: 49%
}

.teen20center {
	width: 2px;
	background-color: grey
}

.teenpatti20 .casino-nation-name {
	width: calc(100% - 75%)
}

.teenpatti20 .casino-box-header .casino-nation-name {
	background-color: transparent;
	padding: 0
}

.teenpatti20 .casino-bl-box {
	width: 100%
}

.teenpatti20 .casino-bl-box-item {
	width: calc(25% - 3px);
	height: 40px;
	text-transform: uppercase;
	position: relative
}

.teenpatti20 .casino-bl-box-item .fa-info-circle {
	font-size: var(--font-18)
}

.teenpatti20 .casino-rb-box-container {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 5px
}

.teenpatti20 .casino-rb-box {
	width: calc(50% - 4px);
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 0;
	position: relative;
	flex-direction: column
}

.teenpatti20 .casino-rb-box .range {
	text-align: right;
	width: 100%;
	font-size: 10px;
	line-height: 12px
}

.teenpatti20 .casino-rb-box-content {
	border-radius: 8px
}

.teenpatti20 .casino-rb-box-player {
	width: 100%;
	text-align: left;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	color: var(--text-table);
	min-height: 46px;
	cursor: pointer;
	border-radius: 4px
}

.teenpatti20 .casino-rb-box-player-range {
	justify-content: flex-end;
	display: flex;
	display: -webkit-flex;
	width: 100%;
	margin-top: 5px
}

.teenpatti20 .casino-rb-box-player-range .fa-info-circle {
	font-size: var(--font-caption)
}

.teenpatti20 .casino-rb-box-player img {
	height: auto;
	margin-left: 5px;
	width: 35px
}

.teenpatti20 .casino-rb-box-player>div {
	padding: 0 8px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap
}

.teenpatti20 .casino-rb-box-player .back {
	padding: 4px;
	color: var(--text-black);
	cursor: pointer;
	text-align: center
}

.teenpatti20 .casino-rb-box-player.blackbox .back {
	border: 5px solid #000
}

.teenpatti20 .casino-rb-box-player.blackbox .back span,
.teenpatti20 .casino-rb-box-player.redbox .back span {
	line-height: 18px
}

.teenpatti20 .casino-rb-box-player.redbox .back {
	border: 5px solid red
}

.teenpatti20 .casino-rb-box-center {
	width: 80px;
	text-align: center;
	background: var(--back);
	height: 80px;
	border-radius: 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.teenpatti20 .casino-rb-box-center.red {
	border: 5px solid red
}

.teenpatti20 .casino-rb-box-center.black {
	border: 5px solid #000
}

.teenpatti20 .casino-rb-box-center.red.suspended:after {
	border-radius: 0
}

.teenpatti20 .casino-rb-box-center {
	height: 80px;
	width: 80px;
	border-radius: 0;
	position: absolute;
	left: 105%;
	transform: translateX(-100%);
	top: -5px
}

.teenpatti20 .redcontainer .casino-rb-box-center {
	left: -5%;
	transform: unset
}

.teenpatti20 .casino-rb-box-center.black.suspended:after {
	border-radius: 0
}

.teenpatti20 .casino-rb-box-center img {
	width: 25px;
	margin-right: 5px
}

.teenpatti20 .casino-rb-box-center img:last-child {
	margin-right: 0
}

.teenpatti20 .odds-min-max {
	width: calc(25% - 3px);
	margin-right: 4px
}

.teenpatti20 .odds-min-max:last-child {
	margin-right: 0
}

.teen1daycasino-container {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%
}

.teen1dayleft,
.teen1dayright {
	width: 49%
}

.teen1daycenter {
	width: 2px;
	background-color: grey
}

.teenpatti1day .casino-nation-name {
	width: 50%;
	padding-right: 10px;
	position: relative
}

.teenpatti1day .casino-bl-box {
	width: 50%
}

.teenpatti1day .casino-bl-box-item {
	width: calc(50% - 2px)
}

.teen1dayother {
	width: 100%;
	margin-top: 15px
}

.teenpatti1day .teen1dayother .casino-nation-name {
	width: 22%
}

.teenpatti1day .teen1dayother .casino-bl-box {
	width: 13%
}

.teenpatti1day .teen1dayother .casino-bl-box-item {
	width: calc(100% - 4px);
	height: 40px
}

.poker20 .casino-bl-box-item {
	height: 40px
}

.player-card {
	width: 45px;
	text-align: center;
	display: inline-block;
	margin-left: 10px
}

.player-card span {
	display: inline-block
}

.teenpattiopen .casino-nation-name {
	width: calc(100% - 85%);
	position: relative
}

.teenpattiopen .casino-bl-box {
	width: 85%
}

.teenpattiopen .casino-bl-box .casino-box-odd.open-pair {
	font-size: var(--font-caption)
}

.teenpattiopen .teenopenother .casino-bl-box {
	width: 100%
}

.teenpattiopen .casino-bl-box-item {
	width: calc(12.5% - 4px);
	height: 40px
}

.teenpattiopen .teenopenother .casino-bl-box-item {
	width: calc(25% - 4px);
	color: var(--text-highlight);
	height: 56px;
	padding: 0
}

.teenpattiopen .teenopenother .casino-bl-box-item span {
	margin-top: 3px
}

.teenpattiopen .odds-min-max {
	width: 100%;
	margin-right: 4px
}

.teenpattiopen .odds-min-max:last-child {
	margin-right: 0
}

.teenpattiopen .teenopenother .odds-min-max {
	width: calc(25% - 4px)
}

.teenpattiopen .casino-open-card-box {
	display: flex;
	flex-wrap: wrap;
	background-color: var(--bg-tabs);
	padding: 10px;
	border-radius: 16px;
	margin-bottom: 10px
}

.teenpattiopen .casino-open-card-box>div {
	width: 12.5%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	color: var(--text-fancy)
}

.teenpattiopen .casino-open-card-box>div>div {
	text-align: center;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.teenpattiopen .casino-open-card-box img {
	height: 50px;
	margin-right: 5px
}

.casino-open .casino-result-desc {
	height: 230px
}

.casino-open .casino-result-desc {
	height: 230px
}

.casino-open-result {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap
}

.casino-open-result-item {
	width: 11.1%;
	text-align: center
}

.casino-open-result-item h4 {
	font-size: var(--font-18)
}

.casino-open-result .casino-result-cards-winner {
	width: 50%
}

.casino-open-result-item .casino-result-cards-item img {
	height: auto
}

.casino-open-result-item .casino-result-cards-item .winner-icon {
	height: auto;
	width: 40px
}

.casino-open-result-dealer .casino-result-cards-item .winner-icon {
	height: 50px
}

.casino-open-result-dealer h4 {
	text-transform: uppercase;
	font-size: var(--font-18)
}

.casino-open-result .casino-result-cards-item {
	margin-right: 10px;
	margin-bottom: 5px
}

.casino-open-result .casino-result-cards-item:last-child {
	margin-right: 10px
}

.casino-open-result .casino-result-cards {
	height: auto
}

.teenpattiopen .casino-detail .casino-box-header .casino-bl-box-item img {
	height: 35px
}

.casino-open-result-dealer .winner-icon {
	height: 50px
}

.casino-open-result-dealer {
	text-align: center
}

.casino-open-result-dealer .casino-result-cards {
	display: inline-block
}

.casino-open-result-dealer .casino-result-cards-item {
	display: inline-block
}

.poker20casino-container {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.poker20left,
.poker20right {
	width: 49%
}

.poker20center {
	width: 2px;
	background-color: grey
}

.poker20 .casino-bl-box-item {
	width: calc(33.33% - 3px);
	height: 40px;
	text-transform: uppercase;
	position: relative
}

.poker20 .casino-bl-box {
	width: 100%
}

.poker20 .casino-bl-box .casino-bl-box-item .casino-box-odd {
	font-size: 18px
}

.poker1day .casino-nation-name {
	width: 50%;
	padding-right: 10px;
	position: relative
}

.poker1day .casino-bl-box {
	width: 50%
}

.poker1day .casino-bl-box-item {
	width: calc(50% - 2px)
}

.poker1day .poker1dayother .casino-bl-box {
	width: 100%
}

.poker1day .poker1dayother .casino-bl-box-item {
	width: calc(50% - 4px);
	color: var(--text-table);
	height: 56px;
	padding: 0
}

.poker1day .poker1dayother .odds-min-max {
	width: calc(50% - 4px);
	position: relative
}

.poker1day .casino-video-cards {
	width: 195px;
	height: 75px
}

.poker20 .casino-video-cards {
	width: 195px;
	height: 145px
}

.poker20 .casino-video-cards-container {
	flex-direction: row
}

.poker1day .casino-video-cards .playeracards,
.poker1day .casino-video-cards .playerbcards,
.poker20 .casino-video-cards .playeracards,
.poker20 .casino-video-cards .playerbcards {
	width: 50%
}

.poker1day .casino-video-cards .playerbcards,
.poker20 .casino-video-cards .playerbcards {
	text-align: right;
	justify-content: flex-end
}

.poker1day .casino-video-cards span img,
.poker20 .casino-video-cards span img {
	width: 27px
}

.poker1day .casino-video-cards span:last-child img,
.poker20 .casino-video-cards span:last-child img {
	margin-right: 0
}

.poker1day .casino-video-cards-container>div,
.poker20 .casino-video-cards-container>div {
	flex-wrap: wrap
}

.poker1day .casino-detail {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

.poker1day .playerabox,
.poker1day .playerbbox {
	width: 39%
}

.poker1day .playerabcardbox {
	width: 20%;
	background-color: var(--bg-tabs);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	height: 100%;
	border-radius: 8px;
	height: 165px
}

.poker1day .playerabcardbox img {
	width: 40px;
	margin-right: 5px
}

.poker1day .playerabcardbox .poker-icon img {
	width: 120px
}

.poker1day .playerafabcy {
	padding: 6px;
	padding-bottom: 0;
	border: 2px solid var(--text-red);
	background-color: #fc42422e;
	min-height: 72px
}

.poker1day .playerafabcy .icon-range,
.poker1day .playerbfabcy .icon-range {
	left: 0;
	right: unset
}

.poker1day .playerbfabcy {
	padding: 6px;
	padding-bottom: 0;
	border: 2px solid var(--text-fancy);
	background-color: #fdcF132e;
	min-height: 72px
}

.poker1day .casino-nation-name {
	background-color: transparent
}

.poker1day .dealer-name {
	font-size: 18px;
	font-weight: 700
}

.poker1day .dealer-name.playera {
	color: var(--text-red)
}

.poker1day .dealer-name.playerb {
	color: var(--text-fancy)
}

.poker6player .teen1dayleft,
.poker6player .teen1dayright {
	width: 100%
}

.poker6player .teen1dayright {
	margin-top: 20px
}

.poker6player .teen1daycenter {
	display: none
}

.poker6player .casino-tabs {
	height: 36px;
	background-color: var(--bg-table-header);
	margin-bottom: 10px;
	justify-content: flex-start;
	border-radius: 0
}

.poker6player .casino-tabs .nav-tabs {
	margin: 0
}

.poker6player .poker6box {
	background-color: var(--bg-tabs);
	border-radius: 4px;
	padding: 4px;
	width: 100%;
	color: var(--text-highlight);
	cursor: pointer;
	height: 52px
}

.poker6player .poker6box .casino-nation-name {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.player-card {
	width: auto;
	text-align: center;
	display: inline-block;
	margin-left: 5px
}

.player-card span {
	display: inline-block
}

.player-card img {
	width: 25px
}

.poker6player .poker6val {
	width: 100%;
	position: relative
}

.poker6player h4 {
	color: var(--text-fancy);
	font-size: var(--font-body);
	border-bottom: 1px solid var(--text-fancy);
	display: inline-block
}

.poker6player .casino-video-cards span img {
	width: 29px;
	margin-right: 4px
}

.poker6player .casino-video-cards {
	height: 50px;
	width: 190px
}

.poker6result .casino-open-result-item {
	width: 16.66%
}

.poker6box .player-card {
	position: relative;
	z-index: 1
}

.poker6box .player-card img {
	z-index: 10
}

.teenpattitest .casino-video-cards-container>div {
	flex-wrap: wrap
}

.teenpattitest .casino-video-cards-container>div>div {
	display: flex;
	flex-wrap: nowrap
}

.teenpattitest .casino-video-cards span img {
	width: 37px
}

.teenpattitest .casino-video-cards {
	width: 160px
}

.teenpattitest .casino-video-cards {
	height: 255px
}

.teentestother {
	width: 100%;
	margin-top: 15px
}

.teenpattitest .teentestother .casino-nation-name {
	width: 22%
}

.teenpattitest .casino-nation-name {
	background-color: #00000047 !important;
	padding-right: 10px;
	position: relative
}

.teenpattitest .teentestother .casino-bl-box {
	width: 13%
}

.teenpattitest .teentestother .casino-bl-box-item {
	width: calc(100% - 4px);
	height: 40px;
	position: relative
}

.cards32a .casino-video-cards-container>div,
.cards32b .casino-video-cards-container>div {
	flex-wrap: wrap
}

.cards32a .casino-video-cards span img,
.cards32b .casino-video-cards span img {
	width: 28px
}

.cards32a .casino-video-cards,
.cards32b .casino-video-cards {
	width: 200px
}

.cards32a .casino-video-cards-container>div>div,
.cards32b .casino-video-cards-container>div>div {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start
}

.cards32a .casino-video-cards,
.cards32b .casino-video-cards {
	height: 290px
}

.cards32a .casino-nation-name,
.cards32b .casino-nation-name {
	width: 50%;
	padding-right: 10px;
	position: relative
}

.cards32a .casino-bl-box,
.cards32b .casino-bl-box {
	width: 50%
}

.cards32a .casino-bl-box-item,
.cards32b .casino-bl-box-item {
	width: calc(50% - 2px);
	height: 40px
}

.cards32b .cards32bextra {
	width: 100%
}

.cards32b .cards32bextra .casino-bl-box {
	width: 100%
}

.cards32b .cards32bextra .casino-bl-box .casino-bl-box-item {
	width: calc(10% - 4px);
	margin-bottom: 10px;
	height: 80px
}

.cards32b .cards32bextra .casino-bl-box .casino-bl-box-item.back {
	border: 2px solid var(--back)
}

.cards32b .cards32bextra .casino-bl-box .casino-bl-box-item.back:hover {
	border: 3px solid var(--back)
}

.cards32b .cards32bextra .casino-bl-box .casino-bl-box-item:nth-child(10n) {
	margin-right: 0
}

.cards32b .cards32bextra .casino-bl-box .casino-bl-box-item .casino-box-odd {
	font-family: 'Anonymous Pro';
	font-size: 60px;
	height: 50px;
	line-height: 50px
}

.card32result .casino-result-cards-item img {
	width: 35px
}

.card32result .casino-result-cards {
	justify-content: flex-start
}

.card32result .casino-result-cards h4 {
	min-width: 120px;
	font-size: var(--font-caption)
}

.card32result .casino-result-cards-item .winner-icon {
	height: auto;
	width: 50px
}

.dt1day .casino-video-cards,
.dt20 .casino-video-cards {
	width: 140px;
	height: 80px
}

.dt1day .casino-nation-name {
	width: 50%;
	padding-right: 10px;
	position: relative
}

.dt1dayfancy {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

.dt1day .dragonfancy {
	width: 40%;
	padding: 6px;
	padding-bottom: 0;
	border: 2px solid var(--text-red);
	background-color: #fc42422e;
	min-height: 72px
}

.dt1day .tigerfancy {
	width: 40%;
	padding: 6px;
	padding-bottom: 0;
	border: 2px solid var(--text-fancy);
	background-color: #fdcF132e;
	min-height: 72px
}

.dt1day .pairfancy {
	width: 18%;
	padding: 6px;
	padding-bottom: 0;
	background-color: var(--bg-tabs);
	min-height: 72px
}

.dt1day .dt1dayfancy .pairfancy .casino-bl-box-item {
	width: calc(100% - 2px)
}

.dt1day .dt1dayfancy .casino-nation-name {
	background-color: transparent;
	width: 50%;
	padding-right: 10px;
	position: relative
}

.dt1day .dt1dayfancy .casino-bl-box {
	width: 50%;
	margin-right: 0
}

.dt1day .casino-bl-box img {
	width: 30px
}

.dt1day .dt1dayfancy .casino-bl-box-item {
	width: calc(50% - 2px);
	height: 40px
}

.dt1day .casino-bl-box {
	width: calc(25% - 3px);
	margin-right: 4px
}

.dt1day .casino-bl-box:last-child {
	margin-right: 0
}

.dt1day .casino-bl-box-item {
	width: 100%;
	height: 50px
}

.dtpair.teen1dayright {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center
}

.dt1day .dtpair .casino-box-row {
	position: relative
}

.dt1day .dtpair .casino-bl-box {
	width: 100%
}

.dt1day .dtpair .casino-bl-box-item {
	width: 100%
}

.dt1day .teen1dayother .casino-nation-name {
	width: 20%
}

.dt1day .teen1dayother .casino-bl-box {
	width: 20%
}

.dt1day .teen1dayother .casino-bl-box-item {
	width: calc(100% - 4px);
	height: 40px
}

.dt1day .icon-range {
	right: unset;
	left: 0
}

.dt1day .dtpair .icon-range {
	left: unset;
	right: 0
}

.dt20 .casino-detail {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.dt20 .dtobx-top {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding-top: 20px;
	position: relative
}

.dt20 .dragon-box {
	width: 40%;
	padding: 6px;
	border: 2px solid var(--text-red);
	background-color: #fc42422e;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	min-height: 60px;
	padding-right: 60px;
	cursor: pointer
}

.dt20 .dragon-box b,
.dt20 .tiger-box b {
	font-size: var(--font-18)
}

.dt20 .tiger-box {
	width: 40%;
	padding: 6px;
	border: 2px solid var(--text-fancy);
	background-color: #fdcF132e;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 60px;
	padding-left: 60px;
	cursor: pointer
}

.dt20 .tiebox {
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	left: 40%;
	transform: translateX(-50%);
	padding: 6px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--bg-success);
	color: var(--text-white);
	flex-direction: column;
	justify-content: center;
	z-index: 10;
	cursor: pointer
}

.dt20 .tiebox.suspended::after {
	border-radius: 50%
}

.dt20 .pair-box {
	width: 18%;
	margin-left: 2%;
	background-color: var(--bg-tabs);
	padding: 6px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 60px;
	flex-wrap: wrap;
	cursor: pointer
}

.dt20 .text-playera {
	border-bottom: 1px solid var(--text-red)
}

.dt20 .text-playerb {
	border-bottom: 1px solid var(--text-yellow)
}

.dt20 .casino-bl-box {
	width: calc(25% - 3px);
	margin-right: 4px
}

.dt20 .casino-bl-box:last-child {
	margin-right: 0
}

.dt20 .dt20mainbet .casino-bl-box-item {
	height: 48px
}

.dt20 .casino-bl-box-item {
	width: 100%;
	height: 50px
}

.dt20 .dt20mainbet .teen1dayleft {
	width: 80%
}

.dt20 .dt20mainbet .teen1dayright {
	width: 18%
}

.dt20 .dt20mainbet .casino-bl-box {
	width: calc(40% - 6px)
}

.dt20 .dt20mainbet .casino-bl-box.tie {
	width: calc(20% - 6px)
}

.dt20 .dt20mainbet .casino-bl-box.pair {
	width: 100%
}

.dt20 .casino-bl-box-item .casino-box-odd {
	margin-bottom: 5px
}

.dt20 .casino-bl-box-item>span {
	margin-bottom: 5px
}

.dt20 .casino-bl-box-item>span:last-child {
	margin-bottom: 0
}

.dt20 .casino-card-img img {
	width: 20px
}

.dtl20 .casino-video-cards {
	height: 80px
}

.dtl20 .casino-nation-name {
	width: 25%;
	position: relative;
	height: 40px
}

.dtl20 .casino-bl-box {
	width: calc(25% - 4px);
	margin-right: 6px
}

.dtl20 .casino-bl-box:last-child {
	margin-right: 0
}

.dtl20 .casino-bl-box-item {
	width: 100%;
	height: 40px
}

.dtl20 .dtl20info {
	position: absolute;
	z-index: 1;
	width: 25%;
	text-align: right;
	padding-right: 5px
}

.dtl20 .casino-box-row {
	min-height: 50px
}

.casino-card-img img {
	width: 35px
}

.dtl20 .casino-card-img img {
	width: 25px
}

.andar-bahar .casino-video-cards {
	width: 230px;
	height: 150px
}

.andar-bahar .ab-slider {
	width: 85%;
	margin: 0 auto 10px
}

.andar-bahar .owl-carousel .owl-nav button.owl-next,
.andar-bahar .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	font-size: 30px;
	height: 100%;
	top: 0;
	margin: 0;
	width: 20px
}

.andar-bahar .casino-detail .owl-carousel .owl-nav button.owl-prev,
.andar-bahar .casino-video .owl-carousel .owl-nav button.owl-next {
	left: -20px
}

.andar-bahar .casino-detail .owl-carousel .owl-nav button.owl-next,
.andar-bahar .casino-video .owl-carousel .owl-nav button.owl-prev {
	right: -20px
}

.andar-bahar .owl-theme .owl-nav {
	margin: 0
}

.andar-bahar .casino-video-cards-container>div {
	flex-wrap: wrap
}

.andar-bahar-3 .casino-video-cards-container>div {
	flex-wrap: nowrap
}

.andar-bahar-3 .casino-video .video-box-container {
	max-width: calc(100% - 235px)
}

.andar-bahar .casino-video-cards span img {
	height: auto;
	width: 35px
}

.ab-bg {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px
}

.andar-cards-box {
	width: 49%;
	display: flex;
	padding: 10px;
	justify-content: center;
	flex-wrap: wrap;
	border: 2px solid #fc424280
}

.bahar-cards-box {
	width: 49%;
	padding: 10px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	border: 2px solid #fdcf1380
}

.andar-cards-box h5,
.bahar-cards-box h5 {
	position: relative
}

.andar-cards-box h5 .casino-min-max,
.bahar-cards-box h5 .casino-min-max {
	position: absolute;
	right: 0;
	top: 0;
	color: var(--text-table)
}

.andar-cards-box>.casino-card-item,
.bahar-cards-box>.casino-card-item {
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 90px
}

.andar-box-container,
.bahar-box-container {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px
}

.andar-box-container.suspended:after,
.bahar-box-container.suspended:after {
	border-radius: 0
}

.andar-box-container {
	border: 2px solid #ffa07a
}

.bahar-box-container {
	border: 2px solid #90ee90
}

.andar-bahar .casino-detail .owl-carousel .owl-stage {
	margin: 0 auto
}

.ab-title {
	width: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid var(--bg-table-header);
	font-family: ab;
	font-size: 40px;
	line-height: 34px
}

.ab-cards {
	width: 90%
}

.andar-bahar2 .teen20left,
.andar-bahar2 .teen20right {
	display: flex;
	flex-wrap: wrap
}

.andar-bahar2 .teen20casino-container {
	padding-top: 10px
}

.andar-bahar2 .ab2-title {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5%;
	margin-right: 2%;
	color: var(--text-highlight);
	height: 60px
}

.andar-bahar2 .sa-sb-box {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--text-fancy);
	width: 20%;
	margin-right: 2%;
	color: var(--text-highlight);
	height: 60px;
	border-radius: 4px;
	position: relative;
	cursor: pointer
}

.andar-bahar2 .sa-sb-box .casino-min-max {
	position: absolute;
	top: -25px;
	right: 0;
	width: 100%
}

.andar-bahar2 .sa-sb-box:focus,
.andar-bahar2 .sa-sb-box:hover {
	border: 2px solid var(--text-fancy)
}

.andar-bahar2 .ab2-bet {
	background-color: var(--bg-tabs);
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--text-fancy);
	width: 30%;
	margin-right: 2%;
	color: var(--text-highlight);
	height: 60px;
	border-radius: 4px;
	position: relative;
	cursor: pointer
}

.andar-bahar2 .ab2-bet .casino-min-max {
	position: absolute;
	top: -25px;
	right: 0;
	width: 100%
}

.andar-bahar2 .ab2-bet:focus,
.andar-bahar2 .ab2-bet:hover {
	border: 2px solid var(--text-fancy)
}

.ab2oddeven .casino-box-row:first-child .casino-bl-box-item {
	height: auto
}

.ab2cards .casino-box-row,
.ab2oddeven .casino-box-row {
	width: 100%
}

.ab2oddeven .casino-bl-box {
	width: 50%
}

.ab2cards .casino-bl-box {
	width: 25%
}

.ab2oddeven .casino-bl-box-item {
	width: calc(100% - 8px);
	height: 46px
}

.ab2cards .casino-bl-box-item {
	width: calc(100% - 4px);
	height: 46px
}

.ab-book {
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%)
}

.ab-result.owl-carousel .owl-item img {
	width: 35px
}

.ab-result {
	margin: 0 auto;
	max-width: 85%
}

.ab-result.owl-carousel .owl-stage {
	margin: 0 auto
}

.ab-result.owl-carousel .owl-nav button.owl-next,
.ab-result.owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	top: 0;
	height: 100%;
	width: 30px;
	font-size: 30px
}

.ab-result.owl-carousel .owl-nav button.owl-prev {
	left: -30px
}

.ab-result.owl-carousel .owl-nav button.owl-next {
	right: -30px
}

.andar-bahar2 .casino-video-cards span img {
	width: 25px
}

.ab2-result .ab-slider,
.andar-bahar2 .ab-slider {
	max-width: 85%;
	position: relative;
	margin: 0 auto
}

.andar-bahar2 .casino-video-cards {
	width: 300px;
	height: 100px
}

.andar-bahar2 .owl-carousel .owl-nav button.owl-next,
.andar-bahar2 .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	top: 0;
	height: 100%;
	width: 30px;
	font-size: 30px
}

.andar-bahar2 .owl-theme .owl-nav [class*=owl-]:hover {
	background-color: transparent
}

.andar-bahar2 .owl-theme .owl-nav {
	margin-top: 0
}

.andar-bahar2 .owl-carousel .owl-nav button.owl-next {
	left: -22px
}

.andar-bahar2 .owl-carousel .owl-nav button.owl-prev {
	right: -22px
}

.ab2-result .owl-carousel .owl-nav button.owl-next,
.ab2-result .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	top: 0;
	height: 81%;
	width: 22px;
	font-size: 30px;
	margin: 0;
	border-radius: 0
}

.ab2-result .abj-common-card,
.ab3-result .abj-common-card {
	display: flex;
	align-items: center
}

.ab2-result .abj-title,
.ab3-result .abj-title {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	font-size: 18px;
	color: var(--text-fancy)
}

.abj-video-title {
	display: flex;
	flex-direction: column;
	justify-content: space-around
}

.ab2-result .owl-carousel .owl-nav button.owl-next {
	right: -30px
}

.ab2-result .owl-carousel .owl-nav button.owl-prev {
	left: -30px
}

.owl-theme .owl-nav {
	margin-top: 0
}

.ab2-result .casino-result-cards-item {
	display: block
}

.ab2-result .casino-result-cards-item img {
	width: 35px !important
}

.andar-bahar2 .suspended-lock-top:after {
	background-position: center
}

.teenpatti2 .casino-nation-name {
	width: 50%;
	padding-right: 10px;
	position: relative
}

.teenpatti2 .casino-bl-box {
	width: 50%
}

.teenpatti2 .casino-bl-box-item {
	width: calc(50% - 2px);
	height: 40px
}

.teenpatti2 .tee2suit .casino-bl-box {
	width: 100%
}

.teenpatti2 .tee2suit .casino-bl-box-item {
	width: calc(25% - 3px);
	height: 62px;
	flex-direction: row
}

.teenpatti2 .tee2suit .casino-bl-box-item span {
	margin-top: 3px;
	position: relative;
	width: 100%;
	display: block
}

.teenpatti2 .tee2suit .tee2suitheader .casino-bl-box-item,
.teenpatti2 .teen2eo .tee2eoheader .casino-bl-box-item {
	height: 32px;
	position: relative
}

.teenpatti2 .teen2uo .casino-bl-box-item {
	width: 100%;
	height: 32px
}

.teenpatti2 .teen2uo {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%
}

.teenpatti2 .teen2uo .casino-nation-name {
	width: 35%
}

.teenpatti2 .teen2uo .casino-bl-box {
	width: calc(15% - 8px);
	margin-right: 16px
}

.teenpatti2 .teen2uo .casino-bl-box:last-child {
	margin-right: 0
}

.teenpatti2 .teen2uo .teen1dayleft,
.teenpatti2 .teen2uo .teen1dayright {
	margin-top: 10px
}

.teenpatti2 .teen2eo .casino-bl-box {
	width: 100%
}

.teenpatti2 .teen2cards .casino-card-item .card-image img {
	height: auto
}

.poker-result-board img {
	height: 35px;
	margin-right: 3px
}

.poker-result-board {
	background: var(--bg-table-header);
	padding: 10px;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	color: var(--text-highlight)
}

.poker-result-board span {
	font-weight: 700;
	padding: 2px 10px;
	background-color: var(--bg-success);
	color: var(--text-black)
}

.poker6result .casino-result-content {
	align-items: flex-start
}

.aaa .casino-video-cards {
	height: 80px;
	width: 80px
}

.aaa .casino-nation-name {
	background-color: transparent;
	text-align: center
}

.aaa .casino-bl-box,
.aaa .casino-nation-name {
	width: 100%
}

.aaa .casino-bl-box-item {
	width: calc(50% - 2px);
	height: 40px
}

.aaa-oe .casino-bl-box {
	width: 50%;
	margin-bottom: 0
}

.aaa-oe .casino-bl-box-item {
	width: calc(100% - 4px);
	height: 56px
}

.aaa .bc-fancy .casino-bl-box-item {
	width: calc(100% - 2px)
}

.threecardj .threecardj-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.threecardj .casino-video-cards {
	height: 85px
}

.threecardj-bl-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: auto;
	width: 49%;
	cursor: pointer;
	margin-bottom: 10px
}

.casino-table.threecardj .back {
	border: 2px solid var(--back)
}

.casino-table.threecardj .lay {
	border: 2px solid var(--lay)
}

.threecardj-cards {
	width: 100%;
	padding: 0 10px
}

.threecardj-title {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--bg-table-header);
	color: var(--text-table-header);
	padding: 5px
}

.ab-cards {
	width: 90%
}

.threecardj-odds {
	padding: 4px;
	width: 100%;
	font-size: 18px
}

.threecardj-cards .casino-card-item {
	border: 1px solid transparent;
	padding: 2px
}

.threecardj-cards .casino-card-item.selected {
	border: 1px solid var(--bg-success)
}

.casino-war .casino-video-cards {
	height: 85px;
	width: 80px
}

.casino-war-container {
	width: 100%
}

.casino-war .casino-war-container .casino-war-title .casino-bl-box-item {
	height: 20px
}

.casino-war .casino-war-container .casino-nation-name {
	width: 22%;
	height: 40px
}

.casino-war .casino-war-container .casino-nation-name .icon-range {
	top: 26px
}

.casino-war .casino-war-container .casino-war-title .casino-nation-name {
	height: auto
}

.casino-war .casino-war-container .casino-nation-name span:first-child img {
	margin-left: 0
}

.casino-war .casino-war-container .casino-bl-box {
	width: 13%
}

.casino-war .casino-war-container .casino-bl-box-item {
	width: calc(100% - 4px);
	height: 40px
}

.casino-remark {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	background-color: var(--bg-success);
	color: var(--text-white);
	border-radius: 16px;
	height: 32px;
	width: 100%
}

.casino-remark .remark-icon {
	width: 50px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	height: 32px;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	background-color: var(--bg-success)
}

.casino-remark .remark-icon img {
	height: 20px
}

.casino-remark marquee {
	width: calc(100% - 60px);
	float: right;
	padding-left: 10px
}

.war-result .casino-open-result-item {
	width: 14.2%
}

.war-result .casino-open-result-item .casino-result-cards-item img {
	height: auto;
	width: 30px
}

.war-result .casino-open-result-item .casino-result-cards-item .winner-icon {
	height: auto;
	width: 50px
}

.worli .casino-video-cards {
	height: 80px
}

.worli .casino-tabs {
	height: auto;
	padding: 6px;
	border-radius: 0
}

.worli .casino-tabs .nav-tabs {
	flex-wrap: wrap;
	margin: 0
}

.worli .casino-tabs li {
	background-color: var(--bg-tabs);
	margin: 1px;
	flex: 1;
	padding: 0 5px;
	border-radius: 4px
}

.worli .casino-tabs .nav-tabs .nav-item .nav-link {
	padding: 6px
}

.worli .casino-tabs .nav-tabs .nav-item .nav-link.active {
	border-bottom: 0;
	color: var(--text-fancy)
}

.worlibox {
	display: flex;
	margin-top: 10px;
	flex-wrap: wrap;
	position: relative
}

.worlibox .worli-range {
	position: absolute;
	left: 5px
}

.worli-left {
	width: 58%;
	margin-right: 2%;
	display: flex;
	flex-wrap: wrap
}

.worli-right {
	width: 40%;
	display: flex;
	flex-wrap: wrap
}

.worli-full {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.worli-box-title {
	width: 100%;
	text-align: center;
	margin-bottom: 10px
}

.worli-box-row {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2px
}

.worli-full .worli-odd-box,
.worli-left .worli-odd-box {
	width: calc(20% - 2px);
	margin-right: 2px
}

.worli-full .worli-odd-box:nth-child(5n),
.worli-left .worli-odd-box:nth-child(5n) {
	margin-right: 0
}

.worli-right .worli-odd-box {
	width: calc(50% - 2px);
	margin-right: 2px
}

.worli-right .worli-odd-box:nth-child(2n) {
	margin-right: 0
}

.worli-odd-box {
	text-align: center;
	font-family: timer;
	height: 70px;
	color: var(--text-highlight);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	cursor: pointer
}

.worli-odd-box.back.selected {
	background-color: var(--bg-success)
}

.worli-odd-box .worli-odd {
	font-size: 40px;
	height: 40px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.worli-odd-box .worli-odd~span {
	font-family: 'Noto Sans'
}

.card56 .worli-right .worli-odd-box,
.card64 .worli-right .worli-odd-box,
.colordp .worli-right .worli-odd-box,
.dp .worli-right .worli-odd-box,
.sp .worli-right .worli-odd-box {
	height: 142px;
	width: 100%
}

.abr .worli-left .worli-odd-box {
	width: calc(33.33% - 2px)
}

.abr .worli-left .worli-odd-box:nth-child(3n) {
	margin-right: 0
}

.abr .worli-right .worli-odd-box {
	width: 100%
}

.abr .worli-right .worli-odd-box:last-child {
	margin-right: 0
}

.trio .worli-full .worli-odd-box {
	width: 100%
}

.worli-cards-container {
	display: flex;
	flex-wrap: wrap
}

.worli-cards-block {
	width: calc(10% - 9px);
	text-align: center;
	background-color: var(--bg-tabs);
	padding: 10px;
	font-size: 20px;
	color: var(--text-white);
	border-radius: 8px;
	box-shadow: 0 0 2px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center
}

.worli-cards-block span {
	margin-right: 5px
}

.worli-cards-block:nth-child(10n) {
	margin-right: 0
}

.pana-note {
	padding: 5px;
	text-align: center;
	width: 100%;
	background: var(--text-fancy);
	color: var(--text-black);
	margin: 5px 0;
	border-radius: 4px
}

.cmeter .teen1dayleft,
.cmeter .teen1dayright {
	background-color: var(--bg-table-header);
	color: var(--text-table-header);
	padding: 10px;
	cursor: pointer
}

.cmeter .teen1dayleft>div:first-child,
.cmeter .teen1dayright>div:first-child {
	min-height: 56px
}

.cmeter .casino-card-item .card-image img {
	height: auto;
	width: 45px
}

.cmeter-card-box {
	background-color: var(--bg-tabs);
	padding: 0 10px 10px;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
	border-radius: 16px
}

.cmeter-card-high,
.cmeter-card-low {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%
}

.cmeter-card-high>div:first-child,
.cmeter-card-low>div:first-child {
	width: 10%;
	text-align: left
}

.cmeter-card-high>div:last-child,
.cmeter-card-low>div:last-child {
	width: 85%;
	text-align: center
}

.cmeter-card-box img {
	width: 30px;
	margin-right: 5px
}

.lowhigh-betcards {
	display: flex;
	justify-content: center
}

.lowhigh-betcards span {
	margin-right: 5px
}

.lowhigh-betcards span:last-child {
	margin-right: 0
}

.lowhigh-betcards span img {
	width: 25px
}

.casino-queen .casino-video-cards {
	height: 275px;
	width: 135px
}

.casino-queen .casino-video-cards-container>div {
	flex-wrap: wrap
}

.casino-queen .casino-video-cards-container>div>div {
	display: flex;
	flex-wrap: nowrap
}

.casino-queen .casino-video-cards-container .dealer-name {
	height: 16px
}

.casino-queen .casino-video-cards span img {
	width: 30px
}

.casino-queen .casino-video .video-box {
	padding-bottom: 56.15%
}

.casino-queen .casino-bl-box,
.casino-queen .casino-nation-name {
	width: 100%
}

.casino-queen .casino-nation-name {
	background-color: transparent;
	text-align: center
}

.casino-queen .casino-bl-box-item {
	width: calc(50% - 2px);
	height: 48px
}

.five-cricket .casino-video {
	background-image: linear-gradient(0deg, #100b1e 0, #160d27 26.42%, #11091d 48.45%, #030309 100%);
	width: 100%
}

.five-cricket .casino-video-title {
	min-width: 180px;
	padding: 5px;
	background-color: #f8f9fa35
}

.five-cricket .five-score-cards {
	position: absolute;
	left: 0;
	top: 0;
	width: 310px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start
}

.five-cricket .casino-video-title .casino-name {
	font-size: 16px;
	line-height: 1
}

.five-cricket .casino-video-rid {
	font-size: 14px;
	line-height: 1;
	margin-top: 3px
}

.five-cricket .casino-video .video-box-container {
	max-width: calc(100% - 310px);
	margin-left: auto
}

.five-cricket .race-total {
	color: #fdcf13;
	font-size: 14px
}

.five-cricket.casino-table {
	background-color: transparent
}

.five-cricket .casino-video-cards {
	height: 290px;
	width: auto;
	top: unset;
	transform: unset;
	position: relative;
	margin-top: 20px
}

.five-cricket .casino-video-cards span img {
	width: 30px
}

.cricket-rule img {
	height: 40px
}

.five-video-baner {
	position: relative
}

.five-cricket .scorecard {
	width: 100%;
	position: unset;
	margin: 0 auto
}

.five-video-baner iframe,
.five-video-baner img {
	height: 100%;
	width: 100%
}

.five-cricket-nation {
	position: absolute;
	left: 10%;
	top: 17%;
	color: var(--text-black);
	font-size: var(--font-18)
}

.five-cricket-date {
	position: absolute;
	right: 10%;
	top: 17%;
	color: var(--text-black);
	font-size: var(--font-18)
}

.five-cricket .ball-runs {
	width: 20px;
	height: 20px;
	line-height: 20px
}

.five-sidebar.right-sidebar {
	background-color: var(--bg-sidebar);
	padding: 8px
}

.detail-page-container.five-cricket .market-2,
.detail-page-container.five-cricket .market-6 {
	max-width: calc(50% - 6px)
}

.detail-page-container.super-over .market-2 {
	width: calc(100% - 6px);
	max-width: calc(100% - 6px);
	min-width: calc(100% - 6px)
}

.five-cricket-result .table {
	table-layout: fixed
}

.five-cricket-result h4 {
	background-color: var(--bg-tabs);
	padding: 6px
}

.score-head {
	background-color: var(--bg-table-header);
	padding: 10px;
	color: var(--text-highlight)
}

.animate-text {
	position: absolute;
	font-size: 22px;
	width: 100%;
	background-color: #343434;
	text-align: left;
	top: 0;
	padding: 15px;
	text-transform: uppercase
}

.animate-text span {
	opacity: 0;
	color: var(--text-white);
	font-weight: 700;
	display: inline-block;
	transform: translate(-150px, -50px) rotate(-180deg) scale(3);
	animation: revolveScale .4s forwards
}

.animate-text span:nth-of-type(2) {
	animation-delay: .04s
}

.animate-text span:nth-of-type(3) {
	animation-delay: .08s
}

.animate-text span:nth-of-type(4) {
	animation-delay: .12s
}

.animate-text span:nth-of-type(5) {
	animation-delay: .16s
}

.animate-text span:nth-of-type(6) {
	animation-delay: .2s
}

.animate-text span:nth-of-type(7) {
	animation-delay: .24s
}

.animate-text span:nth-of-type(8) {
	animation-delay: .28s
}

.animate-text span:nth-of-type(9) {
	animation-delay: .32s
}

.animate-text span:nth-of-type(10) {
	animation-delay: .36s
}

.animate-text span:nth-of-type(11) {
	animation-delay: .4s
}

.animate-text span:nth-of-type(12) {
	animation-delay: .44s
}

.animate-text span:nth-of-type(13) {
	animation-delay: .48s
}

.animate-text span:nth-of-type(14) {
	animation-delay: .52s
}

.animate-text span:nth-of-type(15) {
	animation-delay: .56s
}

.animate-text span:nth-of-type(16) {
	animation-delay: .6s
}

.animate-text span:nth-of-type(17) {
	animation-delay: .64s
}

.animate-text span:nth-of-type(18) {
	animation-delay: .68s
}

.animate-text span:nth-of-type(19) {
	animation-delay: .72s
}

.animate-text span:nth-of-type(20) {
	animation-delay: .76s
}

.animate-text span:nth-of-type(21) {
	animation-delay: .8s
}

.animate-text span:nth-of-type(22) {
	animation-delay: .84s
}

.animate-text span:nth-of-type(23) {
	animation-delay: .88s
}

.animate-text span:nth-of-type(24) {
	animation-delay: .92s
}

.animate-text span:nth-of-type(25) {
	animation-delay: .96s
}

.animate-text span:nth-of-type(26) {
	animation-delay: 1s
}

@keyframes revolveScale {
	60% {
		transform: translate(20px, 20px) rotate(30deg) scale(.3)
	}

	100% {
		transform: translate(0) rotate(0) scale(1);
		opacity: 1
	}
}

.cricket20 .casino-video-cards {
	width: 80px;
	height: 110px
}

.cricket20 .score-box {
	position: relative;
	height: 64px;
	margin-top: 30px;
	padding: 0;
	background-image: url(../img/balls/score-bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 45px
}

.cricket20 .casino-remark {
	margin-top: 62px;
	margin-bottom: 45px
}

.cricket20 .ball-image {
	width: 50px;
	position: absolute;
	z-index: 1000;
	top: 40px;
	left: 10px
}

.cricket20 .score-img {
	width: 70%
}

.cricket20 .team-score {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	color: var(--text-white)
}

.cricket20 .blbox {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 50%;
	width: 170px;
	height: 40px;
	transform: translateX(-50%);
	bottom: -15px
}

.cricket20.casino-table .casino-detail .blbox .back,
.cricket20.casino-table .casino-detail .blbox .back:hover {
	border: 0;
	background-color: var(--back);
	cursor: pointer;
	font-weight: 700;
	color: var(--text-black)
}

.casino-table.cricket20 .casino-detail .blbox .lay,
.casino-table.cricket20 .casino-detail .blbox .lay:hover {
	border: 0;
	background-color: var(--lay);
	cursor: pointer;
	font-weight: 700;
	color: var(--text-black)
}

.cricket20 .blbox div {
	width: 50%;
	text-align: center;
	color: var(--text-white);
	height: 40px;
	line-height: 40px;
	color: var(--text-black)
}

.cricket20 .ball-icon {
	position: absolute;
	left: 50%;
	top: -25px;
	height: 50px;
	transform: translateX(-50%)
}

.cricket20 .ball-icon img {
	height: 60px
}

.cricket20 .min-max {
	position: absolute;
	bottom: 0;
	right: 5px
}

.cricket20 .backbox {
	position: absolute;
	top: 0;
	left: 70%;
	width: 15%;
	height: 50px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-weight: 700;
	font-size: 18px
}

.cricket20 .laybox {
	position: absolute;
	top: 0;
	left: 85%;
	width: 15%;
	height: 50px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 18px;
	font-weight: 700
}

.cricket20 .c20minmax {
	position: absolute;
	bottom: -25px;
	right: 15px;
	min-width: 100px
}

.c20book {
	position: absolute;
	left: 15px;
	bottom: -20px
}

.cricket20 .suspended::after {
	border-radius: 0
}

.cricket20 .casino-video-last-results img {
	width: 35px
}

.cricket20 .casino-video-last-results {
	top: 5px;
	right: 140px;
	width: 450px;
	height: 45px
}

.cricket20 .casino-video-last-results.hide-lr {
	width: 0
}

.casino-video-last-results span.cricket20lastresult {
	background-color: transparent;
	box-shadow: none
}

.casino-video-last-results a.result-more.cricket20lastresult {
	width: 35px;
	border-radius: 50%
}

.cricket20books {
	position: absolute;
	right: 5px;
	top: 60px;
	background: rgba(0, 0, 0, .6);
	padding: 5px
}

.cricket20books>div {
	display: flex;
	justify-content: space-between;
	color: #fff
}

.cricket20videobannerbox {
	position: absolute;
	top: 0;
	max-width: 100%;
	width: 100%;
	padding-bottom: 56.25%
}

.cricket20videobannerbox img {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	border: 0
}

.cricket20videobanner {
	background-color: rgba(0, 0, 0, .4);
	height: 160px;
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px;
	align-items: center;
	left: 50%;
	top: 50%;
	width: 50%;
	color: var(--text-white);
	line-height: 1;
	text-align: center;
	font-size: 28px;
	transform: translate(-50%, -50%);
	font-family: timer;
	border: 2px solid var(--bg-table-header);
	border-radius: 8px
}

.cricket20bannertitle {
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--bg-tabs);
	padding: 20px;
	border-radius: 20px 20px 0 0
}

.cricket20balls {
	position: absolute;
	left: 0;
	bottom: -25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%
}

.cricket20balls img {
	margin-right: 10px;
	width: 40px
}

.cricket20ballpopup {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	z-index: 10
}

.cricket20ballpopup img {
	width: 150px
}

.race20 .casino-video-cards {
	width: 215px;
	height: 145px
}

.race20 .casino-video-cards span img {
	width: 22px;
	margin-right: 4px
}

.race20 .casino-video-cards span:first-child img {
	width: 30px
}

.race20 .casino-video-cards-container>div {
	align-items: center
}

.race20 .total-points {
	display: flex;
	margin-top: 10px
}

.race20 .total-points>div {
	padding: 5px;
	margin-right: 5px;
	border: 1px solid var(--text-fancy);
	color: var(--text-white)
}

.race20 .casino-detail .total-points>div {
	color: var(--text-highlight)
}

.race20 .total-points>div>div {
	line-height: 16px;
	font-size: 12px
}

.race20 .total-points>div>div.numeric {
	font-size: 26px
}

.race20 .casino-nation-name {
	background-color: transparent;
	text-align: center;
	color: var(--text-table)
}

.race20 .col-3,
.race20 .col-4 {
	padding: 0 !important
}

.race20 .col-3 .casino-box-row,
.race20 .col-4 .casino-box-row {
	border-right: 1px solid var(--bg-bet);
	padding-right: 10px;
	padding-left: 10px
}

.race20 .col-3:last-child .casino-box-row,
.race20 .col-4:last-child .casino-box-row {
	border-right: 0
}

.race20 .casino-bl-box,
.race20 .casino-nation-name {
	width: 100%
}

.race20 .casino-bl-box .icon-range,
.race20 .casino-nation-name .icon-range {
	top: 30px
}

.race20 .casino-bl-box-item {
	width: calc(50% - 2px);
	height: 40px;
	position: relative
}

.race20 .casino-nation-name img {
	width: 25px
}

.race20 .casino-yn {
	display: flex;
	width: 100%
}

.race20 .casino-yn>div {
	width: 50% !important;
	margin-right: 1%;
	text-align: center;
	position: relative
}

.race20 .casino-yn .casino-odds-box-bhav {
	flex-direction: row
}

.race20 .win-with .casino-bl-box-item {
	width: 100%
}

.race20 .casino-video-last-results img {
	width: 35px
}

.race-result-box .casino-result-cards-item {
	position: absolute;
	right: -85px
}

.race-result-box .casino-result-cards-item img {
	width: 40px
}

.race-result-box {
	width: 275px;
	position: relative;
	z-index: 10
}

.race-result-box>div {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.race-result-box>div span {
	margin-right: 4px
}

.race-result-box .result-image.k-image {
	position: absolute;
	right: -45px
}

.race-result-box .video-winner-text {
	color: var(--text-table-header);
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	height: calc(100% - 5px);
	font-size: 22px;
	width: 42px;
	height: 100%;
	border: 1px solid var(--text-fancy);
	padding: 2px 12px;
	z-index: -1;
	background-color: var(--bg-table-header)
}

.race-result-box img {
	width: 35px
}

.rf-minheight {
	min-height: 20px
}

.race20 .casino-video-last-results span {
	background-color: transparent;
	box-shadow: none
}

.fullwidthcasino-container.lottery {
	background-color: #0c0c0c
}

.lottery .casino-detail {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.lottery .casino-table {
	background-color: transparent
}

.lottery .casino-detail .lottery-left {
	width: 30%;
	text-align: center
}

.lottery .casino-detail .lottery-right {
	width: 70%
}

.lottery .casino-tabs {
	background-color: #040404;
	border-radius: 0
}

.lottery .casino-tabs .nav-tabs {
	width: 100%;
	margin: 0
}

.lottery .casino-tabs .nav-tabs .nav-item {
	flex: 1 1 auto
}

.lottery .casino-tabs .nav-tabs .nav-link {
	padding-top: 0;
	padding-bottom: 0;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	color: #fff !important
}

.lottery .casino-tabs .nav-tabs .nav-item .nav-link.active {
	color: #f9b738 !important;
	border-bottom: 3px solid #f9b738 !important
}

.lottery .casino-tabs .nav-tabs .nav-item .nav-link:focus,
.lottery .casino-tabs .nav-tabs .nav-item .nav-link:hover {
	color: #f9b738
}

.lottery-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	padding: 0;
	width: 45%
}

.lottery .single .lottery-box {
	width: 80%
}

.lottery .single .lottery-place-balls {
	width: 20%
}

.lottery .double,
.lottery .single,
.lottery .tripple {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	height: 190px;
	align-items: flex-start
}

.lottery .double .lottery-place-balls,
.lottery .tripple .lottery-place-balls {
	width: 55%
}

.lottery .single .lottery-place-balls img {
	width: 100px
}

.lottery-box .lottery-card {
	width: 20%;
	margin-bottom: 10px;
	text-align: center
}

.lottery .single .lottery-box .lottery-card {
	width: 10%
}

.lottery-box .lottery-card img {
	width: 55px;
	cursor: pointer
}

.lottery-place-balls {
	display: flex;
	padding: 6px;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center
}

.double .lottery-place-balls,
.tripple .lottery-place-balls {
	align-items: flex-end;
	height: 100%
}

.lottery-place-balls .btn {
	background-color: #f8b737;
	border: 0;
	border-radius: 20px;
	min-width: 150px;
	color: #000;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase
}

.lottery-place-balls img {
	width: 50px;
	margin-right: 20px;
	animation-name: ballspin;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

.lottery-place-balls img:last-child {
	margin-right: 0
}

@keyframes ballspin {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.lottery.casino-table {
	background-color: #111;
	border-radius: 0
}

.right-sidebar.casino-right-sidebar.lottery-sidebar {
	background-color: #0c0c0c;
	border-radius: 0
}

.right-sidebar.casino-right-sidebar.lottery-sidebar .casino-my-bet {
	max-height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--bg-table) var(--bg-table-header);
	border-radius: 0;
	background-color: transparent;
	position: relative;
	padding-top: 48px;
	margin-bottom: 20px
}

.lottery-my-bets {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 10px
}

.lottery-my-bet-box {
	background-image: url(../img/lottery/lottery-pattern.png);
	background-size: 100% 100%;
	height: 46px;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.lottery-my-bet-box span {
	vertical-align: middle
}

.lottery-my-bet-box span:last-child {
	font-size: 18px;
	font-weight: 700;
	vertical-align: middle
}

.lottery-my-bet-box:nth-child(3n) {
	margin-right: 0
}

.lottery-my-bet-box img {
	width: 30px;
	margin-right: 10px
}

.lottery-my-bet-box img:last-child {
	margin-right: 0
}

.lottery-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 16px;
	border-bottom: 1px solid #1a1a1a
}

.lottery-cards img {
	width: 50px;
	margin-right: 25px
}

.right-sidebar.casino-right-sidebar.lottery-sidebar .casino-my-bet::-webkit-scrollbar {
	width: 8px
}

.right-sidebar.casino-right-sidebar.lottery-sidebar .casino-my-bet::-webkit-scrollbar-track {
	background: var(--bg-table)
}

.right-sidebar.casino-right-sidebar.lottery-sidebar .casino-my-bet::-webkit-scrollbar-thumb {
	background-color: var(--bg-table-header)
}

.lottery-side-top {
	padding: 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px solid #1a1a1a;
	align-items: center
}

.lottery-side-top i {
	font-size: 26px;
	margin-right: 10px;
	cursor: pointer;
	color: #f9b738
}

.lottery-bal {
	padding: 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-bottom: 1px solid #1a1a1a;
	align-items: center
}

.lottery-bal b {
	color: #f9b738
}

.lottery-last-result {
	padding: 16px;
	padding-top: 48px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px solid #1a1a1a;
	border-top: 1px solid #1a1a1a;
	align-items: center;
	position: relative
}

.lottery-last-result-title,
.lottery-sidebar .casino-place-bet-title {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0
}

.lottery-last-result-title div,
.lottery-sidebar .casino-place-bet-title>div {
	background: linear-gradient(rgba(255, 168, 0, .10000000149011612), rgba(0, 0, 0, 0));
	width: 106px;
	height: 40px;
	line-height: 40px;
	font-weight: 400;
	font-size: var(--font-caption);
	text-align: center;
	border-top: 2px solid rgba(248, 183, 55, 1);
	text-transform: uppercase
}

.lottery-result-icon {
	background-color: #131313;
	height: 34px;
	width: 34px;
	line-height: 34px;
	border-radius: 50%;
	text-align: center;
	margin-bottom: 5px;
	cursor: pointer
}

.lottery-buttons {
	padding: 12px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center
}

.lottery-buttons-top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%
}

.lottery-buttons .lottery-btn {
	width: 30%;
	height: 40px;
	border-radius: 35px;
	color: #fff;
	background-color: transparent
}

.lottery-btn.active {
	border: 1px solid #202020;
	background-color: #f8b737;
	color: #000
}

.lottery-bet-buttons {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
	padding: 10px
}

.lottery-bet-buttons>div {
	height: 90px;
	width: 90px;
	margin-bottom: 20px;
	background-image: url(../img/coin.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--text-black);
	font-weight: 700;
	font-size: 18px;
	opacity: .5
}

.lottery-bet-buttons>div.active {
	opacity: 1
}

.lottery-bet-buttons>div:nth-child(4),
.lottery-bet-buttons>div:nth-child(5),
.lottery-bet-buttons>div:nth-child(6) {
	margin-bottom: 0
}

.random-bets {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-color: var(--bg-tabs);
	color: var(--text-white);
	border-radius: 16px;
	padding: 5px;
	margin-top: 10px
}

.random-bets button {
	min-width: 50px;
	height: 40px;
	margin-right: 7px;
	margin-bottom: 7px;
	border-radius: 8px
}

.random-bets h4 {
	font-size: 16px
}

.random-bets button:last-child {
	margin-right: 0
}

.lottery .suspended:after {
	font-size: 48px
}

.lottery-rules-box {
	border: 1px solid #f8b737
}

.lottery-rules .casino-tabs {
	border-radius: 0
}

.lottery-rules-row {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #f8b737
}

.lottery-rules-row:last-child {
	border-bottom: 0
}

.lottery-rules-title-name {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-right: 1px solid #f8b737;
	width: 20%;
	justify-content: center;
	padding: 5px
}

.lottery-rules-title-name>div {
	width: 100%
}

.lottery-rules-title-name>div:first-child {
	font-size: 22px;
	font-weight: 700;
	color: #f8b737
}

.lottery-rules-cards {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	align-items: center;
	justify-content: center;
	width: 80%
}

.lottery-rules-cards .lottery-card {
	margin-right: 5px
}

.lottery-rules-cards .lottery-card img {
	width: 40px;
	height: auto;
	max-height: unset
}

.casino-rules-table .table td,
.casino-rules-table .table th {
	padding: 4px;
	font-size: var(--font-small)
}

.casino-rules-table .table th {
	color: var(--text-table-header)
}

.casino-rules-table .table thead {
	height: auto
}

.casino-result-round {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 0 6px
}

.casino-result-cards {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative
}

.casino-result-content {
	padding: 6px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px
}

.casino-result-content-item {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	width: 49%
}

.casino-result-content-diveder {
	width: 2px;
	height: 130px;
	background-color: var(--bg-table-header)
}

.casino-result-cards-item {
	margin-right: 5px;
	display: inline-block
}

.casino-result-cards-item img {
	width: 35px;
	margin-bottom: 5px
}

.casino-result-cards-item:last-child {
	margin-right: 0
}

.casino-result-cards-item .winner-icon {
	height: auto;
	width: 60px;
	transition: .1.2s ease-in;
	animation-iteration-count: infinite
}

@keyframes blink {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-box-shadow: 0 0 0 0 rgba(29, 127, 30, .6)
	}

	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		color: #ffbf00;
		-webkit-box-shadow: 0 0 0 10px transparent
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-box-shadow: 0 0 0 0 transparent
	}
}



.casino-result-desc {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	padding: 6px;
	background-color: var(--bg-body);
	box-shadow: 0 0 4px -1px;
	margin-top: 10px
}

.casino-result-desc-item {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%
}

.casino-result-desc-item div:first-child {
	width: 30%;
	text-align: right;
	margin-right: 2%;
	color: var(--text-body);
	opacity: .6
}

.casino-result-desc-item div:last-child {
	width: 68%;
	text-align: left;
	word-break: break-all
}

.fullwidthcasino-container {
	width: 100%;
	position: relative
}

.fullwidthcasino-container>div {
	display: flex;
	flex-wrap: wrap
}

.fullwidthcasino-container .casino-container {
	width: calc(100% - 476px);
	margin-right: 6px;
	margin-left: 6px;
	position: relative
}

.fullwidthcasino-container.lottery .footer {
	width: calc(100% - 476px)
}

.report-container {
	width: 100%;
	padding-left: 6px;
	padding-right: 6px;
	position: relative
}

.report-box {
	background-color: var(--bg-table);
	border-radius: 8px;
	padding: 16px;
	min-height: calc(100vh - 60px)
}

.report-box.casino-box {
	background-color: transparent;
	padding: 0
}

.report-box.casino-box .casino-tabs {
	border-radius: 8px
}

.report-title {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center
}

.report-name {
	height: 43px;
	font-size: var(--font-24)
}

.report-form {
	display: flex;
	display: -webkit-flex;
	align-items: flex-end;
	flex-wrap: wrap
}

.report-form .form-group {
	display: inline-block;
	margin-bottom: 0
}

.report-form .form-control,
.report-page-count .form-control {
	background-color: var(--bg-table);
	color: var(--text-table)
}

.report-title input {
	background-color: var(--bg-body);
	width: 320px;
	color: var(--text-body)
}

.report-form select {
	width: 240px
}

.report-form input {
	width: 170px
}

.report-form button {
	width: 150px
}

.report-page-count {
	margin-top: 16px;
	margin-bottom: 16px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center
}

.file-icons {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap
}

.file-icons i {
	cursor: pointer;
	font-size: var(--font-big);
	margin-right: 10px
}

.file-icons .fa-file-pdf {
	color: #f70000
}

.file-icons .fa-file-excel {
	color: #1f6e43
}

.file-icons .disabled {
	color: var(--text-table);
	opacity: .6;
	cursor: not-allowed
}

.report-page-count select {
	width: auto;
	min-width: 100px;
	height: 36px;
	display: inline-block
}

.report-table {
	margin-top: 0;
	min-height: 400px
}

.unsettled-bets .report-table {
	min-height: unset
}

.report-table.report-table-modal {
	min-height: unset
}

.casino-result .back-border {
	border-left: 5px solid var(--back)
}

.casino-result .lay-border {
	border-left: 5px solid var(--lay)
}

.report-table .bet-name {
	margin-bottom: 8px
}

.report-table .bet-info {
	color: var(--text-table);
	opacity: .6
}

.report-table .bet-info .bet-val {
	margin-left: 24px
}

.report-table .bet-time {
	margin-left: 8px
}

.report-table .bet-odd {
	color: var(--text-green)
}

.report-table.bet-result img {
	margin-left: 8px
}

.report-table .bet-sport {
	width: 150px
}

.report-table .bet-sport div {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.report-table .bet-event-name {
	width: 400px
}

.report-table .bet-event-name div {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.report-table .bet-market-name {
	width: 300px
}

.current-bets.report-table .bet-market-name {
	width: 260px
}

.report-table .bet-market-name div {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.report-table .bet-nation {
	width: 150px
}

.report-table .bet-nation div {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.report-table .bet-user-rate {
	width: 110px
}

.report-table .bet-user-rate div {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.report-table .bet-amount {
	width: 170px
}

.report-table .bet-amount div {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.report-table .bet-date {
	width: 210px
}

.report-table .bet-date div {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.ac-statement.report-table .bet-date {
	width: 120px
}

.ac-statement.report-table .bet-date div {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.report-table .bet-remark {
	width: auto;
	cursor: pointer
}

.report-table .bet-remark div {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.report-table-modal.report-table .bet-remark {
	width: 300px;
	cursor: pointer
}

.report-table-modal.report-table .bet-remark div {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.report-table .bet-ip {
	cursor: pointer;
	width: 200px
}

.report-table .bet-ip div {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.report-table .bet-action {
	cursor: pointer;
	width: 75px
}

.report-table .bet-action div {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.point-content {
	padding: 8px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	box-shadow: 0 6px -6px
}

.battle-header {
	background-color: var(--bg-table-header);
	padding: 8px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	color: var(--text-table-header)
}

.battle-content {
	border: 1px solid var(--bg-table-header)
}

.battle-content-row {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	padding: 4px;
	cursor: pointer;
	border: 1px solid var(--bg-table-header);
	border-top: 0;
	border-bottom: 1px solid var(--bg-table-header)
}
.bonus-history-main {  display: flex;   justify-content: space-between;   padding-bottom: 5px;}
.battle-content-detail {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 4px;
	border-bottom: 1px solid var(--bg-table-header)
}

.battle-detail-content {
	width: 48%;
	margin-right: 1%
}

.battle-detail-content-box {
	background-color: var(--bg-body);
	width: 100%;
	padding: 6px
}

.battle-detail-content:nth-child(2n) {
	margin-right: 0
}

.battle-detail-content-title {
	width: 100%;
	font-weight: var(--font-bold);
	color: var(--text-fancy);
	text-transform: uppercase
}

.battle-detail-content-row {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between
}

.battle-detail-content-info {
	width: 100%;
	padding: 6px
}

.dream-result-container .battle-detail-content {
	width: 95%;
	margin-right: 0
}

.captain-icon {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	display: inline-block;
	line-height: 20px;
	background-color: var(--btn-secondary);
	text-align: center;
	font-size: var(--font-small);
	color: var(--text-highlight)
}

.ip-detail-row {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin-bottom: 5px
}

.ip-detail-row div:first-child {
	width: 49%;
	margin-right: 2%;
	color: var(--text-table);
	opacity: .6;
	text-align: left
}

.ip-detail-row div:last-child {
	width: 49%;
	margin-right: 0
}

.no-record {
	background-color: var(--bg-body);
	text-align: center
}

.total-soda {
	float: right
}

.casino-rules-title {
	cursor: pointer
}

.casino-result .bet-nation {
	width: 300px
}

.casino-result .bet-nation>div {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.casino-result .bet-rate {
	width: 70px
}

.casino-result .bet-rate div {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.casino-result .bet-amount {
	width: 120px
}

.casino-result .bet-amount div {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.casino-result .bet-date {
	width: 200px
}

.casino-result .bet-date div {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.casino-result .bet-ip {
	width: 150px
}

.casino-result .bet-ip div {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.casino-result .bet-remark {
	width: 160px
}

.casino-result .bet-remark div {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.error-page {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.error-page img {
	max-width: 80%
}

.error-page .error-name {
	margin-top: 40px;
	font-size: var(--font-24);
	text-align: center
}

.error-page .error-name .error-number {
	font-size: var(--font-56);
	height: 76px;
	line-height: 76px;
	margin-bottom: 16px
}

.error-page .error-name .page-not-found-text {
	height: 44px;
	font-size: var(--font-headline);
	width: 310px;
	margin-top: 16px
}

.error-page .maitanance-text {
	font-size: var(--font-headline);
	width: 552px;
	margin-top: 16px
}

.error-page .back-to-main-page {
	margin-top: 40px
}

.footer-error {
	margin-top: 0 !important;
	width: 70%;
	margin: 0 auto
}

.logo-error {
	float: left;
	width: 300px
}

.logo-error .logo {
	height: auto;
	color: var(--text-highlight)
}

.browser-block {
	min-height: 100vh
}

.browser-block-box {
	width: 100%;
	max-width: 620px;
	padding: 10px
}

.browser-block-box img {
	height: 170px
}

.browser-block-box li {
	list-style: square
}

.broser-block-text {
	font-family: Anton;
	display: inline-block;
	font-size: var(--font-56);
	margin-left: 30px;
	vertical-align: middle;
	text-transform: uppercase
}

.slow-internet.error-page {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

#loading {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100vh;
	width: 100%;
	position: fixed;
	background-color: var(--bg-body);
	z-index: 9999;
	background-image: url(../img/loading.svg);
	background-repeat: no-repeat;
	background-position: center
}

.loading-box {
	margin-top: 10px;
	width: 580px
}

#loading-bar {
	background-color: var(--bg-sidebar);
	border-radius: 12.5px;
	width: 100%;
	height: 18px
}

#loaded-bar {
	background-color: var(--bg-success);
	border-radius: 12.5px;
	width: 60%;
	height: 18px
}

#betSodaModal .modal-header {
	padding: 6px
}

#betSodaModal .modal-header .close {
	margin: 0;
	padding: 0
}

#betSodaModal .modal-body {
	padding: 8px 0;
	min-height: calc(100vh - 85px)
}

#betSodaModal .modal-header .close {
	color: var(--text-table-header)
}

#betSodaModal .market-tabs .nav-tabs .nav-link {
	padding-top: 10px;
	padding-bottom: 10px;
	white-space: nowrap
}

#betSodaModal .market-tabs .arrow-tabs {
	top: 5px
}

#betSodaModal .market-tabs .arrow-tabs {
	height: 30px;
	width: 30px
}

#betSodaModal .market-tabs .arrow-tabs.arrow-left {
	transform: rotate(90deg)
}

#betSodaModal .market-tabs .arrow-tabs.arrow-right {
	transform: rotate(-90deg)
}

#betSodaModal .market-tabs {
	padding: 0 30px
}

.button-value .form-control {
	height: 36px;
	color: var(--text-table)
}

.confirm-bet .btn {
	height: auto
}

.report-game-name {
	font-size: var(--font-18);
	color: var(--text-highlight);
	font-weight: var(--font-bold);
	margin-bottom: 10px
}

.buttons-tabs.nav-tabs {
	border: 0;
	margin-bottom: 5px
}

.buttons-tabs.nav-tabs .nav-item .nav-link,
.buttons-tabs.nav-tabs .nav-link.active {
	color: var(--text-table-header);
	background-color: var(--bg-table-header);
	border-color: var(--bg-table-header);
	margin-right: 5px
}

.buttons-tabs.nav-tabs .nav-link.active {
	color: var(--text-sidebar);
	background-color: var(--bg-sidebar);
	border-color: var(--bg-sidebar)
}

.my-market-box {
	background-color: var(--bg-body);
	border-bottom: 1px solid var(--bg-table-header);
	margin-bottom: 5px
}

.my-market-box .my-market-box-title {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px;
	color: var(--text-white);
	cursor: pointer
}

.my-market-box .my-market-box-title span:first-child {
	max-width: calc(100% - 170px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block
}

.my-market-box .my-market-box-title span:last-child {
	font-size: var(--font-caption)
}

.my-market-box .my-market-box-desc {
	padding: 5px
}

.run-amount-container {
	max-height: 100%;
	scrollbar-width: thin;
	scrollbar-color: var(--bg-table) var(--bg-table-header)
}

.run-amount-container::-webkit-scrollbar {
	width: 8px
}

.run-amount-container::-webkit-scrollbar-track {
	background: var(--bg-table)
}

.run-amount-container::-webkit-scrollbar-thumb {
	background-color: var(--bg-table-header)
}

.run-amount-container .table {
	position: relative
}

.run-amount-container .table thead th {
	position: sticky;
	top: -5px;
	background-color: var(--bg-table-header)
}

.main-rules {
	position: absolute;
	left: 10px;
	top: 15px
}

.main-rules a {
	color: var(--text-fancy);
	text-decoration: underline;
	font-size: var(--font-body);
	margin: 0
}

.main-rules-container .menu-box li a {
	border-bottom: 0
}

.main-rules-container .menu-box li a~ul>li {
	padding-left: 10px
}

.main-rules-container .menu-box li a~ul ul li {
	padding-left: 50px;
	background-color: var(--bg-table-header);
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--bg-table);
	cursor: default;
	margin-bottom: 4px;
	border-radius: 4px;
	margin-top: 4px
}

.main-rules-container .menu-box li ul>li>a,
.main-rules-container .menu-box li ul>li>a:active,
.main-rules-container .menu-box li ul>li>a:focus,
.main-rules-container .menu-box li ul>li>a:hover {
	background: 0 0
}

.main-rules-container .navbar-nav .dropdown-menu.show li .dropdown-toggle {
	position: relative;
	background: 0 0
}

.main-rules-container .navbar-nav li.show .dropdown-toggle:before {
	position: absolute;
	content: "\f056";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 5px
}

.main-rules-container .navbar-nav .dropdown-toggle:before {
	position: absolute;
	content: "\f055";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 5px
}

.main-rules-container .navbar-nav .dropdown-toggle span {
	padding-left: 10px
}

.main-rules-container .card {
	background: 0 0;
	border: 0
}

.main-rules-container .card-header {
	border: 0;
	border-radius: 0;
	background-color: transparent;
	padding: 4px
}

.main-rules-container .card-header a {
	color: var(--text-table);
	position: relative;
	padding-left: 20px
}

.main-rules-container .card-header a::before {
	position: absolute;
	content: "\f056";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 0
}

.main-rules-container .card-header a.collapsed::before {
	position: absolute;
	content: "\f055";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 0
}

.main-rules-container .card-body {
	padding: 6px
}

.main-rules-container .rule-text {
	background-color: var(--bg-table-header);
	color: var(--text-table-header);
	padding: 5px;
	margin-left: 20px;
	margin-bottom: 5px
}

.casino-rules {
	text-align: center
}

.casino-rules img {
	width: auto
}

.rules-language-container {
	text-align: right
}

.rules-language-container {
	color: var(--text-highlight)
}

.rules-language-container .dropdown-menu.show {
	transform: unset !important;
	top: 100% !important;
	right: 0 !important
}

.rules-language-container .dropdown-toggle img {
	height: 20px
}

.rules-language-container .dropdown-toggle {
	cursor: pointer
}

.rules-language {
	background-color: var(--bg-table-header);
	color: var(--text-table-header);
	padding: 6px;
	position: absolute;
	width: 200px;
	right: 0 !important;
	left: unset !important;
	top: 55px;
	text-align: left;
	color: var(--text-highlight);
	border: 0
}

.rules-language>div {
	margin-bottom: 10px;
	cursor: pointer
}

.rules-language>div:last-child {
	margin-bottom: 0
}

.rules-language img {
	height: 20px
}

.casino-report-tabs {
	padding: 10px 0;
	background-color: var(--bg-sidebar);
	margin-top: 16px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px
}

.casino-report-tabs .nav-tabs {
	border: 0
}

.casino-report-tabs .nav-tabs .nav-link {
	color: var(--text-sidebar);
	padding-top: 0;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	border: 0;
	cursor: pointer
}

.casino-report-tabs .nav-tabs .nav-item .nav-link.active {
	color: var(--text-sidebar);
	font-weight: var(--font-semi);
	border-bottom: 2px solid var(--text-sidebar);
	background-color: transparent
}

.about-us-container {
	background-color: var(--bg-body);
	columns: var(--text-body);
	padding: 20px;
	width: 100%;
	padding-bottom: 0
}

.about-us-container .page-title {
	text-transform: uppercase;
	text-align: center;
	margin-top: 20px;
	color: var(--text-highlight);
	font-size: var(--font-big);
	font-weight: var(--font-bold);
	margin-bottom: 30px
}

.about-us-container h4 {
	font-size: var(--font-24)
}

.about-us-container h5,
.about-us-container p {
	font-size: var(--font-body);
	margin-bottom: 20px
}

.about-us-container ol>li,
.about-us-container ul>ol>li {
	list-style: decimal
}

.about-us-container ul>li {
	list-style: disc;
	padding: 5px 10px;
	margin: 0 10px
}

.modal-18plus img {
	height: 30px
}

.home-modal .modal-content {
	background-color: transparent
}

.home-modal .modal-header {
	padding: 0
}

.home-modal .close-home-modal {
	position: absolute;
	top: -10px;
	right: -20px;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100;
	border-radius: 50%;
	background-color: red;
	color: var(--text-white);
	font-size: 24px;
	cursor: pointer
}

.home-modal-title {
	width: 100%;
	background-color: red;
	padding: 10px;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	font-size: 18px
}

.home-modal-title>div {
	width: calc(100% - 50px)
}

.home-modal-title img {
	height: 30px;
	-moz-animation: blinkwarning normal 1s infinite ease-in-out;
	-webkit-animation: blinkwarning normal 1s infinite ease-in-out;
	-ms-animation: blinkwarning normal 1s infinite ease-in-out;
	animation: blinkwarning normal 1s infinite ease-in-out
}

@-moz-keyframes blinkwarning {
	0% {
		opacity: 1
	}

	50% {
		opacity: 1;
		transform: scale(1.2)
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes blinkwarning {
	0% {
		opacity: 1
	}

	50% {
		opacity: 1;
		transform: scale(1.2)
	}

	100% {
		opacity: 1
	}
}

@-ms-keyframes blinkwarning {
	0% {
		opacity: 1
	}

	50% {
		opacity: 1;
		transform: scale(1.2)
	}

	100% {
		opacity: 1
	}
}

@keyframes blinkwarning {
	0% {
		opacity: 1
	}

	50% {
		opacity: 1;
		transform: scale(1.2)
	}

	100% {
		opacity: 1
	}
}

.home-modal-title h4 {
	color: var(--text-highlight);
	font-weight: 700;
	text-transform: uppercase
}

.home-main-banner {
	width: 100%;
	margin: 0 auto;
	text-align: center
}

.home-main-banner img {
	width: 400px;
	max-width: 80%
}

.home-modal .modal-footer {
	padding: 0
}

.home-sub-banners {
	margin-top: 10px
}

.home-sub-banners img {
	max-width: 45%;
	margin-right: 10px
}

.home-sub-banners img:last-child {
	margin-right: 0
}

.home-modal .modal-body {
	padding: 0;
	background-color: transparent;
	box-shadow: 0 0 20px #a9a9a9
}

.new-event {
	background-color: var(--bg-table-header);
	text-align: center
}

.new-event a {
	display: block;
	width: 100%;
	padding: 6px
}

.new-event span {
	color: var(--text-highlight);
	font-size: var(--font-caption);
	margin-right: 5px
}

.arrow-login {
	height: 12px;
	opacity: .2;
	animation: arrow4 1s ease infinite;
	animation-delay: 0s
}

.arrow-login:nth-child(2) {
	animation-delay: .25s
}

.arrow-login:nth-child(3) {
	animation-delay: .5s
}

.arrow-login:nth-child(4) {
	animation-delay: .75s
}

@keyframes arrow4 {
	0% {
		opacity: 1
	}

	22% {
		opacity: 1
	}

	25% {
		opacity: .2
	}

	to {
		opacity: .2
	}
}

.mx-icon-double-left:after,
.mx-icon-double-left:before,
.mx-icon-double-right:after,
.mx-icon-double-right:before,
.mx-icon-left:before,
.mx-icon-right:before {
	content: "";
	position: relative;
	top: -1px;
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	border-style: solid;
	border-color: currentColor;
	border-width: 2px 0 0 2px;
	border-radius: 1px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(-45deg) scale(.7);
	transform: rotate(-45deg) scale(.7)
}

.mx-icon-double-left:after {
	left: -4px
}

.mx-icon-double-right:before {
	left: 4px
}

.mx-icon-double-right:after,
.mx-icon-double-right:before,
.mx-icon-right:before {
	-webkit-transform: rotate(135deg) scale(.7);
	transform: rotate(135deg) scale(.7)
}

.mx-btn {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1;
	font-size: 14px;
	font-weight: 500;
	padding: 7px 15px;
	margin: 0;
	cursor: pointer;
	background-color: transparent;
	outline: 0;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 4px;
	color: var(--text-sidebar);
	white-space: nowrap
}

.mx-btn:hover {
	border-color: #1284e7;
	color: var(--text-highlight)
}

.mx-btn-text {
	border: 0;
	padding: 0 4px;
	text-align: left;
	line-height: inherit
}

.mx-scrollbar {
	height: 100%
}

.mx-scrollbar:hover .mx-scrollbar-track {
	opacity: 1
}

.mx-scrollbar-wrap {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto
}

.mx-scrollbar-track {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	width: 6px;
	z-index: 1;
	border-radius: 4px;
	opacity: 0;
	-webkit-transition: opacity .24s ease-out;
	transition: opacity .24s ease-out
}

.mx-scrollbar-track .mx-scrollbar-thumb {
	position: absolute;
	width: 100%;
	height: 0;
	cursor: pointer;
	border-radius: inherit;
	background-color: rgba(144, 147, 153, .3);
	-webkit-transition: background-color .3s;
	transition: background-color .3s
}

.mx-zoom-in-down-enter-active,
.mx-zoom-in-down-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	-webkit-transform-origin: center top;
	transform-origin: center top
}

.mx-zoom-in-down-enter,
.mx-zoom-in-down-leave-to {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}

.mx-datepicker {
	position: relative;
	display: block;
	width: auto
}

.mx-datepicker svg {
	width: 1em;
	height: 1em;
	vertical-align: -.15em;
	fill: currentColor;
	overflow: hidden
}

.mx-datepicker-range {
	width: 320px
}

.mx-datepicker-inline {
	width: auto
}

.mx-input-wrapper {
	position: relative
}

.mx-input-wrapper .mx-icon-clear {
	display: none
}

.mx-input-wrapper:hover .mx-icon-clear {
	display: block
}

.mx-input-wrapper:hover .mx-icon-clear+.mx-icon-calendar {
	display: none
}

.mx-input {
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	padding: 6px 30px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 1.4;
	color: var(--text-highlight);
	background-color: transparent;
	border: 1px solid var(--text-table);
	color: var(--text-table);
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.mx-input:focus,
.mx-input:hover {
	box-shadow: 0 0 4px var(--text-table)
}

.mx-input.disabled,
.mx-input:disabled {
	color: #ccc;
	background-color: #f3f3f3;
	border-color: #ccc;
	cursor: not-allowed
}

.mx-input:focus {
	outline: 0
}

.mx-input::-ms-clear {
	display: none
}

.mx-icon-calendar,
.mx-icon-clear {
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 16px;
	line-height: 1;
	color: var(--text-table);
	vertical-align: middle
}

.mx-icon-clear {
	cursor: pointer
}

.mx-icon-clear:hover {
	color: var(--text-highlight)
}

.mx-datepicker-main {
	font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif;
	color: #73879c;
	background-color: var(--bg-body);
	border: 1px solid var(--bg-sidebar);
	border-radius: 4px
}

.mx-datepicker-popup {
	position: absolute;
	margin-top: 1px;
	margin-bottom: 1px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	z-index: 2001
}

.mx-datepicker-sidebar {
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100px;
	padding: 6px;
	overflow: auto
}

.mx-datepicker-sidebar+.mx-datepicker-content {
	margin-left: 100px;
	border-left: 1px solid #e8e8e8
}

.mx-datepicker-body {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mx-btn-shortcut {
	display: block;
	padding: 0 6px;
	line-height: 24px
}

.mx-range-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}


.ice-display-flex{display: flex;}
.ice-column-12{width: 100%;}
.ice-column-6{width: 50%;}
.ice-column-3{width: 25%;}
.ice-column-9{width: 75%;}
.ice-image-fluid{max-width: 100%;}
.text-user-selectAuto { user-select: text !important;  -webkit-user-select: text !important;}
.ice-justify-content-between{justify-content:space-between;}
.ice-align-items-center{align-items: center;}
.ice-mt-10{margin-top: 10px;}
.ice-ml-auto{margin-left: auto;}
.ice-m-0{margin: 0 !important;}
.ice-ml-10{margin-left: 10px;}
.refreshBtn {color: #08182F;}
.rolling-modal .modal-content {margin-top: 20px;}
.rolling-modal .modal-body {overflow-y: auto;  max-height: calc(100dvh - 100px) !important;}


@media(max-width:750px) {
	.mx-range-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.mx-datepicker-header {
	padding: 6px 8px;
	border-bottom: 1px solid #e8e8e8
}

.mx-datepicker-footer {
	padding: 6px 8px;
	text-align: right;
	border-top: 1px solid #e8e8e8
}

.mx-calendar {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 248px;
	padding: 6px 12px
}

.mx-calendar+.mx-calendar {
	border-left: 1px solid #e8e8e8
}

.mx-calendar-header,
.mx-time-header {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 34px;
	line-height: 34px;
	text-align: center;
	overflow: hidden
}

.mx-btn-icon-double-left,
.mx-btn-icon-left {
	float: left
}

.mx-btn-icon-double-left:focus,
.mx-btn-icon-double-left:hover,
.mx-btn-icon-double-right:focus,
.mx-btn-icon-double-right:hover,
.mx-btn-icon-left:focus,
.mx-btn-icon-left:hover,
.mx-btn-icon-right:focus,
.mx-btn-icon-right:hover {
	outline: 0
}

.mx-btn-icon-double-right,
.mx-btn-icon-right {
	float: right
}

.mx-calendar-header-label {
	font-size: 14px
}

.mx-calendar-decade-separator {
	margin: 0 2px
}

.mx-calendar-decade-separator:after {
	content: "~"
}

.mx-calendar-content {
	position: relative;
	height: 224px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.mx-calendar-content .cell {
	cursor: pointer;
	background-color: var(--bg-table-header)
}

.mx-calendar-content .cell:hover {
	color: var(--text-highlight);
	background-color: var(--bg-sidebar)
}

.mx-calendar-content .cell.active {
	color: #fff;
	background-color: var(--bg-sidebar)
}

.mx-calendar-content .cell.in-range {
	color: #73879c;
	background-color: #dbedfb
}

.mx-calendar-content .cell.disabled {
	cursor: not-allowed;
	color: #ccc;
	background-color: transparent
}

.mx-calendar-week-mode .mx-date-row {
	cursor: pointer
}

.mx-calendar-week-mode .mx-date-row:hover {
	background-color: #f3f9fe
}

.mx-calendar-week-mode .mx-date-row.mx-active-week {
	background-color: #dbedfb
}

.mx-calendar-week-mode .mx-date-row .cell:hover {
	color: inherit;
	background-color: transparent
}

.mx-calendar-week-mode .mx-date-row .cell.active {
	color: inherit;
	background-color: transparent
}

.mx-week-number {
	opacity: .5
}

.mx-table {
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle
}

.mx-table th {
	padding: 0;
	font-weight: 500
}

.mx-table td {
	padding: 0
}

.mx-table-date td,
.mx-table-date th {
	height: 32px;
	font-size: 12px;
	color: var(--text-highlight)
}

.mx-table-date .today {
	color: #2a90e9
}

.mx-table-date .cell.not-current-month {
	color: #ccc
}

.mx-time {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 224px;
	background: #fff
}

.mx-time+.mx-time {
	border-left: 1px solid #e8e8e8
}

.mx-calendar-time {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.mx-time-header {
	border-bottom: 1px solid #e8e8e8
}

.mx-time-content {
	height: 224px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

.mx-time-columns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.mx-time-column {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	border-left: 1px solid #e8e8e8;
	text-align: center
}

.mx-time-column:first-child {
	border-left: 0
}

.mx-time-column .mx-time-list {
	margin: 0;
	padding: 0;
	list-style: none
}

.mx-time-column .mx-time-list::after {
	content: "";
	display: block;
	height: 192px
}

.mx-time-column .mx-time-item {
	cursor: pointer;
	font-size: 12px;
	height: 32px;
	line-height: 32px
}

.mx-time-column .mx-time-item:hover {
	color: #73879c;
	background-color: #f3f9fe
}

.mx-time-column .mx-time-item.active {
	color: #1284e7;
	background-color: transparent;
	font-weight: 700
}

.mx-time-column .mx-time-item.disabled {
	cursor: not-allowed;
	color: #ccc;
	background-color: #f3f3f3
}

.mx-time-option {
	cursor: pointer;
	padding: 8px 10px;
	font-size: 14px;
	line-height: 20px
}

.mx-time-option:hover {
	color: #73879c;
	background-color: #f3f9fe
}

.mx-time-option.active {
	color: #1284e7;
	background-color: transparent;
	font-weight: 700
}

.mx-time-option.disabled {
	cursor: not-allowed;
	color: #ccc;
	background-color: #f3f3f3
}

.lucky7eu2 .casino-detail {
	background: linear-gradient(90deg, rgb(31 32 92) 0, rgb(35 55 122) 20%, rgb(34 61 133) 40%, rgb(40 66 138) 60%, rgb(39 66 136) 80%, rgb(42 59 123) 100%) !important
}

.dragable-tv {
	z-index: 1050 !important;
	position: fixed !important;
	background-color: #000
}

.dragable-tv .tvButton {
	position: absolute;
	right: -18px;
	top: -18px;
	border-radius: 50%
}

.dragable-tv iframe {
	height: 210px;
	width: 350px;
	border: none
}

.dragable-tv.active:before {
	outline: 0 !important
}

.tv-expand {
	position: absolute;
	right: 15px;
	margin-top: 7px;
	font-size: 20px
}

.casino-detail .book-green,
.casino-detail .book-red {
	z-index: 10
}

.flex-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	flex-direction: column
}

.navbar-nav .dropdown-menu.show {
	animation: growDown .3s ease-in-out forwards;
	transform-origin: top center
}

@-moz-keyframes growDown {
	0% {
		transform: scaleY(0)
	}

	80% {
		transform: scaleY(.8)
	}

	100% {
		transform: scaleY(1)
	}
}

@-webkit-keyframes growDown {
	0% {
		transform: scaleY(0)
	}

	80% {
		transform: scaleY(.8)
	}

	100% {
		transform: scaleY(1)
	}
}

@-o-keyframes growDown {
	0% {
		transform: scaleY(0)
	}

	80% {
		transform: scaleY(.8)
	}

	100% {
		transform: scaleY(1)
	}
}

@keyframes growDown {
	0% {
		transform: scaleY(0)
	}

	80% {
		transform: scaleY(.8)
	}

	100% {
		transform: scaleY(1)
	}
}

.loader-overlay {
	position: fixed;
	z-index: 11111;
	width: calc(100% - 250px);
	height: 100vh;
	background: rgba(255, 255, 255, .5);
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 250px
}

.loader-overlay i {
	font-size: 50px
}

.slide-fade-enter-active,
.slide-fade-leave-active {
	transition: all .3s ease;
	transform-style: preserve-3d
}

.slide-fade-enter,
.slide-fade-leave-to {
	opacity: 0;
	transform: rotateY(90deg)
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
	opacity: 0
}

.bounce-enter-active {
	animation: bounce-in .5s
}

.bounce-leave-active {
	animation: bounce-in .5s reverse
}

@keyframes bounce-in {
	0% {
		transform: scale(0)
	}

	50% {
		transform: scale(1.5)
	}

	100% {
		transform: scale(1)
	}
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
	opacity: 0
}

.list-decimal>li {
	list-style: decimal
}

.list-outside>li {
	list-style: outside
}

.list-square>li {
	list-style: square
}

.list-circle>li {
	list-style: circle
}

.component-fade-enter-active,
.component-fade-leave-active {
	transition: all .3s
}

.component-fade-enter {
	opacity: 0;
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px)
}

.component-fade-leave-to {
	opacity: 0;
	transform: translateY(10px);
	-webkit-transform: translateY(10px)
}

.teenpatti1day .casino-video .video-box {
	padding-bottom: 55.55%
}

.teenpatti1day .casino-detail {
	background: linear-gradient(90deg, rgb(80 59 49) 0, rgb(85 67 56) 20%, rgb(86 70 57) 40%, rgb(86 68 55) 60%, rgb(74 60 53) 80%, rgb(64 50 52) 100%)
}

.teenpatti1day .casino-nation-name {
	background-color: #00000047;
	color: #eee !important
}

.teenpatti1day .casino-bl-box-item {
	color: #eee !important
}

.casino-table .casino-detail .teenpatti1day .casino-bl-box-item {
	color: #eee
}

.teenpatti1day .fa-info-circle {
	color: #ddd
}

.teenpatti1day .casino-detail .casino-nation-name.no-border {
	background-color: transparent !important
}

.teenpatti20 .casino-video .video-box {
	padding-bottom: 55.55%
}

.teenpatti20 .casino-detail {
	background: linear-gradient(90deg, rgb(76 61 59) 0, rgb(90 78 73) 20%, rgb(95 81 77) 40%, rgb(93 79 72) 60%, rgb(88 76 71) 80%, rgb(86 68 69) 100%)
}

.teenpatti20 .casino-nation-name {
	background-color: #00000047
}

.teenpatti20 .casino-bl-box-item {
	color: #eee !important
}

.teenpatti20 .fa-info-circle {
	color: #ddd !important
}

.teenpatti20 .casino-detail .casino-nation-name.no-border {
	background-color: transparent !important
}

.teenpatti20 .casino-rb-box-player {
	color: #eee !important
}

.baccarat .casino-video .video-box {
	padding-bottom: 55.55%
}

.baccarat .casino-detail {
	background: linear-gradient(90deg, rgb(28 55 125) 0, rgb(41 75 159) 20%, rgb(39 87 187) 40%, rgb(37 88 188) 60%, rgb(44 82 171) 80%, rgb(34 55 117) 100%)
}

.baccarat .casino-nation-name {
	background-color: #00000047
}

.baccarat .casino-detail .casino-nation-name.no-border {
	background-color: transparent !important
}

:root[data-theme=dark] .baccarat .book-red,
:root[data-theme=dark] .baccarat2 .book-red,
:root[data-theme=light] .baccarat .book-red,
:root[data-theme=light] .baccarat2 .book-red {
	color: #790912 !important
}

.baccarat2 .casino-video .video-box {
	padding-bottom: 55.55%
}

.baccarat2 .casino-detail {
	background: linear-gradient(90deg, rgb(26 73 134) 0, rgb(33 91 163) 20%, rgb(24 90 167) 40%, rgb(18 83 158) 60%, rgb(13 70 140) 80%, rgb(11 59 120) 100%) !important
}

.baccarat2 .casino-nation-name {
	background-color: #00000047
}

.baccarat2 .casino-detail .casino-nation-name.no-border {
	background-color: transparent !important
}

.lucky7eu .casino-video .video-box,
.lucky7eu2 .casino-video .video-box {
	padding-bottom: 55.55%
}

.lucky7eu .casino-detail {
	background: linear-gradient(90deg, rgb(19 45 110) 0, rgb(34 72 164) 20%, rgb(42 83 179) 40%, rgb(42 81 183) 60%, rgb(43 81 183) 80%, rgb(28 66 152) 100%) !important
}

.lucky7eu .casino-nation-name {
	background-color: #00000047
}

.lucky7eu .casino-detail .casino-nation-name.no-border {
	background-color: transparent !important
}

.lucky7eu .casino-min-max {
	color: #eee;
	font-weight: 400
}

.lucky7eu .casino-odds {
	color: #eee;
	font-weight: 700;
	font-size: 18px
}

.lucky7eu .casino-buttons {
	color: #eee
}

.tp-rules .modal-content {
	background-color: #346633
}

.poker-rules .modal-content {
	background-color: #fff
}

.ab2-rules .casino-tabs {
	margin-bottom: 10px;
	border-radius: 0
}

.ab2-rules .tab-content ul {
	padding-left: 40px;
	text-align: left
}

.ab2-rules .tab-content ul,
.ab2-rules .tab-content ul li {
	list-style: disc
}

.ab2-rules .tab-content ul li {
	margin-bottom: 20px
}

.ab2-rules .tab-content .table {
	table-layout: auto
}

.home-new {
	flex-wrap: wrap
}

.home-new .site-news-line {
	color: var(--text-yellow)
}

.home-new-header {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	/* height: 70px; */   height: 82px;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 1000;
	background-color: var(--bg-body)
}

.home-new-logo {
	display: flex !important;
	height: 50px;
	align-items: center;
	width: 200px;
}

.home-new-logo img {
	max-height: 100%;
	max-width: 100%
}

.home-new-logo {
	position: relative;
	overflow: hidden;
	display: inline-block
}

.home-new-header .navbar {
	flex: 1;
	margin-bottom: 0;
}

.home-new-header a {
	color: var(--text-highlight);
	padding-right: 16px !important;
	padding-left: 16px !important
}

.home-new-header a.router-link-active {
	color: var(--text-fancy);
	font-weight: 700
}

.home-new-header-bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	height: 100%;
	float: right;
}

.home-new-header-bottom .btn {
	width: 150px;
	background-color: var(--text-fancy);
	border-color: var(--text-fancy);
	color: var(--text-black);
	border-radius: 40px;
	height: 40px;
	text-transform: uppercase;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-radius: 40px;
	font-size: 12px
}

.home-new-header-bottom .loginDemo { display: none; }

.home-new-header-bottom .download-apk {
	color: var(--text-fancy)
}

.home-new .carousel img {
	width: 100%;
	height: auto
}

.home-new .casino-banners {
	background-color: transparent
}

.casino-banner-item.login-hover {
	position: relative
}

.casino-banner-item.login-hover:hover img {
	filter: blur(5px);
	transition: .8s
}

.casino-banner-item.login-hover div {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, .5);
	color: var(--text-fancy);
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	transition: 1s
}

.casino-banner-item.login-hover:hover div {
	opacity: 1
}

.home-new .sport-list-title {
	color: var(--text-fancy);
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 20px;
	text-align: left;
	display: inline-block;
	border-bottom: 1px solid var(--text-fancy);
	margin-left: 15px
}

.all-sports-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 10px
}

.sport-list-item {
	background-color: var(--bg-sidebar);
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0 0 6px #2b2366;
	width: calc(6.25% - 9.4px);
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	cursor: pointer;
	transition: .8s;
	font-size: 12px;
	min-height: 80px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color: var(--text-sidebar)
}

.sport-list-item:focus,
.sport-list-item:hover {
	background-color: var(--bg-table-header)
}

.sport-list-item img {
	height: 30px;
	max-width: 50px
}

.sport-list-item>div {
	word-break: break-all
}

.sport-list-item:nth-child(16n) {
	margin-right: 0
}

.modal-login-new.modal {
	top: 0
}

.animate-on .modal-login-new.modal {
	top: 0
}

.modal-login-new .modal-content {
	border-radius: 0 0 8px 8px;
	background-color: var(--bg-table-header)
}

.modal-login-new .modal-header {
	justify-content: flex-end;
	padding: 16px 16px 0 16px
}

.close-login-modal {
	display: flex;
	justify-content: right;
	align-items: center;
	z-index: 100;
	cursor: pointer
}

.close-login-modal img {
	height: 20px;
	width: 20px
}

.modal-login-new .modal-body {
	padding: 16px;
	max-height: 100vh;
	padding-top: 0
}

.modal-body h5 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 26px;
	margin-bottom: 30px;
	color: var(--text-table-header)
}

.modal-login-new .modal-body label {
	color: var(--text-table-header);
	font-size: 16px
}

.modal-login-new .modal-body .custom-control label {
	font-size: 13px
}

.modal-login-new .form-group {
	margin-right: 0;
	margin-bottom: 30px
}

.modal-login-new .form-control {
	border: 1px solid var(--text-table);
	color: var(--text-table-header) !important;
	transition: .8s;
	height: 56px;
	background-color: transparent
}

.modal-login-new .form-control::placeholder {
	color: var(--text-table-header) !important
}

.modal-login-new .form-control::-moz-placeholder {
	color: var(--text-table-header) !important
}

.modal-login-new .form-control:-ms-input-placeholder {
	color: var(--text-table-header) !important
}

.modal-login-new .form-control::-webkit-input-placeholder {
	color: var(--text-table-header) !important
}

.modal-login-new .btn-primary {
	height: 56px
}

.modal-login-new .form-control:focus,
.modal-login-new .form-control:hover {
	background-color: transparent
}

.home-new .casino-banners-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 10px
}

.home-new .casino-banners-list .casino-banner-item {
	box-shadow: 0 0 10px #2b2366;
	width: calc(12.5% - 8.75px);
	margin-right: 10px;
	margin-left: 0
}

/* .home-new .casino-banners-list .casino-banner-item:nth-child(8n) {
	margin-right: 0
} */

/* .home-new .casino-banners-list.live-casinos .casino-banner-item {
	width: calc(25% - 10px)
} */

/* .home-new .casino-banners-list.live-casinos .casino-banner-item:nth-child(4n) {
	margin-right: 0 !important
} */

.home-new .casino-banners-list.live-casinos .casino-banner-item:nth-child(8n) {
	margin-right: 10px !important
}

.home-new .casino-banners-list.fantasy-games .casino-banner-item {
	width: calc(33.3% - 10px)
}

.home-new .casino-banners-list.fantasy-games.others .casino-banner-item {
	width: 66%
}

.top-winners-list-container {
	width: 100%;
	padding: 10px
}

.top-winner-list-box {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	background-color: var(--bg-sidebar);
	color: var(--text-sidebar);
	padding: 10px;
	border-radius: 16px;
	justify-content: center;
	width: 200px !important;
	height: 200px;
	align-items: center;
	font-size: 14px;
	margin: 10px
}

.top-winners-list-container .player-detail {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.home-new .footer {
	padding: 24px
}

.home-new .footer h4 {
	color: var(--text-fancy);
	font-weight: 700;
	display: inline-block;
	border-bottom: 1px solid var(--text-fancy);
	font-size: 22px;
	margin-bottom: 20px
}

.home-new .footer .img-logo {
	width: 250px
}

.home-new .footer .footer-link a {
	color: var(--text-body)
}

.home-new .footer .gt img {
	height: 50px
}

.home-new .footer .footer-social img {
	height: 30px
}

.home-new .upcoming-fixure {
	margin-top: 0;
	height: 56px;
	margin-left: 0;
	border-radius: 0
}

.home-new .fixure-title {
	border-radius: 0
}

.home-new .fixure-title::after {
	width: 56px;
	height: 56px;
	border-top: 28px solid transparent;
	border-left: 28px solid var(--bg-table-header);
	border-bottom: 28px solid transparent;
	right: -56px
}

.home-new .fixure-box-container {
	height: 56px;
	align-items: center;
	width: calc(100% - 95px);
	overflow: hidden;
	display: flex;
	align-items: center
}

.upcoming-fixure {
	margin-left: 10px;
	flex: 1;
	width: 40%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	height: 46px;
	background-color: var(--bg-sidebar);
	color: var(--text-sidebar);
	border-radius: 8px
}

.fixure-box-container {
	width: calc(100% - 95px);
	overflow: hidden;
	height: 46px
}

.fixure-box {
	margin-right: 20px;
	padding: 5px;
	font-size: 16px;
	line-height: 1;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start
}

.fixure-box>div:last-child {
	font-size: 11px;
	margin-top: 3px
}

.fixure-title {
	float: left;
	width: 70px;
	background-color: var(--bg-table-header);
	text-align: center;
	padding: 8px 0;
	border-radius: 8px 0 0 8px;
	font-weight: var(--font-bold);
	height: 100%;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	margin-right: 25px;
	color: var(--text-table-header);
	font-size: 12px;
	padding-left: 10px;
	line-height: normal
}



.fantasy-desc-container .fantasy-detail-title {
	color: var(--text-highlight);
	text-transform: uppercase;
	font-weight: 700;
	padding-right: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.fantasy-desc-container .fantasy-detail-title img {
	height: 20px;
	width: 20px
}

.fantasy-desc-container .casino-tabs {
	background-color: transparent;
	margin-top: 15px;
	height: auto;
	margin-bottom: 20px;
	flex-wrap: wrap
}

.fantasy-desc-container .casino-tabs .nav-tabs {
	margin: 0;
	width: 100%
}

.fantasy-desc-container .nav-tabs .nav-item {
	width: 33.33%;
	margin: 0
}

.fantasy-desc-container .casino-tabs .nav-tabs .nav-link {
	box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .2);
	border-radius: 0;
	padding-top: 20px;
	padding-bottom: 20px
}

.fantasy-desc-container .casino-tabs .nav-tabs .nav-item .nav-link.active {
	border-bottom: 0;
	background-color: transparent
}

.fantasy-desc-container .btn {
	min-width: 200px;
	margin-top: 15px
}

.fantasy-desc-container .list-style,
.fantasy-desc-container .list-style li {
	list-style: disc
}

.fantasy-desc-container .list-style li {
	margin-bottom: 10px
}

.fantasy-desc-container .cards-box {
	background: #fff;
	padding: 0 5px;
	display: inline-block;
	color: #000;
	margin-bottom: 10px
}

.fantasy-desc-container .card-character {
	font-family: Card Characters
}

.fantasy-desc-container .red-card {
	color: red
}

.fantasy-desc-container .black-card {
	color: #000
}

.fantasy-desc-container h6 {
	color: var(--text-fancy);
	font-weight: 700
}

.modal-body .main-rules-container {
	max-height: calc(100vh - 116px);
	overflow-x: hidden;
	overflow-y: auto
}

.slot-note {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 10px;
	background-color: var(--bg-table-header);
	color: var(--text-table-header);
	height: 38px
}

.slot-note .note-title {
	height: 100%;
	display: flex;
	align-items: center;
	background-color: var(--bg-success);
	color: var(--text-white);
	padding: 0 10px;
	font-weight: 700;
	font-size: 18px
}

.slot-note .btn {
	height: 28px;
	line-height: 16px
}

.slot-note .note-desc {
	flex: 1;
	padding: 0 10px
}

.security-auth .verify-code {
	width: auto;
	font-size: var(--font-56);
	line-height: 1;
	color: var(--text-table-header);
	background: var(--bg-table-header);
	padding: 10px;
	border-radius: 8px;
	display: inline-block;
	letter-spacing: 40px;
	font-weight: 700;
	padding-left: 40px
}

.security-auth .secure-password .form-control {
	height: 38px;
	display: inline-block;
	width: auto
}

.follow-instruction {
	background-color: var(--bg-table-header);
	padding: 10px;
	color: var(--text-table-header);
	display: inline-block;
	padding: 8px
}

.faq-container .report-title {
	color: var(--text-yellow);
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px
}

.faq-container .report-title .report-name {
	height: auto
}

.faq-container .col-md-6 {
	border-right: 1px solid var(--text-table)
}

.faq-container .col-md-6:last-child {
	border-right: 0
}

.faq-container .faq-question-box {
	padding: 10px
}

.faq-container .faq-question-box h5 {
	color: var(--text-highlight);
	font-size: 20px;
	font-weight: 700
}

.faq-container .faq-question-box>div {
	padding-left: 15px
}

.faq-question-box .casino-tabs {
	background-color: transparent;
	height: 42px;
	border-radius: 0
}

.faq-question-box .casino-tabs .nav-tabs {
	margin: 0
}

.faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link {
	text-decoration: none;
	color: var(--text-table)
}

.faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link.active {
	color: var(--text-white);
	border-bottom: 3px solid var(--text-yellow)
}

.faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link:focus,
.faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link:hover {
	color: var(--text-table)
}

.faq-question-box a {
	color: var(--text-table);
	text-decoration: underline
}

.change-theme {
	position: absolute;
	left: 260px;
	top: 10px;
	color: var(--text-highlight);
	font-size: var(--font-caption);
	width: auto;
	cursor: pointer;
	display: flex;
	align-items: center;
	z-index: 100
}

.change-theme img {
	filter: invert(1);
	height: 30px
}

.user-dropdown .change-theme {
	width: auto;
	right: 10px;
	top: 10px;
	left: unset
}

.header-top .change-theme {
	left: unset;
	right: 110px;
	top: 5px;
	width: auto
}

.header-top .change-theme img {
	height: 25px
}

.login-auth {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center
}

.login-auth .log-logo img {
	max-width: 300px
}

.login-auth input {
	width: 70px;
	height: 70px;
	padding: 5px;
	margin: 0 10px;
	font-size: 30px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, .3);
	text-align: center
}

.login-auth .featured-box-login {
	background-color: var(--bg-table-header);
	padding: 20px;
	color: var(--text-table-header);
	margin-top: 30px
}

.login-auth .featured-box-login a {
	color: var(--text-success)
}

.login-auth form>div {
	justify-content: center
}

.security-auth .login-auth {
	min-height: unset;
	flex-direction: column
}

.andar-bahar2 .casino-detail .casino-video-cards {
	height: auto;
	position: relative;
	top: 0;
	width: 100%;
	background-color: var(--bg-table-header)
}

.flex-book {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column
}

.battle-content-row>div,
.battle-header>div {
	width: 20%
}

.note-desc marquee {
	font-size: 16px;
	vertical-align: middle
}

.faq-container .faq-question-box h5 {
	font-size: 18px;
	border-radius: 0
}

.close-frame-fantacy {
	font-size: 24px;
	color: var(--text-white);
	cursor: pointer;
	background: #ff5757;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	border: 2px solid #4a0303;
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
	text-align: center;
	line-height: 36px
}

.theme-fade-enter-active,
.theme-fade-leave-active {
	transition: all .3s
}

.theme-fade-enter {
	transform: rotate(90deg)
}

.theme-fade-leave-to {
	transform: rotate(-90deg)
}

@media only screen and (max-width:767px) {



	.login-auth input {
		width: 40px;
		height: 40px;
		margin: 0 5px
	}

	.login-auth .featured-box-login h3 {
		font-size: 22px
	}

	.casino-list-container .home-casiono-icons {
		margin-top: 10px;
		padding: 10px 0 0 10px;
		background-color: var(--bg-table-header);
		flex-wrap: wrap;
		color: var(--text-table-header);
		display: flex;
		justify-content: space-between
	}

	.casino-list-container .home-casiono-icons h4 {
		font-size: var(--font-18);
		color: var(--text-table-header);
		width: 100%
	}

	.casino-list-container .home-casiono-icons .home-casino-icon-item {
		margin-right: 10px;
		width: calc(49% - 10px);
		margin-bottom: 10px
	}

	.battle-result {
		width: 100%;
		overflow: auto
	}

	.battle-result-container {
		min-width: 1000px;
		width: 100%
	}


}

.deposit-modal .report-form {
	border-bottom: 1px solid var(--bg-table-header);
	padding-bottom: 10px
}

.deposit-modal .report-form .form-group {
	position: relative;
	margin-bottom: 35px
}

.deposit-modal .report-form .form-group .error {
	color: var(--book-red);
	font-size: 12px;
	line-height: 1;
	position: absolute;
	top: 105%
}

.payments img {
	max-height: 20px;
	margin-right: 10px;
	margin-bottom: 10px
}

.payments ul li {
	min-width: 30%
}

.color-box-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 10px;
	top: 4px
}

.color-box {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	margin-right: 10px;
	border: 2px solid var(--text-fancy)
}

.color-box.dark-box {
	background-color: #000
}

.color-box.light-box {
	background-color: #fff
}

.color-box.blue-box {
	background-color: #00f
}

.select-theme-title {
	width: 100%;
	line-height: 1;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	color: var(--text-sidebar)
}

.carousal-23 {
	padding-top: 23.47% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important
}

.carousal-21 {
	padding-top: 21.12% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important
}

.carousal-63 {
	padding-top: 63.59% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important
}

.carousal-53 {
	padding-top: 53.33% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important
}

.setting-page .casino-tabs {
	background-color: transparent;
	border-radius: 0;
	justify-content: center
}

.setting-page .form-group {
	margin-right: 0;
	margin-bottom: 30px;
	position: relative
}

.setting-page .error {
	color: var(--book-red);
	position: absolute;
	left: 0;
	bottom: -34px;
	font-size: var(--font-small);
	line-height: normal;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	height: 34px
}

.setting-page .report-form .form-group {
	margin-right: 16px;
	margin-bottom: 0
}

.animated-header {
	height: 34px;
	background-color: var(--bg-body);
	color: var(--text-body);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100
}

.animated-header>div {
	background-image: url(../img/animation-bg.png);
	background-size: cover;
	background-position: center;
	height: 34px
}

.animated-header .fa-times {
	position: absolute;
	right: 2px;
	top: 2px;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: red;
	color: #fff;
	cursor: pointer;
	z-index: 1000;
	font-size: 20px
}

.home-new .animated-header {
	position: sticky
}

.casino-table,
.detail-page-container {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pasa .casino-video {
	background-image: linear-gradient(0deg, #100b1e 0, #160d27 26.42%, #11091d 48.45%, #030309 100%)
}

.pasa .casino-video-title {
	min-width: 180px;
	padding: 5px;
	background-color: #f8f9fa35
}

.pasa .casino-video-title .casino-name {
	font-size: 14px;
	line-height: 1
}

.pasa .casino-video-rid {
	font-size: 12px;
	line-height: 1;
	margin-top: 3px
}

.pasa .casino-video .video-box-container {
	max-width: calc(100% - 190px);
	margin-left: auto
}

.pasa .casino-video-cards {
	height: 80px
}

.pasa .casino-nation-name {
	width: 100%;
	text-align: center
}

.pasa .casino-bl-box {
	width: 100%
}

.pasa .casino-bl-box-item {
	height: 48px
}

.pasa .casino-bl-box-item {
	width: calc(50% - 2px);
	height: 48px
}

.pasa .pasa-fancy .casino-nation-name {
	background-color: transparent
}

.pasa .pasa-sesssion .casino-nation-name {
	width: 50%;
	padding-right: 10px;
	position: relative;
	text-align: left
}

.pasa .pasa-sesssion .casino-bl-box {
	width: 50%
}

.pasa .pasa-sesssion .casino-bl-box-item {
	height: 48px
}

.pasa .pasa-sesssion .casino-box-odd {
	font-size: 18px;
	margin-top: 3px
}

.pasa .pasa-cards .casino-nation-name {
	background-color: transparent
}

.pasa .pasa-other-bets {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	align-items: flex-start
}

.pasa .pasa-other-bet {
	width: 19%
}

.pasa .pasa-other-bet .casino-nation-name {
	width: 100%;
	background-color: transparent
}

.pasa .pasa-other-bet .casino-bl-box {
	width: 100%
}

.pasa .pasa-other-bet .casino-bl-box-item {
	height: 48px;
	width: 100%
}

.lds-ripple {
	display: inline-block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 999999;
}

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

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

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

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

:root[data-theme=light] .lds-ripple div {
	border: 4px solid #000
}

.border-fancy {
	border-bottom: 1px solid var(--text-fancy)
}

.super-over .casino-video .video-box-container {
	max-width: 100%
}

.super-over .casino-video-cards {
	height: 275px;
	width: auto
}

.five-cricket-casino .casino-video-cards {
	height: 285px;
	width: auto
}

.five-cricket-casino .casino-video .video-box-container {
	max-width: 100%
}

.super-over .casino-video-cards span img {
	width: 40px
}

.five-cricket-casino .casino-video-cards span img {
	width: 30px
}

.score-balls img {
	max-width: 40px;
	margin-bottom: 10px
}

.cricket-rule .row {
	align-items: center
}

.cricket-rule {
	font-weight: 700
}

.trap .casino-video-cards {
	height: 385px;
	width: 100px
}

.trap .casino-video-cards span {
	color: #fff;
	font-size: 18px
}

.trap .casino-video-cards span img {
	width: 30px
}

.trap .casino-video-cards span .player-count {
	color: var(--text-fancy);
	font-weight: 700
}

.trap .casino-video-cards span b {
	border-bottom: 1px solid var(--text-fancy)
}

.trap .casino-nation-name {
	background-image: url(../img/trape-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff
}

.trap .casino-bl-box-item {
	height: 50px
}

.trap .teen1daycasino-container {
	margin-bottom: 10px
}

.trap .seven-up-down-box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	border: 2px solid #72bbef
}

.trap .up-box {
	background-image: url(../img/trape-back.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 50%;
	height: 50px;
	display: flex;
	align-items: center;
	color: #fff;
	padding-left: 10px;
	padding-right: 40px;
	position: relative;
	justify-content: flex-end
}

.trap .down-box {
	background-image: url(../img/trape-back.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 50%;
	text-align: right;
	height: 50px;
	display: flex;
	align-items: center;
	color: #fff;
	padding-right: 10px;
	padding-left: 40px;
	justify-content: flex-start;
	position: relative
}

.trap .seven-box {
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

.trap .seven-box img {
	height: 70px
}

.trap .up-down-odds {
	font-weight: 700;
	font-size: 18px
}

.trap .up-box .up-down-book {
	position: absolute;
	left: 10px
}

.trap .down-box .up-down-book {
	position: absolute;
	right: 10px
}

.trap-number {
	position: relative;
	box-shadow: 0 0 10px;
	opacity: .5;
	justify-content: center;
	padding: 10px
}

.trap-number img {
	height: 70px;
	box-shadow: 0 0 2px
}

.trap-number img:nth-child(2n) {
	margin: 0 20px
}

.trap .casino-nation-name .book-green,
.trap .casino-nation-name .book-red,
.trap .seven-up-down-box .book-green,
.trap .seven-up-down-box .book-red {
	background: rgba(0, 0, 0, .5);
	padding: 0 5px
}

.jqk-box img {
	width: 30px
}

.down-box.suspended.lock-top:before,
.up-box.suspended.lock-top:before {
	background-position: center
}

.trap-result .casino-result-content-item {
	position: relative;
	padding-top: 70px
}

.trap-result .winner-icon {
	position: absolute;
	top: -70px;
	left: 50%;
	transform: translateX(-50%)
}

.tn-text {
	font-family: 'Anonymous Pro';
	font-size: 24px;
	font-weight: 700;
	color: var(--text-fancy)
}

.trap-number {
	box-shadow: none;
	opacity: 1;
	align-items: center;
	background-color: var(--bg-sidebar);
	width: calc(100% - 10px);
	margin: 10px auto;
	border-radius: 8px
}

.trap-number img {
	margin: 0 10px !important;
	height: 60px;
	box-shadow: unset
}

.depo-withdraw-btn .btn {
	height: 28px;
	padding: 0 10px;
	line-height: 24px;
	opacity: 1;
	color: var(--text-white);
	width: auto;
	margin: 0;
	width: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.live-bets-report .report-event-title {
	background-color: rgba(0, 0, 0, .2);
	padding: 6px;
	color: #fff
}

.live-bets-report .table {
	table-layout: unset
}

.teenpatti2cards .casino-video-cards {
	width: 140px
}

.teenpatti2cards .casino-nation-name {
	width: 50%;
	padding-right: 10px;
	position: relative
}

.teenpatti2cards .casino-bl-box {
	width: 50%
}

.teenpatti2cards .casino-bl-box-item {
	width: calc(50% - 2px);
	height: 48px
}

.teenpatti2cards .casino-bl-boxfull .casino-bl-box-item {
	width: 100%
}

.teenpatti2cards .total-odds span {
	font-size: 12px
}

.teenpatti2cards .total-odds .casino-box-odd {
	font-size: 18px;
	margin-top: 3px
}

.teenpatti2cards .total-odds .casino-bl-box-item {
	height: 48px
}

.teenpatti2cards .teenpatti2cardsextra {
	position: relative
}

.teenpatti2cards .teenpatti2cardsextra .casino-bl-boxfull {
	width: 100%
}

.teenpatti2cards .teenpatti2cardsextra .casino-bl-boxfull .casino-bl-box-item {
	height: 48px
}

.teenpatti2cardsextra-book {
	position: absolute;
	right: 10px;
	bottom: 0
}

.teen2sidebar .casino-video-last-results {
	width: 100%;
	height: auto;
	position: unset;
	top: unset;
	right: unset
}

.teen2sidebar .casino-video-last-results a,
.teen2sidebar .casino-video-last-results span {
	flex: 1 1 0
}

.teen2sidebar .casino-video-last-results img {
	height: 25px
}

.casino-vieo-rules {
	flex-wrap: wrap;
	background-color: #000;
	color: #fff;
	font-size: 12px;
	width: 0;
	top: 50px;
	right: 0;
	height: calc(100% - 160px);
	border-radius: 0;
	display: none
}

.casino-vieo-rules.show-rules {
	display: flex;
	max-width: calc(100% - 200px);
	width: 800px;
	z-index: 101
}

.casino-vieo-rules .rules-header {
	background-color: #333;
	display: flex;
	justify-content: center;
	font-size: 16px;
	padding: 2px;
	width: 100%
}

.casino-vieo-rules .rules-header i {
	position: absolute;
	right: 10px;
	top: 6px;
	cursor: pointer
}

.casino-vieo-rules .rules-body {
	padding: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #666 #333;
	height: calc(100% - 30px);
	line-height: normal;
	width: 100%
}

.casino-vieo-rules .rules-body::-webkit-scrollbar {
	width: 8px
}

.casino-vieo-rules .rules-body::-webkit-scrollbar-track {
	background: #666
}

.casino-vieo-rules .rules-body::-webkit-scrollbar-thumb {
	background-color: #333
}

.disconnected-box {
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .6);
	height: 100%;
	width: 100%;
	z-index: 1060;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.disconnected-box .modal-body {
	padding: 0;
	border-radius: 0
}

.disconnected-message {
	padding: 10px;
	font-size: 10px;
	background-color: var(--bg-sidebar);
	color: var(--text-sidebar)
}

.disconnected-message b {
	font-size: 14px
}

.disconnected-message i {
	color: var(--text-fancy);
	font-size: 14px
}

.disconnected-buttons {
	display: flex;
	justify-content: space-between
}

.disconnected-buttons .btn {
	width: 49%;
	padding: 4px;
	border-radius: 8px;
	font-size: .7rem;
	color: var(--text-sidebar)
}

.sin-khal .casino-bl-box {
	position: relative;
	z-index: 9
}

.sin-khal .casino-bl-box-item {
	width: calc(25% - 3px);
	height: 40px;
	text-transform: uppercase;
	position: relative
}

.sin-khal-box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px
}

.sin-khal-box img {
	height: 100px;
	z-index: 10
}

.sin-khal-box .casino-bl-box-item {
	width: 150px
}

.sin-khal-box .casino-bl-box-item.back {
	margin-left: -4px;
	border-right: 0;
	border-radius: 0;
	border-left: 0
}

.sin-khal-box .casino-bl-box-item.back:focus,
.sin-khal-box .casino-bl-box-item.back:hover {
	border-right: 0;
	border-left: 0;
	border-top-width: 2px;
	border-bottom-width: 2px
}

.sin-khal-box .casino-bl-box-item.lay {
	margin-left: -4px;
	border-left: 0;
	border-radius: 0
}

.sin-khal-box .casino-bl-box-item.lay:focus,
.sin-khal-box .casino-bl-box-item.lay:hover {
	border-left: 0;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-right-width: 2px
}

.sin-khal-box-book {
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%)
}

.muflis .casino-nation-name {
	background-color: transparent;
	text-align: center
}

.muflis .casino-bl-box,
.muflis .casino-nation-name {
	width: 100%
}

.muflis .casino-bl-box-item {
	width: 100%;
	height: 40px
}

.raceto17 .casino-video-cards {
	width: 85px;
	height: 265px
}

.raceto17 .race-total {
	color: #fdcf13;
	font-size: 14px
}

.raceto17 .casino-video-cards span img {
	margin-right: 8px;
	width: 30px
}

.raceto17 .casino-bl-box,
.raceto17 .casino-nation-name {
	width: 100%
}

.raceto17 .casino-nation-name {
	background-color: transparent;
	text-align: center
}

.raceto17 .casino-bl-box-item {
	width: calc(50% - 2px);
	height: 40px
}

.raceto17 .casino-detail .col-3 {
	border-right: 2px solid grey
}

.raceto17 .casino-detail .col-3:last-child {
	border-right: 0
}

.login-page-container {
	width: 100%;
	min-height: 100vh;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: var(--bg-body);
	color: var(--text-body)
}

.login-page-container .login-form {
	margin-top: 40px;
	background-color: var(--bg-table);
	padding: 30px;
	min-height: unset;
	border-radius: 8px
}

.login-page-container .login-form .form-control {
	height: 50px;
	background-color: #fff;
	border: 0;
	opacity: .9;
	color: #000
}

.bodymovinanim>svg {
	width: 50% !important;
	height: 50% !important
}

.teenpatti20b .casino-detail .casino-nation-name.no-border {
	background-color: transparent !important
}

.teenpatti20b .casino-bl-box {
	width: 100%
}

.teenpatti20b .casino-bl-box-item {
	width: calc(25% - 3px);
	height: 40px;
	text-transform: uppercase;
	position: relative
}

.teenpatti20b .casino-rb-box-container {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 5px
}

.teenpatti20b .casino-rb-box {
	width: calc(50% - 4px);
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 0;
	position: relative;
	flex-direction: column
}

.teenpatti20b .casino-rb-box-player {
	width: 100%;
	text-align: left;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	color: var(--text-table);
	min-height: 46px;
	cursor: pointer;
	border-radius: 4px
}

.teenpatti20b .casino-rb-box-player>div {
	padding: 0 8px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap
}

.teenpatti20b .casino-rb-box-player img {
	height: auto;
	margin-left: 5px;
	width: 35px
}

.note .casino-video-cards {
	width: 60px;
	height: 285px
}

.note .casino-video-cards span img {
	width: 30px
}

.note .casino-bl-box,
.note .casino-nation-name {
	width: 100%
}

.note .casino-nation-name {
	background-color: transparent;
	text-align: center;
	height: auto
}

.note .casino-nation-name:first-child {
	height: 43px;
	display: flex;
	justify-content: center;
	align-items: center
}

.note .casino-bl-box-item {
	width: calc(50% - 2px);
	height: 40px
}

.note .note-baccarat {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap
}

.note .note-baccarat .casino-bl-box-item {
	width: 100%
}

.note .note-baccarat .casino-nation-name {
	height: auto
}

.note-cards .casino-card-item {
	margin: 0;
	width: 20%;
	margin-bottom: 10px
}

.note .oe-cards img {
	height: 30px
}

.teenpatti2024 .casino-nation-name {
	width: 50%;
	padding-right: 10px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.teenpatti2024 .casino-detail .casino-nation-name.no-border>div {
	display: flex;
	width: 100%
}

.teenpatti2024 .casino-nation-name img {
	height: 30px
}

.teenpatti2024 .casino-bl-box {
	width: 50%
}

.teenpatti2024 .casino-bl-box-item {
	width: calc(50% - 2px)
}

.kbc .casino-video .video-box-container {
	max-width: calc(100% - 210px)
}

.kbc .casino-video-cards {
	height: 240px;
	width: 60px
}

.kbc .casino-video-cards span img {
	width: 30px
}

.kbc .casino-bl-box,
.kbc .casino-nation-name {
	width: 100%
}

.kbc .casino-nation-name {
	background-color: transparent;
	text-align: center
}

.kbc .casino-bl-box-item {
	width: calc(50% - 2px);
	height: 40px
}

.kbc .kbc-btns {
	align-items: center
}

.kbc .kbc-btns .casino-nation-name {
	background: var(--bg-table-header);
	border-radius: 12px;
	color: #fff;
	padding: 6px;
	border: 1px solid var(--text-fancy);
	text-align: left
}

.kbc .kbc-btns .btn-group {
	width: 85%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.kbc .kbc-btns .btn {
	background-color: var(--back);
	color: #000;
	border: 2px solid gold;
	width: calc(50% - 4px);
	flex: 0 0 auto;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-left: 1px;
	border-top: 0;
	border-radius: 0;
	font-weight: 700;
	font-size: 18px
}

.kbc .kbc-btns .btn.suspended:after {
	border-radius: 0
}

.kbc .kbc-btns.kbcothers .btn {
	width: calc(50% - 4px)
}

.kbc .kbc-btns .btn.active {
	background-color: var(--btn-primary)
}

.kbc .kbc-btns .btn img {
	width: 30px
}

.kbc .kbc-btns .btn.btn-primary {
	color: var(--text-white);
	opacity: 1;
	width: 130px;
	height: 130px;
	border-radius: 50% !important
}

.kbc .kbc-btns .btn-hf {
	width: 100%
}

.kbcbtesbox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%
}

.kbcbtesbox .bet-box {
	background: var(--bg-table-header);
	padding: 5px 10px;
	border-radius: 8px;
	margin-left: 3px;
	margin-right: 3px;
	width: calc(33.33% - 6px);
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 32px;
	color: var(--text-table-header)
}

.kbcbtesbox .bet-box span {
	flex: 1;
	text-align: center
}

.kbcbtesbox .bet-box i {
	color: var(--text-red);
	cursor: pointer
}

.kbcbtesbox .bet-input {
	width: calc(33.33% - 6px);
	margin-bottom: 5px;
	height: 32px
}

.kbcbtesbox .bet-input input {
	height: 32px
}

.kbcbtesbox>div {
	width: calc(33.33% - 6px);
	margin-bottom: 5px
}

.kbcbtesbox .hfquitbtns {
	width: 96%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.kbcbtesbox .hfquitbtns .btn {
	width: 48%
}

.kbcbtesbox.casino-place-bet-row .bet-box {
	padding: 0;
	min-height: 28px
}

.kbcbtesbox.casino-place-bet-row {
	background-color: rgba(0, 0, 0, .5);
	width: 96%;
	margin: 0 auto 10px;
	border-bottom: 0;
	padding-bottom: 10px
}

.kbcbtesbox.casino-place-bet-row .bet-box {
	background-color: transparent
}

.hfquitbtns {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.casino-place-bet-box .hfquitbtns .hbtn,
.kbc .hfquitbtns .hbtn {
	background-image: linear-gradient(-180deg, #03b37f 0, #06553e 100%);
	border-color: #116f52 !important;
	border-width: 5px !important;
	border-top: 5px solid #131399;
	margin-right: 20px
}

.casino-place-bet-box .hfquitbtns .fbtn,
.kbc .hfquitbtns .fbtn {
	background-image: linear-gradient(-180deg, #fc4242 0, #6f0404 100%);
	border-color: #6f0404 !important;
	border-width: 5px !important;
	border-top: 5px solid #6f0404
}

.hfquitbtns .fbtn.selected,
.kbc .hfquitbtns .hbtn.selected {
	border-color: var(--text-fancy) !important;
	box-shadow: 0 0 5px #fff !important
}

.kbcbtesbox .hbtn {
	border: 1px solid #03b37f;
	color: #03b37f;
	padding: 5px;
	font-weight: 700;
	text-transform: uppercase
}

.kbcbtesbox .fbtn {
	border: 1px solid #fc4242;
	color: #fc4242;
	padding: 5px;
	font-weight: 700;
	text-transform: uppercase
}

.kbcbtesbox .fivebtn {
	border: 1px solid #115dbf;
	color: #115dbf;
	padding: 5px;
	font-weight: 700;
	text-transform: uppercase;
}

.kbc-result-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.kbc-result-box .casino-box-row {
	width: calc(16.66% - 4px);
	margin-right: 4px
}

.kbc-result-box .question-name {
	width: 100%;
	background: var(--bg-table-header);
	border-radius: 12px;
	color: #fff;
	padding: 6px;
	border: 1px solid var(--text-fancy);
	text-align: center
}

.kbc-result-box .answer-name {
	width: 80%;
	padding: 6px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	border: 3px solid var(--back);
	border-top: 0
}

.kbc-result-box .answer-name.true {
	background-color: #03b37f
}

.kbc-result-box .answer-name.false {
	background-color: #fc4242
}

.kbc-result-box .kbchf {
	width: 100%;
	text-align: center;
	color: #fff;
}

.kbc-result-box .kbchf .kbc-result-box-half {
	border: 1px solid #03b37f;
	color: #03b37f;
	padding: 5px;
	font-weight: 700;
	text-transform: uppercase
}

.kbc-result-box .kbchf .kbc-result-box-full {
	border: 1px solid #fc4242;
	color: #fc4242;
	padding: 5px;
	font-weight: 700;
	text-transform: uppercase
}

.kbc-result-box .kbchf .kbc-result-box-five {
	border: 1px solid #115dbf;
	color: #115dbf;
	padding: 5px;
	font-weight: 700;
	text-transform: uppercase
}

.kbc-result-row .toggle {
	display: none
}

.kbc-result-row .toggle:target {
	display: table-row
}

.virtual-casino-container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-height: calc(100vh - 101px);
	background-image: linear-gradient(0deg, #100b1e 0, #160d27 26.42%, #11091d 48.45%, #030309 100%);
	position: relative;
	font-family: droid sans;
	color: #000
}

.virtual-casino-bg {
	min-height: calc(100vh - 100px);
	background-image: url(../img/vcasino-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	width: auto;
	position: relative;
	padding-top: 6px
}

.virtual-casino-bg .main-bg {
	max-width: 100%;
	width: 100%;
	height: 40vh;
	z-index: 10
}

.virtual-casino-bg .dealer {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 14%;
	top: 3%
}

.vcasino-title {
	background: rgba(44, 21, 60, .5);
	border: 2px solid #573673;
	border-radius: 8px;
	padding: 5px;
	position: absolute;
	left: 10px;
	top: 10px;
	min-width: 200px
}

.vcasino-name {
	font-size: 16px;
	font-weight: 700;
	color: #fff
}

.vcasino-rid {
	font-size: 14px;
	color: #fdcf13
}

.vcasino-icons {
	position: absolute;
	right: 10px;
	top: 10px;
	display: flex;
	flex-wrap: wrap
}

.vcasino-icon {
	width: 40px;
	height: 40px;
	right: 10px;
	background: linear-gradient(180deg, #f29603 0, #b4701b 100%);
	border: 2px solid #fdc834;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
	cursor: pointer
}

.vcasino-icon img {
	height: 22px
}

.vcasino-last-results {
	background: rgba(44, 21, 60, .5);
	border: 2px solid #573673;
	border-radius: 8px;
	padding: 5px;
	padding-bottom: 0;
	position: absolute;
	right: 10px;
	top: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	width: 220px;
	height: 80px
}

.vcasino-last-results span {
	width: 30px;
	height: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
	border-radius: 4px;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 5px;
	cursor: pointer;
	margin-right: 5px
}

.vcasino-last-results span.vresultall {
	height: 65px;
	font-size: 50px;
	font-weight: 700;
	color: #fff;
	position: absolute;
	right: 0;
	top: 5px
}

.vcasino-last-results span.vresulta {
	color: #fdcf13
}

.vcasino-last-results span.vresultb {
	color: #fc4242
}

.vcasino-last-results span.vresulttie {
	color: #fff
}

.vcasino-my-bets {
	background: rgba(44, 21, 60, .5);
	border: 2px solid #573673;
	border-radius: 8px;
	padding: 5px;
	left: 15px;
	top: 80px;
	position: absolute;
	height: 40px;
	display: flex;
	align-items: center
}

.vcasino-my-bets .bets-count {
	position: absolute;
	background: #000;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: 22px;
	color: #fff;
	top: -5px;
	left: -10px;
	border: 2px solid #fdcf13
}

.vcasino-my-bets .bets-title {
	margin-left: 40px;
	color: #fff;
	font-size: 22px
}

.vcasino .casino-vieo-rules {
	top: 60px;
	right: 10px
}

.winner-trophy {
	position: absolute;
	width: 65%;
	top: 40vh;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%)
}

.winner-trophy .winnera {
	position: absolute;
	left: 0;
	width: 150px;
	top: -100px
}

.winner-trophy .winnerb {
	position: absolute;
	right: -50px;
	width: 150px;
	top: -100px
}

.virtual-casino-odds {
	margin-top: -50px;
	width: 100%;
	max-width: 100%;
	position: relative;
	text-align: center;
	z-index: 10;
	height: calc(60vh - 106px);
	line-height: 1
}

.virtual-casino-odds>div {
	transform: perspective(900px) rotateX(8deg) scale(1) translateZ(-100px);
	-webkit-transform: perspective(900px) rotateX(8deg) scale(1) translateZ(-100px);
	-ms-transform: perspective(900px) rotateX(8deg) scale(1) translateZ(-100px);
	--moz--transform: perspective(900px) rotateX(8deg) scale(1) translateZ(-100px);
	--o--transform: perspective(900px) rotateX(8deg) scale(1) translateZ(-100px);
	transform-style: flat;
	text-align: center;
	max-width: 80%;
	margin: 0 auto;
	padding: 0
}

.flip-card-back,
.flip-card-front {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.flip-card-back {
	transform: rotateY(180deg)
}

.decks .card-item,
.flip-card .card-item {
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 1px
}

.decks {
	position: absolute;
	width: 6.407641%;
	height: 17.184658%
}

.decks .card-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.vteen .casino-time-digit {
	top: 57%
}

.virtual-casino-place-bet {
	position: absolute;
	z-index: 100;
	bottom: 0;
	left: 0;
	text-align: center;
	left: 50%;
	transform: translateX(-50%)
}

.virtual-casino-place-bet .place-bet-box-container {
	background-image: linear-gradient(0deg, #100b1e 0, #160d27 26.42%, #11091d 48.45%, #030309 100%);
	color: #fff;
	border-radius: 8px 8px 0 0;
	margin: 0 auto;
	width: 400px;
	padding: 5px
}

.place-bet-nation {
	padding: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center
}

.place-bet-value {
	padding: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center
}

.place-bet-value input {
	background-color: transparent;
	border-color: #45307f;
	color: #fff;
	padding: 5px;
	width: 140px;
	-webkit-appearance: none;
	border-radius: 0
}

.place-bet-value input::-webkit-inner-spin-button,
.place-bet-value input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.place-bet-value input[type=number] {
	-moz-appearance: textfield
}

.place-bet-buttons {
	padding: 5px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative
}

.place-bet-buttons .btn {
	width: 32.33%;
	margin-right: 1%;
	margin-bottom: 1%;
	background-color: #5f2f81;
	color: #fff;
	font-weight: 700
}

.place-bet-buttons .btn:nth-child(3n) {
	margin-right: 0
}

.place-submit-reset {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 5px
}

.my-bets .my-bet-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 5px;
	margin-bottom: 5px;
	color: #000
}

.my-bets .my-bet-box.back {
	background-color: #72bBEFDB
}

.my-bets .my-bet-box.lay {
	background-color: #f994BADB
}

.virtual-casino-odds .book-green {
	color: #00a200 !important;
	font-weight: 700 !important
}

.virtual-casino-odds .book-red {
	color: #ef0518 !important;
	font-weight: 700 !important
}

.virtual-casino-odds .book-green.suspended-book {
	color: #21f221 !important;
	font-weight: 700 !important
}

.virtual-casino-odds .book-red.suspended-book {
	color: #f4091e !important;
	font-weight: 700 !important
}

.mobile-timer.virtual {
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	top: 0
}

.mobile-timer.virtual .progress-bar {
	transition: width 1.5s ease !important
}

.vteen1day .main-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 75%;
	margin: 0 auto;
	margin-top: 10vh
}

.vteen1day .odds-title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 60%;
	margin: 0 auto
}

.vcasino .odds-title .playera {
	color: #ef0518 !important;
	font-weight: 700;
	font-size: 4vh
}

.vcasino .odds-title .playerb {
	color: #00a200 !important;
	font-weight: 700;
	font-size: 4vh
}

.vcasino .odds-title .tie {
	color: #000 !important;
	font-weight: 700;
	font-size: 4vh
}

.vteen1day .odds-section {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 0
}

.vteen1day .vodds-box {
	width: 33.3%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	font-size: 2.3vh
}

.vteen1day .vodds-box .odds-book {
	font-size: 2vh
}

.vteen1day .vodds-box .casino-bl-box {
	width: 100%
}

.vteen1day .vodds-box .casino-bl-box-item {
	width: calc(50% - 2px);
	color: #000;
	height: 5vh
}

.vteen1day .vodds-box .casino-bl-box-item .casino-box-odd {
	font-size: 2.5vh;
	font-weight: 700;
	line-height: 1;
	height: auto;
	margin-bottom: 0
}

.vteen1day .vodds-box .casino-bl-box-item span {
	font-weight: 400;
	font-size: 2vh;
	height: auto;
	line-height: 1
}

.vteen1day .vodds-box .casino-bl-box-item.back {
	background-color: transparent;
	border: 2px solid var(--back)
}

.vteen1day .vodds-box .casino-bl-box-item.lay {
	background-color: transparent;
	border: 2px solid var(--lay)
}

.others-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 1vh
}

.others-odds .odds-section {
	margin-bottom: 1vh
}

.others-odds .odds-section:last-child {
	margin-bottom: 0
}

.vteen1day .others-odds .vodds-box {
	width: 16.66%;
	align-items: center
}

.vteen1day .others-odds .vodds-box .casino-bl-box-item {
	width: calc(100% - 4px);
	height: 6.5vh
}

.vteen20 .main-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 75%;
	margin: 0 auto;
	margin-top: 10vh
}

.vteen20 .odds-title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 60%;
	margin: 0 auto;
	margin-bottom: 0
}

.vteen20 .odds-section {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: .5vh
}

.vteen20 .vodds-box {
	width: 33.3%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	font-size: 2.3vh
}

.vteen20 .vodds-box img {
	height: 4vh
}

.vteen20 .vodds-box .casino-bl-box {
	width: 100%
}

.vteen20 .vodds-box .casino-bl-box-item {
	width: calc(100% - 2px);
	height: 5.5vh;
	color: #000
}

.vteen20 .vodds-box .casino-bl-box-item.back {
	background-color: transparent;
	border: 2px solid var(--back)
}

.vteen20 .vodds-box .casino-bl-box-item.lay {
	background-color: transparent;
	border: 2px solid var(--lay)
}

.vteen20 .others-odds .vodds-box .casino-bl-box-item {
	flex-wrap: wrap
}

.vteen20 .vodds-box .casino-bl-box-item span {
	font-weight: 400;
	font-size: 2vh;
	height: auto;
	line-height: 1
}

.vteen20 .vodds-box .casino-bl-box-item .casino-box-odd {
	font-size: 24px;
	font-size: 2.5vh;
	font-weight: 700;
	line-height: 1;
	height: auto;
	margin-bottom: 0
}

.vteen20 .others-odds .casino-rb-box {
	width: calc(25% - 8px);
	margin-right: 8px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 0;
	position: relative;
	flex-direction: column
}

.vteen20 .others-odds .casino-rb-box-player {
	width: 100%;
	text-align: left;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	min-height: 46px;
	cursor: pointer;
	border-radius: 4px;
	position: relative
}

.vteen20 .casino-rb-box-player>div {
	padding: 0 8px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap
}

.vteen20 .casino-rb-box-player img {
	margin-left: 5px;
	width: 22px
}

.vteen20 .casino-rb-box-player-range {
	justify-content: flex-end;
	display: flex;
	display: -webkit-flex;
	width: 100%;
	margin-top: 5px
}

.vteen20 .teen20rules {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 25%;
	transform: perspective(900px) rotateX(10deg) scale(1) translateZ(-100px);
	bottom: -4vh
}

.vteen20 .teen20rules .table {
	border: 1px solid #000 !important;
	background-color: transparent;
	color: #000
}

.vteen20 .teen20rules .table td,
.vteen20 .teen20rules .table th {
	border-bottom: 1px solid #000 !important;
	border-right: 1px solid #000 !important;
	border-top: 1px solid #000 !important;
	border-left: 1px solid #000;
	font-size: 2vh;
	vertical-align: middle;
	padding: .5vh
}

.vteen20 .teen20rules .table thead {
	background-color: transparent;
	color: #000
}

.vteen20 .teen20rules .table thead th {
	font-size: 18px
}

.vteen20 .suspended::before {
	display: none
}

.vdt1day .cards-showing-block,
.vdt1day .decks-block,
.vdt1day .decks-mask-block,
.vdt1day .table-actions,
.vdt20 .cards-showing-block,
.vdt20 .decks-block,
.vdt20 .decks-mask-block,
.vdt20 .table-actions {
	width: 130vh;
	max-width: 100%
}

.vdt1day .odds-title,
.vdt20 .odds-title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 75%;
	margin: 0 auto
}

.vdt1day .main-odds,
.vdt20 .main-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 75%;
	margin: 0 auto;
	margin-top: 10vh;
	position: relative
}

.vdt1day .dpt-box,
.vdt20 .dpt-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: .5vh;
	border-radius: 8px;
	width: 30%;
	height: 7vh;
	cursor: pointer;
	position: relative
}

.vdt20 .dpt-box {
	height: 7vh
}

.dragon-box {
	background-color: #ef05181A;
	border: 2px solid #f46a59
}

.pair-box {
	background-color: #0041A21A;
	border: 2px solid #0041a2
}

.tiger-box {
	background-color: #00a2001A;
	border: 2px solid #00a200
}

.tie-box {
	background-color: #0041A21A;
	border: 2px solid #0041a2
}

.dpt-box.tie-box {
	position: absolute;
	top: -9vh;
	left: 50%;
	transform: translateX(-50%);
	width: 30%
}

.vcasino .back-box>div:first-child,
.vcasino .dragon-box>div:first-child,
.vcasino .pair-box>div:first-child,
.vcasino .tie-box>div:first-child,
.vcasino .tiger-box>div:first-child {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	position: relative
}

.dragon-box .dt-name,
.pair-box .dt-name,
.tie-box .dt-name,
.tiger-box .dt-name {
	font-size: 3vh;
	font-weight: 700;
	color: #000
}

.vdt1day .dragon-box .dt-name,
.vdt1day .pair-box .dt-name,
.vdt1day .tie-box .dt-name,
.vdt1day .tiger-box .dt-name {
	position: absolute;
	width: 100%;
	font-size: 2vh;
	top: -3.5vh
}

.vdt1day .dragon-box .dt-book,
.vdt1day .pair-box .dt-book,
.vdt1day .tie-box .dt-book,
.vdt1day .tiger-box .dt-book {
	position: absolute;
	bottom: -3vh
}

.back-box .dt-name {
	font-size: 1.8vh;
	font-weight: 700;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.back-box .dt-name img {
	height: 2.2vh;
	margin-right: .5vh
}

.back-box .dt-name img:last-child {
	margin-right: 0
}

.dragon-box .dt-odds,
.pair-box .dt-odds,
.tie-box .dt-odds,
.tiger-box .dt-odds {
	font-size: 2.5vh;
	font-weight: 700;
	color: #000
}

.back-box .dt-odds {
	font-size: 1.8vh;
	font-weight: 700
}

.back-box .dt-book,
.dragon-box .dt-book,
.dt-book,
.pair-box .dt-book,
.tie-box .dt-book,
.tiger-box .dt-book {
	margin-top: .5vh;
	font-size: 2vh
}

.vdt1day .other-odds,
.vdt20 .other-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
	margin-top: 5vh
}

.vdt20 .other-odds {
	margin-top: 2vh
}

.dragon-section {
	background-image: linear-gradient(to right, transparent, #ef051880);
	width: 49%;
	padding: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.tiger-section {
	background-image: linear-gradient(to right, #00a20080, transparent);
	width: 49%;
	padding: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.dt-divider {
	display: none;
	width: 5px;
	background-color: #000
}

.back-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 5px;
	border-radius: 8px;
	width: 24%;
	background-color: transparent;
	border: 2px solid var(--back);
	margin-bottom: 1vh;
	height: 7vh;
	cursor: pointer
}

.back-box.suspended::after {
	border-radius: 8px
}

.lay-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 5px;
	border-radius: 8px;
	width: 24%;
	background-color: transparent;
	border: 2px solid var(--lay);
	margin-bottom: 1vh;
	height: 7vh;
	cursor: pointer
}

.vcasino-card-box-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%
}

.vcasino-card-box-top {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	justify-content: center;
	width: 85%
}

.vcasino-card-box {
	width: 14%;
	cursor: pointer
}

.vcasino-card-box .suspended:before {
	background-image: none
}

.vcasino-card-box img {
	height: 4vh
}

.vdt20 .vcasino-card-box img {
	height: 7vh
}

.vlucky7 .vcasino-card-box img {
	height: 7vh
}

.vcasino-card-odds {
	width: 15%;
	font-weight: 700;
	font-size: 2.5vh;
	border: 2px solid #000;
	padding: 8px
}

.vlucky7 .vcasino-card-odds {
	width: auto;
	font-size: 2vh;
	padding: 4px
}

.vdt1day .winner-trophy .winnera,
.vdt1day .winner-trophy .winnerb,
.vdt20 .winner-trophy .winnera,
.vdt20 .winner-trophy .winnerb {
	width: 110px
}

.vdt1day .winner-trophy .winnera,
.vdt20 .winner-trophy .winnera {
	left: -35px;
	top: -130px
}

.vdt1day .winner-trophy .winnerb,
.vdt20 .winner-trophy .winnerb {
	top: -130px;
	right: -25px
}

.vcasino.vdt1day .playera,
.vcasino.vdt1day .playerb,
.vcasino.vdt20 .playera,
.vcasino.vdt20 .playerb {
	width: 33.33%
}

.vdt1day .dragon-box .dt-odds,
.vdt1day .pair-box .dt-odds,
.vdt1day .tiger-box .dt-odds {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.vdt1day .dragon-box .dt-odds .back-box,
.vdt1day .dragon-box .dt-odds .lay-box,
.vdt1day .tiger-box .dt-odds .back-box,
.vdt1day .tiger-box .dt-odds .lay-box {
	height: auto;
	justify-content: center;
	width: 49%;
	margin-bottom: 0;
	align-items: center
}

.vdt1day .pair-box .dt-odds .back-box {
	height: auto;
	justify-content: center;
	width: 50%;
	margin-bottom: 0;
	align-items: center
}

.vdt1day .pair-box .dt-odds>div:first-child {
	display: flex;
	align-items: center
}

.vdt1day .dragon-box .dt-odds .back-box,
.vdt1day .pair-box .dt-odds .back-box,
.vdt1day .tiger-box .dt-odds .back-box {
	background-color: var(--back)
}

.vdt1day .dragon-box .dt-odds .lay-box,
.vdt1day .tiger-box .dt-odds .lay-box {
	background-color: var(--lay)
}

.vlucky7 .virtual-casino-odds {
	margin-top: -35px
}

.vlucky7 .cards-showing-block,
.vlucky7 .decks-block,
.vlucky7 .decks-mask-block,
.vlucky7 .table-actions {
	width: 130vh;
	max-width: 100%
}

.vlucky7 .odds-title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 60%;
	margin: 0 auto
}

.vlucky7 .main-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 75%;
	margin: 0 auto;
	margin-top: 10vh;
	position: relative
}

.lh-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 1vh;
	border-radius: 8px;
	width: 30%;
	height: 10vh;
	cursor: pointer
}

.low-box {
	background-color: #ef05181A;
	border: 2px solid #f46a59
}

.high-box {
	background-color: #00a2001A;
	border: 2px solid #00a200
}

.even-box>div:first-child,
.lh-box>div:first-child {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%
}

.lh-box .dt-name {
	font-size: 2.5vh;
	font-weight: 700;
	color: #000
}

.lh-box .dt-odds {
	font-size: 2.5vh;
	font-weight: 700;
	color: #000
}

.back-box .dt-book,
.lh-box .dt-book {
	margin-top: .5vh;
	font-size: 2vh
}

.vlucky7 .other-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	margin-top: 3vh
}

.vlucky7 .other-odds .back-box {
	width: 12%
}

.vlucky7 .back-box .dt-name img {
	margin-right: .5vh
}

.vlucky7 .vcasino-card-box-top {
	width: 100%;
	justify-content: center;
	margin-top: 2vh
}

.vlucky7 .vcasino-card-box-top .vcasino-card-box {
	width: 7.5%
}

.vlucky7 .vcasino-card-box-top .vcasino-card-box>div:last-child {
	margin-top: .5vh;
	font-size: 1.5vh
}

.vcasino-card-bhav {
	font-size: 2vh;
	font-weight: 700
}

.vlucky7 .winner-trophy .winnerb {
	right: -20px;
	top: -75px;
	width: 90px
}

.vlucky7 .winner-trophy .winnera {
	left: -30px;
	width: 100px;
	top: -75px
}

.vaaa .virtual-casino-bg {
	background-image: linear-gradient(to right, #555, #333, #555)
}

.vaaa .virtual-casino-odds {
	margin-top: -40px
}

.vaaa.virtual-casino-container {
	color: #fff
}

.vaaa.vcasino .tie {
	color: #fba500 !important
}

.vaaa .cards-showing-block,
.vaaa .decks-block,
.vaaa .decks-mask-block,
.vaaa .table-actions {
	width: 130vh !important;
	max-width: 100% !important
}

.vaaa .odds-title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 75%;
	margin: 0 auto
}

.vaaa .main-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 75%;
	margin: 0 auto;
	margin-top: 10vh
}

.vaaa .vodds-box {
	width: 32%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	font-size: 2.3vh
}

.vaaa .vodds-box .casino-bl-box {
	width: 100%
}

.vaaa .vodds-box .casino-bl-box-item {
	width: calc(50% - 8px);
	margin-top: 0;
	color: #fff;
	height: 6vh;
	margin-right: 8px
}

.vaaa .vodds-box .casino-bl-box-item.back {
	background-color: transparent;
	border: 2px solid var(--back)
}

.vaaa .vodds-box .casino-bl-box-item.lay {
	background-color: transparent;
	border: 2px solid var(--lay)
}

.vaaa .vodds-box .casino-bl-box-item .casino-box-odd {
	font-size: 2.5vh;
	font-weight: 700;
	line-height: 1;
	height: auto;
	margin-bottom: 0
}

.vaaa .other-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	margin-top: 3vh
}

.vaaa .other-odds .back-box {
	width: 16%;
	align-content: center;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap
}

.vaaa .vcasino-card-box-top {
	width: 100%;
	justify-content: center;
	margin-top: 2vh
}

.vaaa .vcasino-card-odds {
	width: 10%;
	font-size: 2vh;
	padding: 4px
}

.vaaa .vcasino-card-box-top {
	width: 90%;
	justify-content: center;
	align-items: center;
	margin-top: 2vh
}

.vaaa .vcasino-card-box-top .vcasino-card-box {
	width: 7.5%
}

.vaaa .vcasino-card-box img {
	height: 7vh
}

.vaaa .vcasino-card-box-top .vcasino-card-box>div:last-child {
	margin-top: .5vh;
	font-size: 1.5vh
}

.vaaa .vcasino-card-odds {
	border: 2px solid #fff
}

.vaaa .odds-book {
	font-size: 2vh !important;
	margin-top: .5vh
}

.vaaa .virtual-casino-odds .dt-book.book-red,
.vaaa .virtual-casino-odds .odds-book.book-red {
	color: #ff172b !important
}

.vaaa .virtual-casino-odds .dt-book.book-green,
.vaaa .virtual-casino-odds .odds-book.book-green {
	color: #18ca18 !important
}

.vaaa .vcasino-last-results span.vresulta {
	color: #fc4242
}

.vaaa .vcasino-last-results span.vresultb {
	color: #fba500
}

.vaaa .vcasino-last-results span.vresultc {
	color: #00a200
}

.vcasino .odds-title .playera,
.vcasino .odds-title .playerb,
.vcasino .odds-title .tie {
	font-size: 3vh;
	width: 33%;
	text-align: center
}

.vaaa .vcasino-card-box .suspended:after {
	border-radius: 0;
	transform: perspective(1800px) rotateX(0) scale(1) translateZ(70px)
}

.vcasino .playera>div:first-child,
.vcasino .playerb>div:first-child,
.vcasino .tie>div:first-child {
	color: #fff;
	margin-bottom: .5vh
}

.winner-animation {
	z-index: 1000;
	animation-name: winnerani;
	animation-duration: 3s;
	animation-timing-function: ease-in-out
}

@keyframes winnerani {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(2) perspective(1800px) rotateX(40deg)
	}

	100% {
		transform: scale(1)
	}
}

.vbt .cards-showing-block,
.vbt .decks-block,
.vbt .decks-mask-block,
.vbt .table-actions {
	width: 130vh !important;
	max-width: 100% !important
}

.vbt .odds-title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 75%;
	margin: 0 auto
}

.vbt.vcasino .tie {
	width: 16%
}

.vbt .virtual-casino-bg {
	background-image: linear-gradient(to right, #555, #333, #555)
}

.vbt.virtual-casino-container {
	color: #fff
}

.vbt.vcasino .playera>div:first-child,
.vbt.vcasino .playerb>div:first-child,
.vbt.vcasino .tie>div:first-child {
	color: #fdcf13 !important
}

.vbt.vcasino .playera,
.vbt.vcasino .playerb,
.vbt.vcasino .tie {
	font-size: 2vh;
	color: #fdcf13 !important
}

.vbt .main-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	width: 75%;
	margin: 0 auto;
	margin-top: 1vh
}

.vbt .vodds-box {
	width: 16%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	font-size: 2.3vh
}

.vbt .vodds-box .casino-bl-box {
	width: 100%
}

.vbt .vodds-box .casino-bl-box-item {
	width: calc(100% - 4px);
	margin-top: 0;
	color: #fff;
	height: 5vh;
	margin-right: 4px;
	margin-bottom: .5vh
}

.vbt .vodds-box .casino-bl-box-item.back {
	background-color: transparent;
	border: 2px solid var(--back)
}

.vbt .vodds-box .casino-bl-box-item.lay {
	background-color: transparent;
	border: 2px solid var(--lay)
}

.vbt .vodds-box .casino-bl-box-item .casino-box-odd {
	font-size: 2.5vh;
	font-weight: 700;
	line-height: 1;
	height: auto;
	margin-bottom: 0
}

.vbt .odds-book {
	font-size: 2vh
}

.vbt .dt-book.book-red,
.vbt .odds-book.book-red {
	color: #ff172b !important
}

.vbt .dt-book.book-green,
.vbt .odds-book.book-green {
	color: #18ca18 !important
}

.vbt .other-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	margin-top: 1vh
}

.vbt .other-odds .vodds-box {
	width: 19%
}

.vbt .other-odds .back-box {
	width: 19%;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: center;
	justify-content: space-between
}

.vbt .other-odds .vodds-box .casino-bl-box-item {
	width: calc(50% - 4px)
}

.vbt .vcasino-card-box img {
	height: 6vh
}

.vbt .vcasino-card-odds {
	border: 2px solid #fff;
	width: 20%;
	font-size: 2vh;
	padding: 4px
}

.vbt .vcasino-card-box-container {
	width: 40%;
	justify-content: center;
	align-items: center;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto
}

.vbt .vcasino-card-box-container .vcasino-card-box-top {
	width: 80%;
	justify-content: center;
	align-items: center
}

.vbt .vcasino-card-box-top .vcasino-card-box>div:last-child {
	margin-top: .5vh;
	font-size: 1.5vh
}

.vbt .vbt-odd-name {
	font-size: 1.8vh;
	margin-bottom: .5vh
}

.odds-title>div {
	width: 16%
}

.odds-title .card-character {
	font-family: Card Characters;
	font-size: 22px;
	margin-top: 3px;
	margin-bottom: 3px
}

.odds-title .red-card {
	color: red
}

.odds-title .black-card {
	color: #000
}

.vaaa .vcasino-card-box .suspended:after {
	border-radius: 0;
	transform: perspective(1800px) rotateX(0) scale(1) translateZ(50px)
}

.vbt .vcasino-card-box .suspended::after {
	border-radius: 0;
	transform: perspective(1800px) rotateX(0) scale(1) translateZ(50px)
}

.vbt .odds-title {
	align-items: flex-end
}

.vmuflis .virtual-casino-bg {
	background-image: linear-gradient(to right, #555, #333, #555)
}

.vmuflis.virtual-casino-container {
	color: #fff
}

.vmuflis .cards-showing-block,
.vmuflis .decks-block,
.vmuflis .decks-mask-block,
.vmuflis .table-actions {
	width: 97vh
}

.vmuflis .odds-title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 60%;
	margin: 0 auto;
	margin-bottom: 0
}

.vmuflis .main-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 75%;
	margin: 0 auto;
	margin-top: 10vh
}

.vmuflis .odds-section {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 1.5vh
}

.vmuflis .vodds-box {
	width: 33.3%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	font-size: 2.3vh;
	align-items: center
}

.vmuflis .vodds-box .casino-bl-box {
	width: 100%
}

.vmuflis .vodds-box .casino-bl-box-item.back {
	background-color: transparent;
	border: 2px solid var(--back)
}

.vmuflis .vodds-box .casino-bl-box-item {
	width: calc(100% - 2px);
	height: 9.5vh;
	color: #000
}

.vmuflis .vodds-box .casino-bl-box-item span {
	font-weight: 400;
	font-size: 2vh;
	height: auto;
	line-height: 1;
	color: #fff
}

.vmuflis .vodds-box .casino-bl-box-item .casino-box-odd {
	font-size: 2.5vh;
	font-weight: 700;
	line-height: 1;
	height: auto;
	margin-bottom: 0;
	color: #fff
}

.vmuflis .suspended::before {
	display: none
}

.vmuflis .teen20rules {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 25%;
	transform: perspective(900px) rotateX(10deg) scale(1) translateZ(-100px);
	bottom: -4vh
}

.vmuflis .teen20rules .table {
	border: 1px solid #fff !important;
	background-color: transparent;
	color: #fff
}

.vmuflis .teen20rules .table td,
.vmuflis .teen20rules .table th {
	border-bottom: 1px solid #fff !important;
	border-right: 1px solid #fff !important;
	border-top: 1px solid #fff !important;
	border-left: 1px solid #fff;
	font-size: 2vh;
	vertical-align: middle;
	padding: .5vh
}

.vmuflis .teen20rules .table thead {
	background-color: transparent;
	color: #fff
}

.vmuflis .teen20rules .table thead th {
	font-size: 18px
}

.vmuflis.vcasino .odds-title .playerb {
	color: #fdcf13 !important
}

.vmuflis .vcasino-last-results span.vresulta {
	color: #ef0518 !important
}

.vmuflis .vcasino-last-results span.vresultb {
	color: #fdcf13 !important
}

.vraceto17 .virtual-casino-bg {
	background-image: linear-gradient(to right, #555, #333, #555)
}

.vraceto17 .cards-showing-block,
.vraceto17 .decks-block,
.vraceto17 .decks-mask-block,
.vraceto17 .table-actions {
	width: 130vh !important;
	max-width: 100% !important
}

.vraceto17.virtual-casino-container {
	color: #fff
}

.vraceto17 .odds-title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 75%;
	margin: 0 auto
}

.vraceto17 .main-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 75%;
	margin: 0 auto
}

.vraceto17 .vodds-box {
	width: 49%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	font-size: 2.3vh;
	margin-bottom: 2vh
}

.vraceto17 .vrt17-odd-name {
	font-size: 2vh;
	margin-bottom: 1vh
}

.vraceto17 .vodds-box .casino-bl-box {
	width: 100%
}

.vraceto17 .vodds-box .casino-bl-box-item {
	width: calc(50% - 4px);
	margin-top: 0;
	color: #fff;
	height: 6vh;
	margin-right: 4px
}

.vraceto17 .vodds-box .casino-bl-box-item.back {
	background-color: transparent;
	border: 2px solid var(--back)
}

.vraceto17 .vodds-box .casino-bl-box-item.lay {
	background-color: transparent;
	border: 2px solid var(--lay)
}

.vraceto17 .odds-book {
	font-size: 2vh;
	margin-top: .5vh
}

.vraceto17 .arrow17 {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 7vh;
	margin-top: 10vh
}

.vraceto17 .arrow17>div {
	border: 3px solid #bf8636;
	border-radius: 50%;
	padding: 10px;
	margin-right: 10px
}

.vraceto17 .arrow17 img {
	height: 5vh
}

.vraceto17 .vcard-total {
	position: absolute;
	left: 20%;
	top: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center
}

.vraceto17 .vcard-total>div:first-child {
	font-size: 18px;
	width: 100%;
	margin-bottom: 5px
}

.vraceto17 .vcard-total>div:last-child {
	margin-left: 10px;
	border: 2px solid #ff8f00;
	border-radius: 50%;
	padding: 5px;
	height: 35px;
	width: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: 700
}

.vraceto17 .vodds-box .casino-bl-box-item .casino-box-odd {
	font-size: 2.5vh;
	font-weight: 700;
	line-height: 1;
	height: auto;
	margin-bottom: 0
}

.vbaccarat .virtual-casino-bg {
	background-image: linear-gradient(to right, #555, #333, #555)
}

.vbaccarat .virtual-casino-odds {
	margin-top: -20px
}

.vbaccarat .cards-showing-block,
.vbaccarat .decks-block,
.vbaccarat .decks-mask-block,
.vbaccarat .table-actions {
	width: 130vh !important;
	max-width: 100% !important;
	height: 100%;
	position: relative
}

.vbaccarat .odds-title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 75%;
	margin: 0 auto
}

.vbaccarat.vcasino .playera,
.vbaccarat.vcasino .playerb {
	width: 50%
}

.baccarat-box {
	position: absolute;
	bottom: 0;
	background-color: #00000096;
	width: 100%;
	padding: 0 10px;
	border-radius: 0
}

.vbaccarat-odds {
	width: 70%;
	margin: 0 auto;
	margin-top: 10vh
}

.vbaccarat-odds .baccarat-odds {
	display: flex;
	display: -webkit-flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between
}

.vbaccarat-odds .baccarat-odd-block {
	width: 18%;
	position: relative
}

.vbaccarat-odds .baccarat-odd-block:last-child {
	margin-right: 0
}

.vbaccarat-odds .baccarat-odd-block .baccarat-odd-name {
	padding: 8px 2px;
	text-align: center;
	color: var(--text-white);
	background-image: linear-gradient(180deg, #f29603 0, #b4701b 100%);
	cursor: pointer;
	border-radius: 0;
	text-transform: uppercase
}

.vbaccarat-odds .baccarat-odd-block .baccarat-odd-val {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -25px;
	color: #fff
}

.vbaccarat-odds .baccarat-bets {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 0;
	position: relative;
	padding-bottom: 30px
}

.vbaccarat-odds .banker,
.vbaccarat-odds .banker-pair,
.vbaccarat-odds .player,
.vbaccarat-odds .player-pair,
.vbaccarat-odds .tie {
	width: 18%;
	margin-top: 40px;
	position: relative
}

.vbaccarat-odds .baccarat-bets-name {
	height: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-direction: column;
	color: var(--text-white);
	padding-left: 0;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 0
}

.vbaccarat-odds .player-pair .baccarat-bets-name {
	background-color: #509bff
}

.vbaccarat-odds .player .baccarat-bets-name {
	background-color: #509bff
}

.vbaccarat-odds .tie .baccarat-bets-name {
	background-color: #11b24b
}

.vbaccarat-odds .banker .baccarat-bets-name {
	background-color: #d3393d
}

.vbaccarat-odds .banker-pair .baccarat-bets-name {
	background-color: #d3393d
}

.vbaccarat-odds .baccarat-bets-val {
	color: #fff;
	margin-top: 3px
}

.baccarat-buttons {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	bottom: unset;
	left: unset;
	transform: unset;
	justify-content: center
}

.baccarat-buttons.virtual-casino-place-bet .place-bet-box-container {
	margin: 0 10px;
	width: calc(60% - 20px);
	background: 0 0;
	border-right: 1px solid #4f4f4f;
	border-radius: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.baccarat-buttons.virtual-casino-place-bet .place-bet-box-container>div {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.baccarat-graph {
	text-align: right;
	width: 20%;
	border-right: 1px solid #4f4f4f;
	padding: 10px
}

.baccarat-buttons .baccarat-graph img {
	height: 120px
}

.baccarat-buttons .place-bet-value input {
	border-color: #fff;
	margin: 0;
	border-radius: 2px;
	width: 100px;
	color: #fff
}

.baccarat-buttons .vcasino-last-results {
	position: relative;
	left: unset;
	top: unset;
	border: 0;
	background: 0 0;
	border: 0;
	width: 20%;
	justify-content: center;
	align-items: flex-start;
	align-content: center;
	height: auto
}

.baccarat-buttons .vcasino-last-results span {
	background: 0 0;
	border: 0;
	position: unset;
	height: auto;
	width: 20%;
	margin-right: 0;
	justify-content: center
}

.baccarat-buttons .vcasino-last-results span.vresultall {
	width: 100%;
	justify-content: flex-end;
	font-size: 16px;
	margin-top: 5px
}

.baccarat-buttons .place-bet-value {
	justify-content: center
}

.baccarat-buttons .btn {
	margin: 0 5px
}

.baccarat-buttons .coin-img {
	position: relative;
	display: inline-block;
	width: 32%;
	margin-bottom: 5px
}

.baccarat-buttons .coin-img img {
	height: 7vh
}

.baccarat-buttons .coin-img>div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 700;
	color: #fff;
	font-size: 14px
}

.baccarat-buttons .place-bet-nation {
	justify-content: center
}

.baccarat-buttons .place-bet-nation>div {
	margin-right: 20px
}

.vbaccarat.vcasino .odds-title .playera {
	color: #509bff !important
}

.vbaccarat.vcasino .odds-title .playerb {
	color: #d3393d !important
}

.baccarat-buttons .vcasino-last-results span.vresulta {
	color: #509bff !important
}

.baccarat-buttons .vcasino-last-results span.vresultb {
	color: #d3393d !important
}

.vbaccarat .vcasino-last-results span.vresulta {
	color: #509bff
}

.vbaccarat .vcasino-last-results span.vresultb {
	color: #d3393d !important
}

.baccarat-buttons .bet-block {
	width: 60%
}

.baccarat-buttons .btn-block {
	width: 40%
}

.vbaccarat .suspended::after {
	border-radius: 0;
	transform: perspective(900px) rotateX(0) scale(1.01) translateZ(0)
}

.place-bet-buttons .coin-img {
	position: relative;
	display: inline-block;
	width: 32%;
	margin-bottom: 5px
}

.place-bet-buttons .coin-img img {
	height: 60px
}

.place-bet-buttons .coin-img>div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 700;
	color: #fff;
	font-size: 14px
}

.vtrio.virtual-casino-container {
	color: #fff
}

.vtrio .virtual-casino-bg {
	background-image: linear-gradient(to right, #555, #333, #555)
}

.vtrio .virtual-casino-odds {
	margin-top: -55px
}

.vtrio .cards-showing-block,
.vtrio .decks-block,
.vtrio .decks-mask-block,
.vtrio .table-actions {
	width: 130vh !important;
	max-width: 100% !important
}

.vtrio .main-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 75%;
	margin: 0 auto;
	padding-top: 11.5vh
}

.vtrio .vodds-box {
	width: 32%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	font-size: 2.3vh;
	margin-bottom: 2vh
}

.vtrio .vrt17-odd-name {
	font-size: 2vh;
	margin-bottom: 1vh
}

.vtrio .vodds-box .casino-bl-box {
	width: 100%
}

.vtrio .vodds-box .casino-bl-box-item {
	width: calc(50% - 4px);
	margin-top: 0;
	color: #fff;
	height: 6vh;
	margin-right: 4px
}

.vtrio .vodds-box .casino-bl-box-item.back {
	background-color: transparent;
	border: 2px solid var(--back)
}

.vtrio .vodds-box .casino-bl-box-item.lay {
	background-color: transparent;
	border: 2px solid var(--lay)
}

.vtrio .vodds-box .casino-bl-box-item .casino-box-odd {
	font-size: 2.5vh;
	font-weight: 700;
	line-height: 1;
	height: auto;
	margin-bottom: 0
}

.vtrio .odds-book {
	font-size: 2vh;
	margin-top: .5vh
}

.vtrio .other-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	margin-top: 0
}

.vtrio .other-odds .vodds-box {
	width: 24%
}

.vtrio .sub-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	margin-top: 0
}

.vtrio .sub-odds .vodds-box {
	width: 19%
}

.vtrio .sub-odds .vodds-box .casino-bl-box-item {
	width: 100%
}

.vtrap.nvcasino.virtual-casino-container {
	background-image: url(../img/vtrap-bg.png)
}

.vtrap .cards-showing-block,
.vtrap .decks-block,
.vtrap .decks-mask-block,
.vtrap .table-actions {
	width: 100vh !important;
	max-width: 100% !important
}

.vtrap .table-actions {
	position: absolute;
	height: 100%;
	top: 0
}

.vtrap .main-odds {
	padding-top: 0;
	color: #fff;
	transform: perspective(900px) rotateX(30deg) scale(1) translateZ(0);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 80%;
	margin: 0 auto;
	margin-top: 0;
	font-family: SF Pro Display Regular;
	transition: .5s
}

.twod-layout .main-odds {
	transform: none !important;
	margin-top: 1vh
}

.vtrap .vodds-box {
	width: 24.5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	font-size: 2.3vh;
	margin-bottom: 0
}

.vtrap .main-odds .vtrap-item-box {
	width: 100%;
	position: relative
}

.vtrap .casino-bl-box {
	width: 100%
}

.vtrap .vtrap-seven .casino-bl-box-item {
	height: 7vh;
	text-align: left;
	padding-left: 10px;
	border-radius: 0
}

.vtrap .vtrap-seven.vtrap-jqk .casino-bl-box-item:last-child {
	margin-bottom: 0
}

.vtrap .vtrap-seven .casino-bl-box:first-child {
	margin-bottom: 1vh
}

.vtrap .vtrapjqk {
	display: flex;
	flex-wrap: wrap
}

.vtrap .vtrapjqk .vrt17-odd-name {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	margin: 0
}

.vtrap .vtrapjqk .vrt17-odd-name img {
	margin-right: 5px
}

.vtrap .vtrapjqk .casino-bl-box {
	width: 60%
}

.vtrap .vrt17-odd-name {
	font-size: 3vh;
	margin-bottom: .8vh;
	text-transform: uppercase;
	font-weight: 700
}

.vrt17-odd-name img {
	height: 3.5vh
}

.vtrap .vodds-box .casino-bl-box {
	width: 100%;
	position: relative
}

.vtrap .vodds-box .casino-bl-box-item {
	width: 100%;
	margin-top: 0;
	color: #fff;
	height: 7vh;
	margin-right: 0;
	color: #000;
	background-color: #323b4c !important
}

.vtrap .vodds-box .casino-bl-box-item.back {
	background-color: transparent;
	border: 2px solid var(--back);
	border-radius: 0;
	margin-bottom: 1vh
}

.vtrap .vodds-box .casino-bl-box-item.lay {
	background-color: transparent;
	border: 2px solid var(--lay);
	border-radius: 0
}

.vtrap .vodds-box .casino-bl-box-item .casino-box-odd {
	font-size: 2.5vh;
	font-weight: 700;
	line-height: 1;
	height: auto;
	margin-bottom: 0;
	color: #fc0
}

.vtrap .odds-book {
	font-size: 1.5vh
}

.vtrap-seven {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 24%;
	position: relative
}

.vtrap-seven.high-low .vtrap-img {
	top: 57%
}

.vtrap-seven .casino-bl-box-item {
	width: 100%;
	color: #000;
	margin: 0;
	margin-bottom: 1vh;
	height: 6vh
}

.vtrap-seven .casino-bl-box-item.back {
	background-color: #323b4c !important;
	border: 2px solid var(--back)
}

.vtrap-seven .casino-bl-box-item.lay {
	background-color: #323b4c !important;
	border: 2px solid var(--lay)
}

.vtrap-seven .casino-bl-box-item .casino-box-odd {
	color: #fc0;
	font-size: 2.5vh
}

.vtrap-seven .casino-bl-box-item .odds-book {
	position: absolute;
	right: 10px;
	text-align: right;
	color: #fff
}

.vtrap-seven .casino-bl-box-item span:nth-child(2n) {
	font-size: 1.8vh;
	margin-top: .8vh
}

.vtrap-seven .vtrap-seven-book {
	position: absolute;
	left: 35%;
	transform: translateX(-50%);
	text-align: center
}

.vtrap .book-red {
	color: #ff453a !important
}

.vtrap .book-green {
	color: #32d74b !important
}

.vtrap-seven .casino-bl-box-item.vtrap-high,
.vtrap-seven .casino-bl-box-item.vtrap-low {
	text-align: left;
	padding-left: 10px;
	margin: 0;
	background-color: transparent;
	border: 2px solid var(--back)
}

.vtrap-seven .vtrap-img {
	width: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	height: 6vh;
	z-index: 100
}

.card-draw {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	transform: none
}

.card-draw>div {
	border: 0;
	border-radius: 0;
	width: 8%;
	margin-right: 1%;
	height: 8vh;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.vtrap .card-draw>div:first-child {
	border: 0;
	width: 20%;
	position: absolute;
	left: 0;
	font-size: 18px;
	font-weight: 700
}

.card-draw>div span {
	width: 100%;
	font-size: 16px;
	font-weight: 400
}

.card-draw>div span.card-a {
	color: #fc0
}

.card-draw>div span.card-b {
	color: #ff453a
}

.vtrap .v-place-coin {
	position: absolute;
	right: 10px;
	display: flex;
	justify-content: center;
	align-items: center
}

.vtrap .vtrap-seven .v-place-coin {
	right: 45px
}

.vtrap .vtrap-seven.vtrap-jqk .v-place-coin {
	right: 10px
}

.vtrap .v-place-coin img {
	height: 4vh
}

.nvcasino.twod-layout .v-place-coin .threed-coin {
	display: none
}

.nvcasino.twod-layout .v-place-coin .twod-coin {
	display: block;
	height: 5vh
}

.vtrap .v-place-coin span {
	position: absolute;
	font-size: 2vh;
	font-weight: 700;
	margin: 0 !important
}

.vtrap .winner-trophy {
	position: absolute;
	right: 4%;
	top: -70px;
	border: 0;
	z-index: 11
}

.vtrap .winner-trophy.winner-trophy-b {
	top: -50px
}

.vtrap .winner-trophy .winnera {
	position: unset;
	left: unset;
	top: unset;
	width: 150px
}

.nvcasino.vdtl.virtual-casino-container {
	background-image: none
}

.vdtl .table-actions {
	position: absolute;
	height: 100%;
	top: 0
}

.vdtl .cards-showing-block,
.vdtl .decks-block,
.vdtl .decks-mask-block,
.vdtl .table-actions {
	width: 100vh !important;
	max-width: 100% !important
}

.nvcasino.vdtl .virtual-casino-bg {
	position: relative
}

.nvcasino.vdtl .virtual-casino-odds {
	height: 15vh;
	margin-top: -25px;
	padding-top: 0
}

.vdtl-title {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	left: 10%;
	top: 25%
}

.vdtl-title>div {
	width: 20%
}

.vdtl-trophy {
	display: flex;
	justify-content: center
}

.vdtl-trophy img {
	height: 110px
}

.vdtl-trophy>div {
	width: 20%;
	position: relative
}

.vdtl-trophy {
	display: flex;
	justify-content: center;
	position: absolute;
	left: 10%;
	width: 100%;
	top: -45%;
	z-index: 100000
}

.nvcasino.vdtl .main-odds {
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
	margin-top: 5vh
}

.vdtl-trophy img {
	height: 80px
}

.nvcasino.vdtl .main-odds .tab-content {
	width: 100%
}

.nvcasino.vdtl .main-odds-left,
.nvcasino.vdtl .main-odds-right {
	width: 70%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.nvcasino.vdtl .main-odds .v-odd-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 1vh
}

.nvcasino.vdtl .v-odd-box {
	display: flex;
	justify-content: center;
	align-items: center
}

.nvcasino.vdtl .main-odds-left .v-odd-box {
	width: 17%;
	position: relative
}

.nvcasino.vdtl .main-odds-left .v-odd-box:first-child {
	width: 10%
}

.nvcasino.vdtl .main-odds-right .v-odd-box {
	width: 7%
}

.nvcasino.vdtl .v-odd-box .casino-bl-box {
	width: 100%
}

.nvcasino.vdtl .casino-bl-box-item {
	width: 100%
}

.nvcasino.vdtl .casino-bl-box-item.back {
	background-color: #323b4c !important;
	border: 2px solid var(--back);
	height: 5vh
}

.nvcasino.vdtl .casino-bl-box-item .casino-box-odd {
	font-size: 1.8vh;
	color: #fc0
}

.nvcasino.vdtl .casino-bl-box-item>span {
	font-size: 1.5vh;
	line-height: 1
}

.nvcasino.vdtl .casino-bl-box-item .book-odd {
	color: #fff
}

.nvcasino.vdtl .v-odd-box img {
	height: 2.5vh;
	margin-right: 1vh
}

.nvcasino.vdtl .nav {
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 0
}

.nvcasino.vdtl .nav-pills .nav-link {
	background: #57575759;
	border: 0;
	margin-right: 5px;
	color: #fff
}

.nvcasino.vdtl .nav-pills .nav-link.active {
	color: #fc0;
	background-color: #00000059;
	border: 0
}

.nvcasino.vdtl .vplayera {
	color: #fc4242;
	font-size: 2vh
}

.nvcasino.vdtl .vresulta {
	color: #fc4242 !important
}

.nvcasino.vdtl .vplayerb {
	color: #fc0;
	font-size: 2vh
}

.nvcasino.vdtl .vresultb {
	color: #fc0 !important
}

.nvcasino.vdtl .vplayerc {
	color: #00a200;
	font-size: 2vh
}

.nvcasino.vdtl .vresultc {
	color: #00a200 !important
}

.v1card1day .cards-showing-block,
.v1card1day .decks-block,
.v1card1day .decks-mask-block,
.v1card1day .table-actions {
	width: 100vh !important;
	max-width: 100% !important
}

.v1card1day .table-actions {
	position: absolute;
	height: 100%;
	top: 0
}

.v1card1day .main-odds {
	padding-top: 0;
	color: #fff;
	transform: perspective(900px) rotateX(30deg) scale(1) translateZ(0);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 80%;
	margin: 0 auto;
	margin-top: 0;
	font-family: SF Pro Display Regular;
	transition: .5s
}

.v1card1day.twod-layout .main-odds {
	margin-top: 1vh
}

.vtrap-seven {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 24%;
	position: relative
}

.v1card1day .vrt17-odd-name {
	font-size: 3vh;
	margin-bottom: .8vh;
	font-weight: 700
}

.v1card1day .casino-bl-box {
	width: 100%
}

.v1card1day .vtrap-seven .casino-bl-box-item {
	height: 7vh;
	text-align: left;
	padding-left: 10px;
	border-radius: 0;
	width: 100%;
	color: #000;
	margin: 0;
	margin-bottom: 1vh
}

.vtrap-seven .casino-bl-box-item.back {
	background-color: #323b4c !important;
	border: 2px solid var(--back)
}

.vtrap-seven .casino-bl-box-item .casino-box-odd {
	color: #fc0;
	font-size: 2.5vh
}

.vtrap-seven .casino-bl-box-item span:nth-child(2n) {
	font-size: 1.8vh;
	margin-top: .8vh
}

.vtrap-seven .casino-bl-box-item .odds-book {
	position: absolute;
	right: 10px;
	text-align: right;
	color: #fff
}

.v1card1day .book-green {
	color: #32d74b !important;
	font-size: 1.5vh
}

.v1card1day .book-red {
	color: #ff453a !important;
	font-size: 1.5vh
}

.v1card1day .odds-book {
	font-size: 1.5vh
}

.v1card1day .vodds-box {
	width: 24.5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	font-size: 2.3vh;
	margin-bottom: 0
}

.v1card1day .vodds-box .casino-bl-box {
	width: 100%;
	position: relative
}

.v1card1day .main-odds .vtrap-item-box {
	width: 100%;
	position: relative
}

.v1card1day .vodds-box .casino-bl-box-item {
	width: 100%;
	margin-top: 0;
	height: 7vh;
	margin-right: 0;
	color: #000;
	background-color: #323b4c !important
}

.v1card1day .vodds-box .casino-bl-box-item.back {
	background-color: transparent;
	border: 2px solid var(--back);
	border-radius: 0;
	margin-bottom: 1vh
}

.v1card1day .vodds-box .casino-bl-box-item.lay {
	background-color: transparent;
	border: 2px solid var(--lay);
	border-radius: 0
}

.v1card1day.nvcasino .vodd-box-a .casino-bl-box-item {
	background-color: #ffcc001f !important
}

.v1card1day .vodds-box .casino-bl-box-item .casino-box-odd {
	font-size: 2.5vh;
	font-weight: 700;
	line-height: 1;
	height: auto;
	margin-bottom: 0;
	color: #fc0
}

.v1card1day .vdtl-title {
	position: absolute;
	top: 35px;
	height: calc(100% - 45px);
	flex-direction: column;
	justify-content: space-around;
	width: 40%;
	left: 30%;
	align-items: flex-start
}

.v1card1day .vdtl-title .vplayerb {
	position: absolute;
	right: 0;
	top: 15px
}

.v1card1day .vdtl-title .vplayera {
	position: absolute;
	left: 0;
	bottom: 15px
}

.v1card1day .vdtl-title .title-divider {
	position: absolute;
	top: 50%;
	background-color: #fff;
	height: 2px
}

.v1card1day .nvtimer.casino-timer {
	top: 40%;
	left: 25%
}

.v1card1day .vdtl-trophy {
	position: absolute;
	top: 35px;
	height: calc(100% - 45px);
	flex-direction: column;
	justify-content: space-between;
	width: 40%;
	left: 30%;
	transform: unset
}

.v1card1day .vdtl-trophy img {
	height: auto;
	width: 100px
}

.v1card1day .vdtl-trophy .winnera {
	position: absolute;
	top: -50px;
	left: 0
}

.v1card1day .vdtl-trophy .winnerb {
	position: absolute;
	bottom: -10px;
	right: 0
}

.v1card1day.nvcasino .vplayera,
.v1card1day.nvcasino .vplayerb {
	font-size: 2vh;
	font-weight: 700
}

.v1card20 .table-actions {
	position: absolute;
	height: 100%;
	top: 0
}

.v1card20 .cards-showing-block,
.v1card20 .decks-block,
.v1card20 .decks-mask-block,
.v1card20 .table-actions {
	width: 100vh !important;
	max-width: 100% !important
}

.v1card20 .main-odds {
	padding-top: 0;
	color: #fff;
	transform: perspective(900px) rotateX(30deg) scale(1) translateZ(0);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 80%;
	margin: 0 auto;
	font-family: SF Pro Display Regular;
	transition: .5s;
	margin-top: 1vh
}

.v1card20 .vodds-box {
	width: 24.5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	font-size: 2.3vh;
	margin-bottom: 0
}

.v1card20 .vrt17-odd-name {
	font-size: 2.5vh !important;
	margin-bottom: .8vh;
	text-transform: uppercase;
	font-weight: 700
}

.v1card20 .vodds-box .casino-bl-box {
	width: 100%;
	position: relative
}

.v1card20 .vodds-box .casino-bl-box-item {
	width: 100%;
	margin-top: 0;
	height: 7vh;
	margin-right: 0;
	color: #000;
	background-color: #323b4c !important
}

.v1card20 .vodds-box .casino-bl-box-item.back {
	background-color: transparent;
	border: 2px solid var(--back);
	border-radius: 0
}

.v1card20.nvcasino .vodd-box-a .casino-bl-box-item {
	background-color: #ffcc001f !important
}

.v1card20 .vodds-box .casino-bl-box-item .casino-box-odd {
	font-size: 2.5vh;
	font-weight: 700;
	line-height: 1;
	height: auto;
	color: #fc0
}

.v1card20 .vodds-box .casino-bl-box-item.lay {
	background-color: transparent;
	border: 2px solid var(--lay);
	border-radius: 0
}

.v1card20 .odds-book {
	font-size: 1.5vh
}

.v1card20 .vodds-box .casino-bl-box-item.player {
	border: 2px solid #fc0;
	border-radius: 0
}

.v1card20 .vodds-box .casino-bl-box-item.dealer {
	border: 2px solid #ff453a;
	border-radius: 0
}

.v1card20 .vodds-box .casino-bl-box-item.pair {
	border: 2px solid #004ea2;
	border-radius: 0
}

.v1card20 .vodds-box .casino-bl-box-item.tie {
	background-color: transparent;
	border: 2px solid #00a200;
	border-radius: 0
}

.v1card20 .vdtl-title {
	position: absolute;
	top: 35px;
	height: calc(100% - 45px);
	flex-direction: column;
	justify-content: space-around;
	width: 40%;
	left: 30%;
	align-items: flex-start
}

.v1card20 .vdtl-title .vplayerb {
	position: absolute;
	right: 0;
	top: 15px
}

.v1card20 .vdtl-title .vplayera {
	position: absolute;
	left: 0;
	bottom: 15px
}

.v1card20 .vdtl-title .title-divider {
	position: absolute;
	top: 50%;
	background-color: #fff;
	height: 2px
}

.v1card20 .nvtimer.casino-timer {
	top: 40%;
	left: 25%
}

.v1card20 .vdtl-trophy {
	position: absolute;
	top: 35px;
	height: calc(100% - 45px);
	flex-direction: column;
	justify-content: space-between;
	width: 40%;
	left: 30%;
	transform: unset
}

.v1card20 .vdtl-trophy img {
	height: auto;
	width: 100px
}

.v1card20 .vdtl-trophy .winnera {
	position: absolute;
	top: -50px;
	left: 0
}

.v1card20 .vdtl-trophy .winnerb {
	position: absolute;
	bottom: -10px;
	right: 0
}

.v1card20.nvcasino .vplayera,
.v1card20.nvcasino .vplayerb {
	font-size: 2vh;
	font-weight: 700
}

.nvcasino.vqueen .virtual-casino-bg .main-bg {
	height: 55vh
}

.nvcasino.vqueen .virtual-casino-odds {
	margin-top: 0;
	padding-top: 0;
	height: 30vh;
	position: absolute;
	top: 23vh
}

.vqueen .table-actions {
	position: absolute;
	height: 100%;
	top: 0
}

.vqueen .cards-showing-block,
.vqueen .decks-block,
.vqueen .decks-mask-block,
.vqueen .table-actions {
	width: 110vh !important;
	max-width: 100% !important
}

.vqueen .main-odds {
	padding-top: 0;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 80%;
	margin: 0 auto;
	margin-top: 1vh;
	font-family: SF Pro Display Regular;
	transition: .5s
}

.vqueen .vodds-box {
	width: 24.5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	font-size: 2.3vh;
	margin-bottom: 0
}

.vqueen .vrt17-odd-name {
	font-size: 2vh;
	margin-bottom: .8vh;
	text-transform: uppercase;
	font-weight: 700
}

.vqueen .vodds-box .casino-bl-box {
	width: 100%;
	position: relative
}

.vqueen .vodds-box .casino-bl-box-item {
	width: calc(50% - 4px);
	margin-top: 0;
	color: #fff;
	height: 6vh;
	margin-right: 4px
}

.vqueen .vodds-box .casino-bl-box-item.back {
	background-color: transparent;
	border: 2px solid var(--back)
}

.vqueen .vodds-box .casino-bl-box-item.lay {
	background-color: transparent;
	border: 2px solid var(--lay)
}

.vqueen .vodds-box .casino-bl-box-item .casino-box-odd {
	font-size: 2.5vh;
	font-weight: 700;
	line-height: 1;
	height: auto;
	margin-bottom: 0
}

.vqueen .odds-book {
	font-size: 1.5vh;
	margin-top: .5vh
}

.vqueen .nvtimer.casino-timer {
	top: 40%;
	left: 25%
}

.nvcasino.vrace20.virtual-casino-container {
	height: calc(100vh - 108px)
}

.nvcasino.vrace20 .virtual-casino-bg .main-bg {
	height: 45vh
}

.nvcasino.vrace20 .virtual-casino-odds {
	margin-top: 0;
	padding-top: 0;
	height: 30vh;
	position: absolute;
	top: 23vh
}

.vrace20 .table-actions {
	position: absolute;
	height: 100%;
	top: 0
}

.vrace20 .cards-showing-block,
.vrace20 .decks-block,
.vrace20 .decks-mask-block,
.vrace20 .table-actions {
	width: 110vh !important;
	max-width: 100% !important
}

.vrace20 .main-odds {
	padding-top: 0;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 80%;
	margin: 0 auto;
	margin-top: 1vh;
	font-family: SF Pro Display Regular;
	transition: .5s
}

.vrace20 .vodds-box {
	width: 24.5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	font-size: 2.3vh;
	margin-bottom: 0
}

.vrace20 .vrt17-odd-name {
	font-size: 1.7vh;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff
}

.vrace20 .vrt17-odd-name img {
	height: 2.5vh;
	margin-bottom: 0
}

.vrace20 .vodds-box .casino-bl-box {
	width: 100%;
	position: relative
}

.vrace20 .vodds-box .casino-bl-box-item {
	width: calc(50% - 4px);
	margin-top: 0;
	color: #fff;
	height: 3.5vh;
	margin-right: 4px
}

.vrace20 .vodds-box .casino-bl-box-item.back {
	background-color: transparent;
	border: 2px solid var(--back)
}

.vrace20 .vodds-box .casino-bl-box-item.lay {
	background-color: transparent;
	border: 2px solid var(--lay)
}

.vrace20 .vodds-box .casino-bl-box-item .casino-box-odd {
	font-size: 2vh;
	font-weight: 700;
	line-height: 1;
	height: auto;
	margin-bottom: 0
}

.vrace20 .odds-book {
	font-size: 1.5vh;
	margin-top: .8vh;
	line-height: 1
}

.vrace20 .nvtimer.casino-timer {
	top: 40%;
	left: 25%
}

.vrace20 .other-odds {
	font-family: SF Pro Display Regular;
	transition: .5s;
	color: #fff;
	width: 80%;
	margin: 0 auto;
	margin-top: 2vh
}

.vrace20 .other-odds .vodds-box {
	width: 100%
}

.vrace20 .other-odds .win-with .vodds-box .casino-bl-box-item {
	width: 100%
}

.nvcasino.v32cardsa .virtual-casino-bg .main-bg {
	height: 55vh
}

.nvcasino.v32cardsa .virtual-casino-odds {
	margin-top: 0;
	padding-top: 0;
	height: 30vh;
	position: absolute;
	top: 23vh
}

.v32cardsa .table-actions {
	position: absolute;
	height: 100%;
	top: 0
}

.v32cardsa .cards-showing-block,
.v32cardsa .decks-block,
.v32cardsa .decks-mask-block,
.v32cardsa .table-actions {
	width: 110vh !important;
	max-width: 100% !important
}

.v32cardsa .main-odds {
	padding-top: 0;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 80%;
	margin: 0 auto;
	margin-top: 1vh;
	font-family: SF Pro Display Regular;
	transition: .5s
}

.v32cardsa .vodds-box {
	width: 24.5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	font-size: 2.3vh;
	margin-bottom: 0
}

.v32cardsa .vrt17-odd-name {
	font-size: 2vh;
	margin-bottom: .8vh;
	text-transform: uppercase;
	font-weight: 700
}

.v32cardsa .vodds-box .casino-bl-box {
	width: 100%;
	position: relative
}

.v32cardsa .vodds-box .casino-bl-box-item {
	width: calc(50% - 4px);
	margin-top: 0;
	color: #fff;
	height: 6vh;
	margin-right: 4px
}

.v32cardsa .vodds-box .casino-bl-box-item.back {
	background-color: transparent;
	border: 2px solid var(--back)
}

.v32cardsa .vodds-box .casino-bl-box-item.lay {
	background-color: transparent;
	border: 2px solid var(--lay)
}

.v32cardsa .vodds-box .casino-bl-box-item .casino-box-odd {
	font-size: 2.5vh;
	font-weight: 700;
	line-height: 1;
	height: auto;
	margin-bottom: 0
}

.v32cardsa .odds-book {
	font-size: 1.5vh;
	margin-top: .5vh
}

.v32cardsa .nvtimer.casino-timer {
	top: 40%;
	left: 25%
}

.nvcasino.virtual-casino-container {
	height: calc(100vh - 100px);
	background-image: none;
	max-height: unset;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	background-size: 100% 100%;
	background-color: #23292e
}

.nvcasino .virtual-casino-bg {
	background-image: linear-gradient(#333, #555);
	min-height: unset;
	height: auto;
	padding-top: 0;
	margin-top: 60px
}

.nvcasino .virtual-casino-bg .main-bg {
	height: 30vh;
	position: relative
}

.nvcasino .virtual-casino-odds {
	color: #fff;
	height: 25vh;
	margin-top: -70px;
	padding-top: 65px
}

.nvcasino .vcasino-name {
	font-weight: 700;
	color: #db7428
}

.nvcasino .vcasino-rid {
	color: #fc0;
	margin-top: 5px
}

.nvcasino .vcasino-icon {
	background: 0 0;
	border: 1px solid #95979a;
	border-radius: 50%;
	color: #fff;
	font-weight: 700
}

.nvcasino .vcasino-icon img {
	height: 16px
}

.nvcasino .vcasino-last-results {
	justify-content: flex-start;
	align-content: flex-start;
	height: 265px;
	width: 95px;
	background: 0 0;
	border: 0;
	z-index: 100
}

.nvcasino .vcasino-last-results span {
	width: 40px;
	height: 40px
}

.nvcasino .vcasino-last-results span.vresulta {
	color: #fc0
}

.nvcasino .vcasino-last-results span.vresultb {
	color: #ff453a
}

.nvcasino .vcasino-last-results span.vresultc {
	color: #ff9f0a
}

.nvcasino .vcasino-last-results span.vresultall {
	bottom: 0;
	top: unset;
	width: 85px;
	height: 30px;
	left: 5px;
	font-size: 16px
}

.nvcasino .vcasino-last-results span:nth-child(2n) {
	margin-right: 0
}

.nvcasino .vcasino-my-bets {
	z-index: 100;
	background: 0 0;
	border: 0;
	display: block;
	height: auto;
	padding: 0;
	top: unset;
	bottom: 30px;
	left: 0;
	padding: 5px 25px;
	border: 1px solid #95979a;
	border-left: 0;
	border-radius: 0 16px 16px 0;
	cursor: pointer
}

.nvcasino .vcasino-my-bets .bets-count {
	top: unset;
	border: 0;
	color: #fc0;
	font-weight: 700;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	height: auto;
	width: auto;
	position: unset;
	min-width: 50px;
	text-align: left
}

.nvcasino .vcasino-my-bets .bets-title {
	width: auto;
	padding: 0;
	margin-left: 0;
	margin-top: 0;
	border: none;
	font-size: 16px;
	border-radius: 8px;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	min-width: 100px;
	text-align: left
}

.nvcasino .virtual-coins {
	position: absolute;
	width: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-image: url(../img/virtual-casino/coins/coins-bg.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 20px;
	left: 50%;
	bottom: 0;
	border-radius: 16px 16px 0 0;
	transform: translateX(-50%);
	transition: .5s
}

.twod-layout .virtual-coins {
	background-image: url(../img/virtual-casino/coins/coins-bg-2d.png);
	background-size: cover;
	border-radius: 16px 16px 0 0;
	padding: 0 20px
}

.nvcasino .virtual-coins .v-coin {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	cursor: pointer
}

.nvcasino .virtual-coins .v-coin:last-child {
	margin-right: 0
}

.nvcasino .virtual-coins img {
	height: 5vh
}

.nvcasino .virtual-coins .v-coin.selected-coin img {
	transform: scale(1.2)
}

.nvcasino .v-place-coin img.twod-coin {
	display: none;
	padding: 0
}

.nvcasino .virtual-coins img.twod-coin {
	display: none;
	padding: 0
}

.nvcasino.twod-layout .virtual-coins .twod-coin {
	display: block;
	height: 6vh
}

.nvcasino.twod-layout .virtual-coins .threed-coin {
	display: none
}

.nvcasino .virtual-coins .v-coin.selected-coin span {
	font-weight: 700
}

.nvcasino.twod-layout .virtual-coins .v-coin span {
	margin-top: 0
}

.nvcasino .virtual-coins span {
	position: absolute;
	font-size: 1.8vh;
	font-weight: 400;
	margin-top: -5px;
	transform: perspective(900px) rotateX(30deg) scale(1) translateZ(000px)
}

.nvcasino .vcasino-title {
	background: #00000036;
	width: 100%;
	border: 0;
	border-radius: 0;
	padding: 0;
	left: 0;
	padding-left: 15px;
	top: -60px;
	min-width: unset;
	text-align: left;
	height: 60px
}

.nvcasino .vodd-box-a .casino-bl-box-item {
	background-color: #ffcc001f !important
}

.nvcasino .vodd-box-b .casino-bl-box-item {
	background-color: #fc42421f !important
}

.nvcasino .vplayera {
	color: #fc0
}

.nvcasino .vplayerb {
	color: #fc4242
}

.nvcasino .vplayertie {
	color: #00a200
}

.nvcasino .vplayerpair {
	color: #004ea2
}

.nvcasino .transform-option {
	position: absolute;
	bottom: -30px;
	right: 0;
	z-index: 1000
}

.nvcasino .transform-option .custom-control-label::before {
	background-color: transparent;
	border: 1px solid #fc0
}

.nvcasino .transform-option .custom-control-input:checked~.custom-control-label::before {
	background-color: #fc0
}

.nvtimer.casino-timer {
	position: absolute;
	left: 50%;
	top: 74%;
	transform: translate(-50%, -50%);
	justify-content: flex-start;
	flex-direction: column;
	align-items: center;
	z-index: 9999
}

.nvtimer.casino-timer .warning-text {
	font-size: 14px;
	font-weight: 700
}

.nvtimer.casino-timer .warning-text.green {
	color: #32d74b
}

.nvtimer.casino-timer .warning-text.orange {
	color: #ff9f0a
}

.nvtimer.casino-timer .warning-text.red {
	color: #ff453a
}

.nvtimer.casino-timer .bet-msg {
	font-size: 16px;
	font-weight: 700;
	color: #fff
}

.nvtimer.casino-timer .base-timer {
	width: 70px;
	height: 70px;
	background-color: transparent
}

.nvtimer .base-timer__label {
	height: 70px;
	width: 70px;
	font-size: 30px
}

.nvtimer .base-timer__path-remaining {
	stroke-width: 4px
}

.nvtimer .base-timer__path-elapsed {
	stroke-width: 2px
}

.nvtimer .base-timer__path-elapsed.green {
	stroke: #32d74b;
	filter: drop-shadow(0 0 8px rgb(50 215 75 / .4))
}

.nvtimer .base-timer__path-elapsed.orange {
	stroke: #ff9f0a;
	filter: drop-shadow(0 0 8px rgb(255 159 10 / .4))
}

.nvtimer .base-timer__path-elapsed.red {
	stroke: #ff453a;
	filter: drop-shadow(0 0 8px rgb(255 69 58 / .4))
}

.nvtimer .base-timer__circle {
	fill: #000
}

.nvtimer .base-timer__label.green {
	background: radial-gradient(#32d74B5c, transparent)
}

.nvtimer .base-timer__label.green,
.nvtimer .base-timer__path-remaining.green {
	color: #32d74b
}

.nvtimer .base-timer__label.orange {
	background: radial-gradient(#ff9F0A5c, transparent)
}

.nvtimer .base-timer__label.orange,
.nvtimer .base-timer__path-remaining.orange {
	color: #ff9f0a
}

.nvtimer .base-timer__label.red {
	background: radial-gradient(#ff453A5c, transparent)
}

.nvtimer .base-timer__label.red,
.nvtimer .base-timer__path-remaining.red {
	color: #ff453a
}

.nvcasino .suspended {
	pointer-events: auto;
	cursor: not-allowed
}

.nvcasino .suspended:before {
	display: none
}

.nvcasino .suspended:after {
	background: 0 0 !important;
	cursor: not-allowed
}

.progress.mobile-timer {
	border-radius: 0;
	font-size: 14px;
	height: auto;
	background-color: var(--bg-table-header)
}

.progress.mobile-timer .progress-bar {
	transition: width 1.5s !important
}

.mobile-timer .bg-success {
	background-color: green;
	color: #fff;
	height: 6px
}

.mobile-timer .bg-warning {
	background-color: orange;
	color: #fff;
	height: 6px
}

.mobile-timer .bg-danger {
	background-color: red;
	color: #fff;
	height: 6px
}

.casino-time-digit {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 80px;
	z-index: 100;
	color: var(--text-red);
	font-weight: 700;
	font-family: timer
}

.grecaptcha-badge {
	display: none !important
}

.recaptchaTerms a {
	color: var(--text-green)
}

.teen1oneday .casino-nation-name {
	background-image: none !important;
	background-color: #23292e
}

.teen1oneday .casino-video-cards,
.teen1t20 .casino-video-cards {
	height: 210px;
	width: 80px
}

.teen1oneday .casino-nation-name {
	width: 50%;
	padding-right: 10px;
	position: relative
}

.teen1oneday .casino-bl-box {
	width: 50%
}

.teen1oneday .casino-bl-box-item {
	width: calc(50% - 2px)
}

.teen1oneday .casino-video-cards-container>div,
.teen1t20 .casino-video-cards-container>div {
	flex-wrap: wrap
}

.teen1oneday .casino-video-cards-container>div>div,
.teent20 .casino-video-cards-container>div>div {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start
}

.teen1oneday .teen1daycasino-container {
	margin-bottom: 10px
}

.teen1oneday .seven-up-down-box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	border: 2px solid #72bbef
}

.teen1oneday .up-box {
	width: 50%;
	height: 50px;
	display: flex;
	align-items: center;
	padding-left: 10px;
	padding-right: 40px;
	position: relative;
	justify-content: flex-end
}

.teen1oneday .up-box .up-down-book {
	position: absolute;
	left: 10px
}

.teen1oneday .down-box .up-down-book {
	position: absolute;
	right: 10px
}

.teen1oneday .up-down-odds {
	font-weight: 700;
	font-size: 18px
}

.teen1oneday .down-box {
	width: 50%;
	text-align: right;
	height: 50px;
	display: flex;
	align-items: center;
	padding-right: 10px;
	padding-left: 40px;
	justify-content: flex-start;
	position: relative
}

.teen1oneday .seven-box {
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

.teen1oneday .seven-box img {
	height: 70px
}

.teen1t20 .dtobx-top {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding-top: 20px;
	position: relative
}

.teen1t20 .dragon-box {
	width: 40%;
	padding: 6px;
	border: 2px solid var(--text-red);
	background-color: #fc42422e;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	min-height: 60px;
	padding-right: 60px;
	cursor: pointer
}

.teen1t20 .flex-book {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column
}

.teen1t20 .dragon-box b,
.teen1t20 .tiger-box b {
	font-size: var(--font-18)
}

.teen1t20 .flex-odds {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	flex-direction: column
}

.teen1t20 .tiebox {
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	left: 40%;
	transform: translateX(-50%);
	padding: 6px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--bg-success);
	color: var(--text-white);
	flex-direction: column;
	justify-content: center;
	z-index: 10;
	cursor: pointer
}

.teen1t20 .tiger-box {
	width: 40%;
	padding: 6px;
	border: 2px solid var(--text-fancy);
	background-color: #fdcF132e;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 60px;
	padding-left: 60px;
	cursor: pointer
}

.teen1t20 .pair-box {
	width: 18%;
	margin-left: 2%;
	background-color: var(--bg-tabs);
	padding: 6px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 60px;
	flex-wrap: wrap;
	cursor: pointer
}

.teen1t20 .tiebox.suspended::after {
	border-radius: 50%
}

.blink-message {
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: var(--text-sidebar)
}

.blink-message i {
	font-size: 18px
}

.blink-message>div {
	width: calc(100% - 30px);
	-moz-animation: blinktext normal 1s infinite ease-in-out;
	-webkit-animation: blinktext normal 1s infinite ease-in-out;
	-ms-animation: blinktext normal 1s infinite ease-in-out;
	animation: blinktext normal 1s infinite ease-in-out;
	text-decoration: underline
}

@-moz-keyframes blinktext {
	0% {
		opacity: 1;
		color: red
	}

	50% {
		opacity: 1;
		color: #ff0
	}

	100% {
		opacity: 1;
		color: red
	}
}

@-webkit-keyframes blinktext {
	0% {
		opacity: 1;
		color: red
	}

	50% {
		opacity: 1;
		color: #ff0
	}

	100% {
		opacity: 1;
		color: red
	}
}

@-ms-keyframes blinktext {
	0% {
		opacity: 1;
		color: red
	}

	50% {
		opacity: 1;
		color: #ff0
	}

	100% {
		opacity: 1;
		color: red
	}
}

@keyframes blinktext {
	0% {
		opacity: 1;
		color: red
	}

	50% {
		opacity: 1;
		color: #ff0
	}

	100% {
		opacity: 1;
		color: red
	}
}

.fullwidthdetail-container {
	width: 100%;
	position: relative
}

.fullwidthdetail-container>div {
	display: flex;
	flex-wrap: wrap
}

.fullwidthdetail-container .casino-container {
	width: calc(100% - 476px);
	margin-right: 6px;
	margin-left: 6px;
	position: relative
}

.fullwidthdetail-container.lottery .footer {
	width: calc(100% - 476px)
}

.fullwidthdetail-container .horse-detail+.footer {
	width: calc(100% - 476px)
}

.horse-table .game-name {
	width: calc(100% - 30px)
}

.horse-table .team-event {
	max-height: 30px;
	line-height: 30px
}

.horse-time-detail {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 400px)
}

.horse-time-detail span {
	background: var(--bg-sidebar);
	color: var(--text-sidebar);
	padding: 5px 10px;
	border-radius: 4px;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px
}

.horse-time-detail span.active {
	position: relative
}

.horse-time-detail span.active:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-right: 10px solid transparent;
	border-top: 10px solid green
}

.horse-detail .nation-name label {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start
}

.horse-detail .nation-name label img {
	height: 25px;
	margin-right: 5px
}

.horse-detail .scorecard {
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	background-color: transparent;
	width: 100%
}

.horse-detail .scorecard>div:first-child {
	background: #000c;
	color: #fff;
	padding: 10px
}

.horse-detail .scorecard>div:last-child {
	font-size: 24px
}

.horse-detail .scorecard h5,
.horse-detail .scorecard p {
	margin-bottom: 5px
}

.horse-tab {
	margin-top: 10px
}

.horse-tab .nav-pills .nav-link {
	background-color: var(--bg-sidebar);
	color: var(--text-sidebar);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-right: 1px solid var(--bg-table-header)
}

.horse-tab .nav-pills .nav-item:last-child .nav-link {
	border-right: 0
}

.horse-tab .nav-pills .nav-link.active,
.horse-tab .nav-pills .show>.nav-link {
	background-color: var(--horse-racing) !important;
	color: #fff;
	font-weight: 700
}

.horse-time-detail a {
	display: flex
}

.top-home-icon {
	width: 30px;
	vertical-align: middle;
	margin:0 0 0 10px; 
}

.top-home-icon i {
	font-size: 22px;
	color: var(--text-sidebar);
	cursor: pointer
}

.horse-detail .nation-name label div:last-child {
	width: calc(100% - 50px)
}

.horse-table .game-title {
	width: 400px
}

:root[data-theme=light] body {
	font-weight: 700
}

:root[data-theme=light] .balance {
	font-weight: 400
}

:root[data-theme=light] .username {
	font-weight: 400
}

:root[data-theme=light] .sport-tabs .nav-tabs .nav-link {
	font-weight: 400
}

:root[data-theme=light] .footer {
	font-weight: 400
}

:root[data-theme=light] .bet-buttons .btn {
	background-color: var(--bg-table-header)
}

:root[data-theme=light] .btn-bet {
	background-color: var(--bg-table-header);
	color: var(--text-highlight)
}

:root[data-theme=light] .btn-bet:hover {
	color: var(--text-table-header)
}

:root[data-theme=light] .lucky7-extra-bets-item {
	background-color: #0606fb9e;
	color: #eee
}

:root[data-theme=light] .lucky7eu .lucky7-extra-bets-item {
	background-color: #6a6aff9e
}

.lucky7 .lucky7-extra-bets-item .casino-book {
	color: var(--text-white)
}

.lucky7eu .casino-book {
	color: var(--text-white)
}

:root[data-theme=light] .lucky7-card {
	background-color: var(--bg-table-header)
}

:root[data-theme=light] .cards-top .cards-top-box {
	border: 5px solid var(--bg-table-header)
}

:root[data-theme=light] .casino-tabs {
	background-color: var(--bg-table-header)
}

:root[data-theme=light] .casino-tabs {
	background-color: var(--bg-table-header)
}

:root[data-theme=light] .worli .casino-tabs {
	background-color: var(--bg-body)
}

:root[data-theme=light] .teenpattiopen .casino-open-card-box {
	background-color: var(--bg-table-header)
}

:root[data-theme=light] .news-bar {
	background-color: var(--bg-table-header);
	color: var(--text-table-header)
}

:root[data-theme=light] .main-rules a {
	color: var(--text-black)
}

:root[data-theme=light] .main-rules a .fa-info-circle {
	color: var(--text-black)
}

:root[data-theme=light] .worli .casino-tabs li {
	background-color: var(--bg-table-header)
}

:root[data-theme=light] .casino-tabs .nav-tabs .nav-link {
	font-weight: 400;
	color: #333
}

:root[data-theme=light] .casino-tabs .nav-tabs .nav-link.active {
	color: var(--text-black);
	border-bottom: 3px solid var(--text-black)
}

:root[data-theme=light] .casino-primary-tabs {
	background-color: var(--bg-table-header)
}

:root[data-theme=light] .casino-primary-tabs .nav-tabs .nav-item .nav-link {
	color: #333
}

:root[data-theme=light] .casino-primary-tabs .nav-tabs .nav-item .nav-link.active {
	border-bottom: 3px solid var(--text-black);
	color: var(--text-black)
}

:root[data-theme=light] .casino-nation-name .fa-info-circle {
	color: var(--text-table-header)
}

:root[data-theme=light] .user-dropdown a:hover {
	opacity: 1
}

:root[data-theme=light] .menu-box li a:active,
:root[data-theme=light] .menu-box li a:focus,
:root[data-theme=light] .menu-box li a:hover {
	color: var(--text-black)
}

:root[data-theme=light] .menu-box li.show a[class*=sport] {
	color: var(--text-white)
}

:root[data-theme=light] .bet-buttons .btn span {
	color: var(--text-highlight)
}

:root[data-theme=light] .modal-header {
	background-color: var(--bg-success)
}

:root[data-theme=light] .modal-login-new .modal-header {
	background-color: transparent
}

:root[data-theme=light] .modal-login-new .close-login-modal img {
	filter: invert(1)
}

:root[data-theme=light] #betSodaModal .modal-header .close,
:root[data-theme=light] .modal-header .close {
	color: var(--text-white)
}

:root[data-theme=light] .modal-header .modal-title {
	color: var(--text-white)
}

:root[data-theme=light] .modal-title .casino-min-max {
	color: var(--text-white);
	opacity: .9
}

:root[data-theme=light] .odds-box input.form-control::placeholder {
	color: var(--text-black)
}

:root[data-theme=light] input:checked~.custom-control-label::before {
	border-color: #666;
	background-color: #666
}

:root[data-theme=light] .detail-page-container .market-11 .nation-name>span:first-child,
:root[data-theme=light] .detail-page-container .market-12 .nation-name>span:first-child,
:root[data-theme=light] .detail-page-container .market-2 .nation-name>span:first-child,
:root[data-theme=light] .detail-page-container .market-4 .nation-name>span:first-child,
:root[data-theme=light] .detail-page-container .market-5 .nation-name>span:first-child,
:root[data-theme=light] .detail-page-container .market-9 .nation-name>span:first-child {
	font-weight: 700;
	color: #333
}

:root[data-theme=light] .back-title,
:root[data-theme=light] .lay-title {
	color: var(--text-black) !important
}

:root[data-theme=light] .change-form .form-control::placeholder,
:root[data-theme=light] .login-form::placeholder .form-control {
	color: var(--text-highlight)
}

:root[data-theme=light] .casino-report-tabs {
	background-color: var(--bg-table-header)
}

:root[data-theme=light] .table-hover tbody tr:hover {
	background-color: transparent
}

:root[data-theme=light] .teenpattitest .casino-nation-name {
	background-color: var(--bg-table-header)
}

:root[data-theme=light] .suspended:after {
	background-color: #d6dEDBD6;
	color: #000
}

:root[data-theme=light] .suspendedfull:after,
:root[data-theme=light] .suspendedtext:after {
	background-color: #d6dEDBD6
}

:root[data-theme=light] .suspended:before {
	filter: invert(0)
}

:root[data-theme=light] .dt20 .pair-box {
	background-color: var(--bg-table-header)
}

:root[data-theme=light] .dt1day .pairfancy {
	background-color: var(--bg-table-header)
}

:root[data-theme=light] .worli-cards-block {
	background-color: var(--bg-table-header);
	color: var(--text-table-header)
}

:root[data-theme=light] .lottery .casino-tabs {
	background-color: #040404
}

:root[data-theme=light] .cmeter-card-box {
	background-color: #fff;
	border: 3px solid var(--bg-table-header)
}

:root[data-theme=light] .loader-section {
	background-color: #f6f6f6b8
}

:root[data-theme=light] .loader-section-icon {
	border-color: #000 transparent
}

:root[data-theme=light] .book-green,
:root[data-theme=light] .text-success {
	color: #128412 !important;
	font-weight: 400
}

:root[data-theme=light] .book-red,
:root[data-theme=light] .text-danger {
	color: #ac0f1c !important;
	font-weight: 400
}

.lottery-sidebar .casino-place-bet-title>div,
:root[data-theme=light] .lottery-last-result-title div {
	color: var(--text-white)
}

:root[data-theme=light] .lottery-result-icon {
	color: var(--text-white)
}

:root[data-theme=light] .lottery-my-bet-box {
	color: var(--text-white)
}

:root[data-theme=light] .fa-info-circle {
	color: #666
}

:root[data-theme=light] .casino-video-rules-icon i {
	color: var(--text-white)
}

:root[data-theme=light] .fa-info-circle:hover {
	color: #777
}

:root[data-theme=light] .casino-bl-box-item {
	color: #333
}

:root[data-theme=light] .casino-table .casino-detail .back,
:root[data-theme=light] .casino-table .casino-detail .lay {
	color: #333
}

:root[data-theme=light] .casino-nation-name {
	color: #333
}

:root[data-theme=light] .casino-table {
	color: #333
}

:root[data-theme=light] .casino-video-cards-container {
	color: #fff
}

:root[data-theme=light] .andar-bahar2 .casino-video-cards-container {
	color: #000
}

:root[data-theme=light] .lucky7eu.casino-table {
	color: #eee
}

:root[data-theme=light] .mx-calendar-content .cell.active {
	color: var(--text-black)
}

:root[data-theme=light] .baccarat .baccarat-min-max {
	color: #eee
}

:root[data-theme=light] .baccarat .statistics {
	color: #eee
}

:root[data-theme=light] .icon-range {
	background-color: #333;
	color: #ccc
}

:root[data-theme=light] .cricket20videobanner {
	border: 2px solid #666
}

:root[data-theme=light] .bet-table-header.nodata {
	background-color: var(--bg-table-header);
	color: var(--text-table-header)
}

:root[data-theme=light] .home-new .sport-list-title {
	color: var(--text-black);
	border-bottom: 1px solid var(--text-black)
}

:root[data-theme=light] .home-new-header a {
	color: var(--text-highlight)
}

:root[data-theme=light] .home-new .footer h4 {
	color: var(--text-black);
	border-bottom: 1px solid var(--text-black)
}

:root[data-theme=light] .home-new-header-bottom .download-apk {
	color: var(--text-black)
}

:root[data-theme=light] .home-new-header-bottom .btn {
	background-color: var(--text-black);
	border-color: var(--text-black);
	color: var(--text-fancy)
}

:root[data-theme=light] .header-right .bal-point {
	color: #111
}

:root[data-theme=light] .change-theme img {
	filter: invert(0)
}

:root[data-theme=light] .game-icon img {
	filter: invert(0)
}

:root[data-theme=light] .modal-login-new .form-control {
	color: #333;
	opacity: 1
}

:root[data-theme=light] .casino-nation-name {
	background-color: #d6dEDB85
}

:root[data-theme=light] .teenpatti20 .casino-box-header .casino-nation-name {
	background-color: transparent
}

:root[data-theme=light] .poker1day .casino-nation-name {
	background-color: transparent
}

:root[data-theme=light] .dt1day .dt1dayfancy .casino-nation-name {
	background-color: transparent
}

:root[data-theme=light] .aaa .casino-nation-name {
	background-color: transparent
}

:root[data-theme=light] .casino-queen .casino-nation-name {
	background-color: transparent
}

:root[data-theme=light] .race20 .casino-nation-name {
	background-color: transparent
}

:root[data-theme=light] .teenpatti1day .casino-nation-name {
	background-color: #00000047
}

:root[data-theme=light] .teenpatti1day .casino-detail .casino-nation-name.no-border {
	background-color: transparent !important
}

:root[data-theme=light] .teenpatti20 .casino-nation-name {
	background-color: #00000047
}

:root[data-theme=light] .teenpatti20 .casino-detail .casino-nation-name.no-border {
	background-color: transparent !important
}

:root[data-theme=light] .baccarat .casino-nation-name {
	background-color: #00000047
}

:root[data-theme=light] .baccarat .casino-detail .casino-nation-name.no-border {
	background-color: transparent !important
}

:root[data-theme=light] .baccarat2 .casino-nation-name {
	background-color: #00000047
}

:root[data-theme=light] .baccarat2 .casino-detail .casino-nation-name.no-border {
	background-color: transparent !important
}

:root[data-theme=light] .lucky7eu .casino-nation-name {
	background-color: #00000047
}

:root[data-theme=light] .lucky7eu .casino-detail .casino-nation-name.no-border {
	background-color: transparent !important
}

:root[data-theme=light] .bet-table-box {
	border-bottom: 1px solid #d6dedb
}

:root[data-theme=light] .sport-tabs .nav-tabs .nav-link {
	border-right: 1px solid #d6dedb
}

:root[data-theme=light] .detail-page-container .market-6 .fancy-tripple {
	border-bottom: 1px solid #d6dedb
}

:root[data-theme=light] .detail-page-container .market-10 .bet-table-row {
	border-bottom: 1px solid #d6dedb
}

:root[data-theme=light] .detail-page-container .market-1 .bet-table-row .market-1-item {
	border-bottom: 1px solid #d6dedb
}

:root[data-theme=light] .game-date {
	border-right: 1px solid #d6dedb
}

:root[data-theme=light] .footer {
	border-top: 1px solid #d6dedb
}

:root[data-theme=light] .bl-box.no-val {
	border: 1px solid #d6dedb
}

:root[data-theme=light] .user-icon {
	background-color: #d6dedb
}

:root[data-theme=light] .faq-container .report-title {
	color: var(--text-black)
}

:root[data-theme=light] .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link.active {
	color: var(--text-black);
	border-bottom: 3px solid var(--text-black)
}

:root[data-theme=light] .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link:focus,
:root[data-theme=light] .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link:hover {
	color: var(--text-black)
}

:root[data-theme=light] .table thead {
	border: 1px solid #d6dedb
}

:root[data-theme=light] .table td,
:root[data-theme=light] .table th {
	border-bottom: 1px solid #d6dedb
}

:root[data-theme=light] .casino-primary-tabs .nav-tabs .nav-item .nav-link {
	border-right: 1px solid #b4b9b7
}

:root[data-theme=light] .table {
	border: 1px solid #d6dedb
}

:root[data-theme=light] .trap .down-box,
:root[data-theme=light] .trap .up-box {
	color: #000
}

:root[data-theme=light] .trap .casino-nation-name .book-green,
:root[data-theme=light] .trap .casino-nation-name .book-red,
:root[data-theme=light] .trap .seven-up-down-box .book-green,
:root[data-theme=light] .trap .seven-up-down-box .book-red {
	background-color: rgba(119, 119, 119, .5)
}

:root[data-theme=light] .kbcbtesbox.casino-place-bet-row {
	background-color: rgba(255, 255, 255, .5)
}

:root[data-theme=blue] body {
	font-weight: 700
}

:root[data-theme=blue] .balance {
	font-weight: 400
}

:root[data-theme=blue] .username {
	font-weight: 400
}

:root[data-theme=blue] .sport-tabs .nav-tabs .nav-link {
	font-weight: 400
}

:root[data-theme=blue] .footer {
	font-weight: 400
}

:root[data-theme=blue] .home-new-header {
	background-color: var(--bg-table-header)
}

:root[data-theme=blue] .home-new .sport-list-title {
	color: var(--text-black);
	border-bottom: 1px solid var(--text-black)
}

:root[data-theme=blue] .home-new .footer h4 {
	color: var(--text-black);
	border-bottom: 1px solid var(--text-black)
}

:root[data-theme=blue] .news-bar {
	background-color: var(--bg-sidebar);
	color: var(--text-sidebar)
}

:root[data-theme=blue] .btn-bet {
	background-color: var(--bg-sidebar);
	color: var(--text-sidebar)
}

:root[data-theme=blue] .btn-bet:focus,
:root[data-theme=blue] .btn-bet:hover {
	background-color: var(--bg-sidebar);
	color: var(--text-sidebar);
	opacity: .8
}

:root[data-theme=blue] .casino-table .casino-detail .back,
:root[data-theme=blue] .casino-table .casino-detail .lay {
	color: #333
}

:root[data-theme=blue] .casino-nation-name {
	background-color: #d6dEDB85;
	color: #333
}

:root[data-theme=blue] .book-green,
:root[data-theme=blue] .text-success {
	color: #128412 !important
}

:root[data-theme=blue] .book-red,
:root[data-theme=blue] .text-danger {
	color: #bb2834 !important
}

:root[data-theme=blue] .casino-bl-box-item {
	color: #333
}

:root[data-theme=blue] .casino-tabs {
	background-color: var(--bg-table-header)
}

:root[data-theme=blue] .casino-tabs .nav-tabs .nav-link {
	color: var(--text-table-header)
}

:root[data-theme=blue] .casino-tabs .nav-tabs .nav-item .nav-link.active {
	color: var(--text-table-header);
	border-bottom: 3px solid var(--text-fancy)
}

:root[data-theme=blue] .fantasy-desc-container .casino-tabs {
	background-color: var(--bg-table-header)
}

:root[data-theme=blue] .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link.active {
	color: var(--text-table-header);
	border-bottom: 3px solid var(--text-table-header)
}

:root[data-theme=blue] .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link {
	color: var(--text-table-header)
}

:root[data-theme=blue] .faq-container .report-title {
	color: var(--text-black)
}

:root[data-theme=blue] .bet-buttons .btn {
	background-color: var(--bg-table-header)
}

:root[data-theme=blue] .bet-buttons .btn span {
	color: var(--text-table-header)
}

:root[data-theme=blue] .lucky7-extra-bets-item {
	background-color: var(--bg-table-header);
	color: var(--text-table-header)
}

:root[data-theme=blue] .casino-primary-tabs {
	background-color: var(--bg-table-header)
}

:root[data-theme=blue] .teenpattiopen .casino-open-card-box {
	background-color: var(--bg-table-header)
}

:root[data-theme=blue] .home-new-header a {
	color: var(--text-table-header)
}

:root[data-theme=blue] .footer {
	background-color: #f2f2f2
}

:root[data-theme=blue] .login-seperator {
	background-color: #fff;
	opacity: .3
}

:root[data-theme=blue] .detail-page-container .market-6 .fancy-tripple {
	border-bottom: 1px solid #d6dedb
}

:root[data-theme=blue] .detail-page-container .market-10 .bet-table-row {
	border-bottom: 1px solid #d6dedb
}

:root[data-theme=blue] .detail-page-container .market-1 .bet-table-row .market-1-item {
	border-bottom: 1px solid #d6dedb
}

@media only screen and (min-width:320px) and (max-width:1279px) {
	:root[data-theme=blue] .header {
		background-color: var(--bg-table-header);
		color: var(--text-table-header)
	}
	.wrapper.home-new .home-new-header {height: 82px !important;padding-top: 5px !important;	}
	
}

@media only screen and (min-width:320px) and (max-width:767px) {
	:root[data-theme=blue] .race20 .total-points>div {
		border: 1px solid var(--text-black)
	}

	:root[data-theme=blue] .race20 .total-points .text-playerb {
		color: var(--text-black);
		font-weight: 700
	}
	.wrapper.home-new .home-new-header {
		height: 78px !important; padding-top: 5px !important;
	}
	.loginDemo {text-align: left;padding-left: 6px;	}
	.loginDemo a{font-size: 12px !important;}
}

:root[data-theme=blue] .table {
	border: 1px solid #0070a8
}

:root[data-theme=blue] .table td,
:root[data-theme=blue] .table th {
	border-bottom: 1px solid #0070a8
}

:root[data-theme=blue] .trap .down-box,
:root[data-theme=blue] .trap .up-box {
	color: #000
}

:root[data-theme=blue] .trap .casino-nation-name .book-green,
:root[data-theme=blue] .trap .casino-nation-name .book-red,
:root[data-theme=blue] .trap .seven-up-down-box .book-green,
:root[data-theme=blue] .trap .seven-up-down-box .book-red {
	background-color: rgba(119, 119, 119, .5)
}

:root[data-theme=blue] .casino-queen .casino-bl-box-item.casino-odds-name .book-green {
	color: #35ff35 !important
}

:root[data-theme=blue] .casino-queen .casino-bl-box-item.casino-odds-name .book-red {
	color: #a5000d !important
}


app-d3-player-event-detail .bet-table-body {
	background-color: transparent !important;
}



.wrapper_dashboard {
	flex: 1;
	float: right;
}

.modal-dialog {
	max-width: 500px;
	margin: 0 auto;
}

.modal {
	top: 0 !important;
}

/* 
.modal-content {
    border-radius: 0px 0px 8px 8px !important;
    background-color: var(--bg-table-header);
	padding: 16px 10px 0 10px;
} */

.modal-login-new .form-control {
	border: 1px solid var(--text-table) !important;
	color: var(--text-table-header) !important;
	transition: .8s;
	height: 56px;
	background-color: transparent !important;
}


.close img {
	height: 20px;
	width: 20px;
}

.dropdown-item.dropdown-toggle {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}


.navbar-nav {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}


.dashboard.dashboard-bg.margintopplayar {
	display: flex;
}


app-player-sidebar.showSidemenu {
	width: 220px;
}

.sidebar-left {
	width: 220px;
	z-index: 9;
}

.sidebar-left~.main-container {
	width: calc(100% - 220px);
	margin-left: 302px;
	margin-top: 34px;
}


.navbar-nav .dropdown-menu .dropdown-toggle {
	background-image: url(https://sitethemedata.com/v39/static/front/img/arrow-down.svg);
}

.navbar-nav .dropdown-menu.show {
	width: 100%;
}

.dropdown-menu {
	box-shadow: none;
}



.fixure-box a {
	color: #aaafb5;
	text-decoration: none;
	cursor: pointer;
}


.scroll-bar-wrap {
	width: 220px;
}



.suspended:before {
	content: "";
	background-image: url(assets/image/lock.svg);
	background-size: 17px 17px;
	filter: invert(1);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-position: center;
	pointer-events: none;
	z-index: 1;
}

.ballRunning {
	position: relative;
	pointer-events: none;
	filter: opacity(0.5);
}


.ballRunning:before {

	content: "";
	background-image: url(assets/image/ballruning.png);
	background-size: 30px 20px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-position: center;
	filter: invert(0);
	pointer-events: none;
	background-color: #fff7;

	
}


.point-title {
	text-align: center;
	color: #fff !important;

}

.bet-slip-container.rightbetclose,
.bet-slip-container {
	width: 300px;
	/* background-color: #f1f4f3; */
	margin-top: 0 !important;
}


.bet-slip-container.rightbetopen {
	margin-top: 0px !important;
}


.col-md-12.col-sm-12.col-xs-12.bet-info.mabottpm {
	margin: 0 !important;
}


#exposure-details>.modal-body {
	margin: 0 !important;
}

.available-bets.available-bet-bg>.col-md-12.margin-0.padding-0 {
	padding: 0 !important;
}

.lay-container.text-left .wrapper_button .row.margin-0.padding-0.add-bet {
	margin-left: -1px !important;
	margin-right: -1px !important;
}


.lay-container.text-left .wrapper_button .row.margin-0.padding-0.add-bet button {
	background-color: #d6dedb;
	border: none;
	margin: 2px 2px;
	flex: 1 1 15% !important;
	padding: 9px !important;
	border-radius: 5px !important;
	font-weight: 100 !important;
	font-size: 13px !important;
}

.lay-container.text-left .wrapper_button .row.margin-0.padding-0.add-bet button:last-child {
	display: none;
}

.row.margin-0.padding-top-10.padding-bottom-10>.col-md-6.pr-12.pl-12 {
	display: none;
}

.row.margin-0.padding-top-10.padding-bottom-10>.col-md-6.pr-12 {
	width: 100% !important;
	margin-top: 5px;

}

.row.margin-0.padding-top-10.padding-bottom-10>.col-md-6.pr-12 button {
	width: 100% !important;
	border: none;
	background-color: #57caa8 !important;
	height: 36px;
	color: #fff;
	border-radius: 5px !important;

}


.betodddd {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.betstakeee {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.betstakeee .bet-input-bg {
	width: 97px;
	border-radius: 4px;
}

/* 
.acceptAnyOdds{
	display: none;
} */

.maxminbet {
	display: none !important;
}

.profit-text.display-ib {
	white-space: nowrap;
}

app-d3-footer {
	width: 100% !important;
}

app-player-bet-slip.bet-slip {
	padding: 0 0px 0 5px;
}


.right-sidebar.casino-right-sidebar {
	width: 464px;
	background-color: #2ca079;
}

.d3-footer {
	background-color: transparent !important;
	border-radius: inherit !important;
}


.container-main-profit-loss .filters {
	padding: 0 0px !important;
	float: left;
	width: 100%;
}


.filters .nav.nav-tabs.nav-justified {
	display: flex !important;
}

.filters .nav.nav-tabs.nav-justified>li {
	width: 100%;
}


.container-main-profit-loss .filters .container-nav-bg {
	display: flex !important;
	justify-content: center;
	height: 50px;
	align-items: center;
	background-color: #3c444b !important; justify-content: center !important;
}

.games-text {
	cursor: pointer !important;
	/* margin: 10px 10px !important; */
	font-size: 12px;
	text-transform: inherit;
}

.container-main-profit-loss .games-section .games-text a {
	/* padding: 3px 10px !important; */
	color: var(--text-sidebar);
	font-weight: var(--font-semi);
	background-color: transparent;

	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	border-radius: 6px !important;
}


.container-main-profit-loss .games-section .games-text a.custom-active-games {
	border-bottom: 2px solid var(--text-sidebar);
	background: transparent !important;
	box-shadow: none !important
}

.row.bet-history-status.balance-status {
	margin-right: 0 !important;
	margin-left: 0 !important;
}


.app-casino-dashboard .livescro {
	margin-top: 0 !important;
}



/******************************* Loader ***********************************/
/* Ripple */
.lds-ripple {
	display: inline-block !important;
	position: fixed !important;
	width: 80px !important;
	height: 80px !important;
	margin: auto !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
}

.dropdown-text {
	margin-left: 10px !important;
}

.lds-ripple div {
	position: absolute;
	border: 4px solid #cef;
	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;
}

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

	100% {
		top: -1px;
		left: -1px;
		width: 58px;
		height: 58px;
		opacity: 0;
	}
}



.float-right.header-right .balance span:last-child {
	/* text-decoration: underline; */
}

.cancelBtn {
	color: #000 !important;
}

.modal-footer {
	background-color: transparent !important;
}

.modal-footer .btn.btn-secondary {
	color: #000 !important;
	background-color: #ccc !important;
}


.filter-type {
	display: flex;
	white-space: pre;
	align-items: center;
}

.filter-type span {
	font-weight: inherit !important;
}


.modal {
	width: 100% !important;
}

.modal-footer .close-modal .btn.btn-warning.btn-sm {
	background-color: #03b37f;
	border-color: #03b37f;
}



/* :root[data-theme="dark"] .modal-footer {
	background-color: #2e3439 !important;
} */


.btn-transparent {
	background-color: transparent !important;
}

.acceptAnyOdds {
	margin-bottom: 10px;
}


app-bet-history .balance-status>ngx-datatable,
app-player-profit-loss .balance-status>ngx-datatable {
	height: calc(100vh - 200px) !important;
}


@media only screen and (min-width: 320px) and (max-width: 767px) {

	.home-new .casino-banners-list .casino-banner-item,
	.home-new .casino-banners-list.fantasy-games .casino-banner-item,
	.home-new .casino-banners-list.live-casinos .casino-banner-item {
		width: calc(50% - 6px) !important;
		margin-right: 5px !important;
		margin-bottom: 5px !important;
	}

}

.bodypabal {
	padding: 1px 0 0 !important;
}





:root {
	--font-headline: 16px;
	--font-header: 16px;
	--font-body: 16px;
	--font-caption: 14px;
	--font-big: 32px;
	--font-button: 16px;
	--font-odds: 16px;
	--font-value: 14px;
	--font-small: 12px;
	--font-v-small: 10px;
	--font-24: 24px;
	--font-timer: 48px;
	--font-56: 56px;
	--font-18: 18px;
	--font-13: 13px;
	--font-11: 11px;
	--font-bold: bold;
	--font-regular: normal;
	--font-semi: 600;
	--font-medium: 500;
}

@font-face {
	font-family: 'dfont';
	src: url('../fonts/dfont.eot?x4borr');
	src: url('../fonts/dfont.eot?x4borr#iefix') format('embedded-opentype'), url('../fonts/dfont.ttf?x4borr') format('truetype'), url('../fonts/dfont.woff?x4borr') format('woff'), url('../fonts/dfont.svg?x4borr#dfont') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.d-icon {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'dfont' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-66:before {
	content: "\e944";
}

.icon-suits:before {
	content: "\e943";
}

.icon-998:before {
	content: "\e942";
}

.icon-tv:before {
	content: "\e901";
}

.icon-999:before {
	content: "\e900";
}

.icon-1:before {
	content: "\e902";
}

.icon-2:before {
	content: "\e903";
}

.icon-3:before {
	content: "\e904";
}

.icon-4:before {
	content: "\e905";
}

.icon-5:before {
	content: "\e906";
}

.icon-6:before {
	content: "\e907";
}

.icon-7:before {
	content: "\e908";
}

.icon-8:before {
	content: "\e909";
}

.icon-9:before {
	content: "\e90a";
}

.icon-10:before {
	content: "\e90b";
}

.icon-11:before {
	content: "\e90c";
}

.icon-12:before {
	content: "\e90d";
}

.icon-13:before {
	content: "\e90e";
}

.icon-14:before {
	content: "\e90f";
}

.icon-15:before {
	content: "\e910";
}

.icon-16:before {
	content: "\e911";
}

.icon-17:before {
	content: "\e912";
}

.icon-18:before {
	content: "\e913";
}

.icon-19:before {
	content: "\e914";
}

.icon-20:before {
	content: "\e915";
}

.icon-21:before {
	content: "\e916";
}

.icon-22:before {
	content: "\e917";
}

.icon-23:before {
	content: "\e918";
}

.icon-24:before {
	content: "\e919";
}

.icon-25:before {
	content: "\e91a";
}

.icon-26:before {
	content: "\e91b";
}

.icon-27:before {
	content: "\e91c";
}

.icon-28:before {
	content: "\e91d";
}

.icon-29:before {
	content: "\e91e";
}

.icon-30:before {
	content: "\e91f";
}

.icon-31:before {
	content: "\e920";
}

.icon-32:before {
	content: "\e921";
}

.icon-33:before {
	content: "\e922";
}

.icon-34:before {
	content: "\e923";
}

.icon-35:before {
	content: "\e924";
}

.icon-36:before {
	content: "\e925";
}

.icon-37:before {
	content: "\e926";
}

.icon-38:before {
	content: "\e927";
}

.icon-39:before {
	content: "\e928";
}

.icon-40:before {
	content: "\e929";
}

.icon-41:before {
	content: "\e92a";
}

.icon-42:before {
	content: "\e92b";
}

.icon-43:before {
	content: "\e92c";
}

.icon-44:before {
	content: "\e92d";
}

.icon-46:before {
	content: "\e92e";
}

.icon-47:before {
	content: "\e92f";
}

.icon-48:before {
	content: "\e930";
}

.icon-49:before {
	content: "\e931";
}

.icon-50:before {
	content: "\e932";
}

.icon-51:before {
	content: "\e933";
}

.icon-52:before {
	content: "\e934";
}

.icon-53:before {
	content: "\e935";
}

.icon-54:before {
	content: "\e936";
}

.icon-55:before {
	content: "\e937";
}

.icon-56:before {
	content: "\e938";
}

.icon-57:before {
	content: "\e939";
}

.icon-58:before {
	content: "\e93a";
}

.icon-59:before {
	content: "\e93b";
}

.icon-60:before {
	content: "\e93c";
}

.icon-61:before {
	content: "\e93d";
}

.icon-62:before {
	content: "\e93e";
}

.icon-63:before {
	content: "\e93f";
}

.icon-64:before {
	content: "\e940";
}

.icon-65:before {
	content: "\e941";
}

.livescro .newnav-pills {
	display: flex;
}

.livescro .newnav-pills>li {
	margin: 0 !important;
}

.livescro .newnav-pills>li>a {
	height: 55px;
	display: flex;
	align-items: center;
	color: #000 !important;
	font-size: 16px !important;
	box-shadow: none !important;
	padding: 5px 20px !important;
	background: none !important;
	border: inherit;
	border-radius: 20px !important;
	background: #95a3af !important;
}

.livescro a.active {
	border: 2px solid #f9ab1b !important;
	border-bottom: 2px solid #f9ab1b !important;
}

.livescro a.activeTab {
	border: 2px solid #f9ab1b !important;
	border-bottom: 2px solid #f9ab1b !important;
}

/* .livecasinogrid .newnav-pills>li:first-child img {
	display: none;
} */

.livescro .newnav-pills>li img {
	max-width: 100%;
	width: auto !important;
	margin: 0 10px 0 0;
}

.livescro .matos {
	width: 16.5% !important;
	height: 175px;
}

.livescro .matos .imagwitex img {
	max-width: 100%;
	width: 100% !important; max-height: 175px;
	/* height: auto !important; */
}

.nav-pills>li>a {
	color: #000 !important;
	border: 2px solid #ccc;
}

.container-main-profit-loss .games-section .games-text a {
	font-size: 14px;
}

#winner-detail .modal-body h5 {
	font-size: 16px;
}

.suspendedtext:after {
	font-size: 12px;
}

.ngx-datatable .datatable-footer .datatable-footer-inner strong {
	font-size: 14px !important;
}

.ngx-datatable .datatable-footer .datatable-footer-inner h4 {
	font-size: 14px !important;
}

.container-livescore .container-nav-text {
	padding: 5px 0;
}

.back-lay-container-matched table tbody.back {
	border-bottom: 1px solid #3c444b;
}

/* .ngx-datatable .sortable .sort-btn.datatable-icon-down:before{font-family: data-table; content: url(sort2.png)!important;} */
app-d3-landing-dashboard .custom-checkbox {
	position: relative;
	padding-left: 20px;
}

app-d3-landing-dashboard .custom-checkbox .custom-control-input {
	width: auto;
	position: absolute;
	top: 0;
	left: 0;
}

app-low-bal-currency-info .ranged3 .close {
	position: absolute;
	right: 25px;
}

app-low-bal-currency-info .footermm {
	background: #f9ab1b !important;
}

app-login .fa-eye,
app-login .fa-eye-slash {
	position: absolute;
	top: 50px;
}

.datewid100 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dataBox {
	display: flex;
	align-items: center;
}

.dataBox span {
	margin: 0 15px 0 0;
}

.sidebar-left .logo a {
	height: 50px;
	width: 180px;
}

.sidebar-left .logo a img {
	max-width: 100%;
	max-height: 50px;
	height: auto;
}
.apk_Application{display: inline-block;}
.apk_Application a img { width: 27px;}
.apk_Application.isLoginUser img {margin: 0px 4.5px 0px 1px;}
.playernow {
    position: absolute; font-size: 14px; color: #3bc996; font-weight: 700;  margin: -20px 0px 0px 150px;
}
.playernow p { margin: 0;}
.playernow i {margin-left: 3px;}
#updatePassword .modal-dialog {max-width: 520px;}
#updatePassword span.errorMa {color: red; font-size: 11px;}
.tamil .header-top ul li a {font-size: 13px;}
.tamil .header-top .blink_me{font-size: 13px;}

.livescro .newnav-pills li span{display: none;}
@media(max-width:1699px) {
	.livescro .matos {
		width: 20% !important;
		height: 170px;
	}
}

@media(max-width:1599px) {
	header.header .notificationCol.d8-notification {margin-top: 2px;}
	.playernow {font-size: 12px;}
	.livescro .newnav-pills>li>a {
		padding: 5px 12px !important;
	}

	.livescro .newnav-pills>li>a span {
		font-size: 14px;
	}

	.livescro .matos {
		height: 148px;
	}
	.livescro .matos .imagwitex img{max-height: 148px;}

}

@media(max-width:1399px) {
	.livescro .matos {
		height: 140px;
	}
}

@media(max-width:990px) {
	/* .container.maibody .imaged350 {
		width: auto !important;
	} */

	.livescro .imaged350 .imagwitex {
		min-height: auto !important;
	}

	.livescro .matos {
		width: 100% !important;
	}
	.top-home-icon {margin: 0 0 0 10px;	height: 40px;	display: flex;	align-items: center;}
	.header .logo {
		display: flex !important;
	}
}

@media(max-width:767px) {
	
	.flexContainerss button {width: 100%; margin: 0 0 15px !important;	}
	.flexContainerss {flex-direction: column;}
	label.tittt.flexContainerss {
		flex-direction: row;
	}
	.safari-mac header.header .user-dropdown {max-height: calc(100vh - 175px); -webkit-overflow-scrolling :touch;}
	.apk_Application {margin: 4px 6px 0px 0px;} 
	header.header .notificationCol.d8-notification {margin-top: 0px;}
	.apk_Application a img {width: 23px; margin: 0;}
	.livecasinogrid .nav-pills {
		width: 97vw;
	}
	.playernow {
        font-size: 10px;  margin: -21px 0px 0px 94px;
    }
	.mobileAlignment{padding: 0px 10px;}

	.livescro .nav-pills {
		width: 97vw;
	}

	.livescro .newnav-pills>li>a {
		height: 40px;
		font-size: 12px !important;
	}

	.livescro .newnav-pills>li>a img {
		height: 25px !important;
		max-width: 100%;
	}

	.livescro .newnav-pills {
		width: 97vw;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
	}

	.maibody .d-none-desktop {
		background: #ccc;
	}

	.maibody .d-none-desktop>li>a {
		margin: 2px !important;
		font-size: 12px !important;
		border: 2px solid transparent;
		border-bottom: 2px solid transparent;
		padding: 5px 8px !important;
	}

	.maibody .d-none-desktop>li>a:hover {
		border-bottom: 2px solid #f9ab1b !important;
		border-radius: 0 !important;
	}

	.maibody .d-none-desktop a.d3active {
		color: #000 !important;
		border-bottom: 2px solid #f9ab1b !important;
		border-radius: 0 !important;
	}

	.livescro .maibody {
		width: 98vw !important;
	}

	.container-main-profit-loss .filters div.container-nav-bg  {
		width: 98vw !important;justify-content: left !important;padding: 0 8px !important;
	}
	app-player-profit-loss div#sscroll{padding: 0 8px !important;}

	.container-main-profit-loss .games-section .games-text a {
		padding: 10px 15px !important;
	}

	.d3-relative,
	.player {
		position: relative;
	}

	.topV {
		top: 20px
	}

	.winners {
		bottom: -22px !important;
	}

	.winners h5 {
		color: #fff;
		margin: 1px 5px !important;
		font-size: 18px;
	}

	.livecarsl {
		font-size: 12px;
	}

	.livecarsl h5 {
		font-size: 12px;
	}

	.container-main-profit-loss .activity-log-text-2 {
		margin: 10px 0 10px 20px !important;
	}

	.container-main-activitylog .activity-log-box {
		padding: 10px 0 0 10px;
	}

	.mmaingamem {
		height: auto !important;
	}

	.page-navigation {
		position: relative;
		z-index: 999;
	}

	.validation-message,
	.errorMa {
		font-size: 11px;
	}

	.casino .container-nav-text {
		padding: 0 0 5px 5px;
	}

	.suspendedsingle:after {
		font-size: 11px !important;
		line-height: 12px;
	}

	.suspendedtext:after {
		font-size: 11px !important;
		line-height: 12px;
	}

	.recaptchaTerms {
		font-size: 12px;
		line-height: 12px;
	}

	app-d3-theme-modal #theme-modal .popimgcoin {
		width: 95% !important;
		margin: 0 auto !important;
	}

	app-player-profit-loss .mobilev {
		float: left !important;
	}

	/* .ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper{ background:#f1f4f3;} */
	.bl-box {
		min-width: 48%;
	}

	.rules-modal .modal-dialog .modal-content {
		width: 95% !important;
		margin: 10px auto 0;
	}
	.notificationCol h3 {font-size: 16px !important;  padding: 8px 10px !important;}
    .notificationCol ul li{padding: 4px 10px !important; }
    .notificationCol .viewAll {  padding: 6px 0 !important;}
    .notificationCol ul {height: 205px !important;}
	.edit-bank .otpRow > span {align-items: flex-start;}
	  
}

@media(max-width:576px) {
	.container.maibody .imaged350 {
		width: 50%;
	}
	.mobiletabs ul {font-size: 10px;}
}

@media(max-width:480px) {
	.container-main-profit-loss .games-section .games-text a {
		font-size: 10px !important;
	}
}

@media(max-width:767px) {
	.withdraw-section .add-bank .column.edit-account .top .edit-icon{margin-top: 0 !important;}
	.mobilevv {
		overflow: hidden;
	}

	app-low-bal-currency-info .ranged3 .close {
		position: absolute;
		right: 25px;
	}

	app-live-casino .d-none-desktop .activeD3 {
		border-bottom: 2px solid #f9ab1b !important;
	}

	app-casino-events .d-none-desktop .activeD3 {
		border-bottom: 2px solid #f9ab1b !important;
	}

	.blink_me {
		position: absolute;
		right: 75px;
		top: 20px;
		padding: 0 5px;
		font-size: 9px !important;
		margin: 0; z-index: 1;
	}

	.livescro .matos {
		height: 120px;
	}
	.ice-mobile-flex-direction-column{flex-direction: column;}
	.ice-mobile-ml-0{margin-left: 0 !important;}
}

.filters_matching .filter_dropdown select {
	width: calc(100% - 130px) !important;
}

.navbar .nav-item {
	cursor: pointer;
}

.maindroppa p span {
	float: none;
}

.maindroppa span {
	float: right;
}

app-bet-history .balance-status>ngx-datatable,
app-player-profit-loss .balance-status>ngx-datatable {
	height: calc(100vh - 300px) !important;
}


.home_page div.wrapper_dashboard {
	background-color: transparent !important
}

ngx-datatable datatable-body .empty-row {

	/* background-image: url(/assets/images/norecoded3.png)!important; */
	background-image: none !important;
}

ngx-datatable datatable-body .empty-row::after {
	content: 'No Record found' !important;
	font-size: 18px;
	color: #fff;
}


.filters_matching .filter_dropdown {
	background-color: transparent !important
}

.toggelPass {
	color: #fff !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: transparent;
}


.daterangepicker {
	background-color: #23292e;
}



.container-main-profit-loss .games-section .games-text a.custom-active-games {
	background: linear-gradient(99.87deg, #dddddd 20.02%, #dddddd 96.95%) !important;
}



.modal-body .nav>li>a {
	position: relative;
	display: block;
	padding: 10px 5px;
	color: #fff;
}

.modal-body .nav>li>a.active {
	color: #000;
}

.modal-footer.footermm button.btn.btn-primary {
	background: #f9ab1b !important;
	width: 100% !important;
}


#winner-detail .modal-body,
#winner-detail .modal-body table {
	background-color: #fff;
}

app-casino-winner-details div#scrolltop { background: none !important;}
.otpMainWrap {
    padding: 0px 15px;
}
.page-navigation {
	background: transparent !important;
}


app-casino-event-detail .heading * {
	color: #fff !important;
}

.event_card .wrapper_card .card_event {
	background: transparent !important;
	box-shadow: none !important;
}

nav.page-navigation ul.pagination li>a.paddtingn>span {
	color: #fff !important;
}



.matchtit {
	color: #fff !important;
}


.table.table-striped span.tgreen {
	background-color: transparent !important;
}

.mobilevvov {
	overflow: hidden !important;
}


.pagination>li {
	margin: 0 3px 4px !important;
}

.event_card .wrapper_card .card_event {
	padding: 5px 0 5px 0px !important;
}

.modal-body .nav>li>a:hover {
	color: #000;
}

.profit-loss-status.balance-status .datatable-body-cell-label img {
	filter: invert(1);
}

.ngx-datatable.scroll-vertical .datatable-body {
	overflow-y: overlay;
}

.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
	color: #777 !important;
	background-color: #fff;
}


nav.page-navigation ul li:hover {
	background: #fff !important;
}

nav.page-navigation ul li:hover:first-child {
	background-color: transparent !important;
}

@media only screen and (max-width:768px) {
	.pagination li:first-child {
		width: 100% !important;
	}
}


#sr-widget {
	width: initial !important;
	top: 0 !important;
	border-radius: 0 !important;
}

.scard-change {
	background: #000;
	padding: 5px 0 10px;
}

.grayBox {
	background: var(--bg-table-header) !important;
	border-radius: 0 0 10px 10px !important;
	width: 99% !important;
}

.scoreboard-2 .tName {
	background: var(--bg-table-header) !important;
	top: -44px !important;
	font-size: 12px;
	padding: 0 15px !important;
}

.scoreboard-2 .score-header .detail-score .small-score-details {
	background: var(--bg-table-header) !important;
	width: 99% !important;
	margin: 0 auto 50px !important;
}

.scoreboard-2 .score-header .detail-score .small-score-details .more-tab .more-arrow {
	bottom: -39px !important;
}

.scoreboard-2 .score-header .top-header {
	width: 99% !important;
	border: 2px solid var(--bg-table-header) !important;
	border-radius: 0 !important;
}

.scoreboard-2 .score-header .left-team .team-name .team-img,
.scoreboard-2 .score-header .right-team .team-name .team-img {
	border: 2px solid var(--bg-table-header) !important;
	box-shadow: none !important;
	background: #000 !important;
	width: 88px !important;
	height: 88px !important;
	bottom: -24px !important;
	border-radius: 0 !important;
}

.scoreboard-2 .score-header .right-team .team-name .team-img {
	right: -2px !important;
	border-left: 0 !important;
	border-radius: 0 10px 0 0 !important;
}

.scoreboard-2 .score-header .left-team .team-name .team-img {
	left: -2px !important;
	border-right: 0 !important;
	border-radius: 10px 0 0 0 !important;
}

.scoreboard-2 .score-header .detail-score .small-score-details {
	border-radius: 5px !important;
}

.scoreboard-2 .score-header .detail-score .small-score-details .more-tab .more-arrow {
	bottom: -40px !important;
}

.scoreboard-2 .score-header .detail-score .score-details table tr {
	width: 100%;
}

.videoWrapper {
	width: 96%;
	margin: 0 auto;
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	border: 0 !important;
	left: 0;
	width: 100%;
	height: 100%;
}

app-agree-continue-rules .modal-content {
	padding-bottom: 70px;
}

.befoclass{ margin: 0!important; padding: 0;}

/* .filter_Row{ display: flex; padding-right: 0px;}
  .befoclass div.wid100{display: flex; justify-content: space-between; width: 100%!important;} */
/* .befoclass div.wid100 div{ margin: 0!important;} */
.close_icon {
	padding: 0 10px;
}

.close_icon a {
	color: #fff;
}

@media (max-width:1440px) {
	.withdraw-section .add-bank .column.edit-account .top .edit-icon {margin-top: 2px;}
	.more-tab-mobile {
		display: none !important;
	}
}

	@media (max-width:1600px) {
		.scoreboard-2 .score-header .detail-score .small-score-details .more-tab .more-arrow {
			bottom: -37px !important;
		}
	}

	@media (max-width:1366px) {

		.scoreboard-2 .score-header .left-team .team-name .left-score,
		.scoreboard-2 .score-header .right-team .team-name .right-score {
			padding: 0 95px !important;
		}

		.scoreboard-2 .score-header .right-team .team-name .right-score {
			padding-left: 0 !important;
		}

		.scoreboard-2 .score-header .left-team .team-name .left-score {
			padding-right: 0 !important;
		}
		.livescro .matos .imagwitex img{max-height: 130px;}
		
	}

	@media (max-width:990px) {
		.scoreboard-2 .tName {
			top: -35px !important;
		}

		.scoreboard-2 .score-header .left-team .team-name .team-img,
		.scoreboard-2 .score-header .right-team .team-name .team-img {
			width: 70px !important;
			height: 70px !important;
			bottom: -15px !important;
		}

		.scoreboard-2 .score-header .detail-score .small-score-details .more-tab .more-arrow {
			bottom: -41px !important;
		}

		.scoreboard-2 .score-header .left-team .team-name .left-score,
		.scoreboard-2 .score-header .right-team .team-name .right-score {
			padding: 0 80px !important
		}
	}

	@media (max-width:767px) {
		.scoreboard-2 .score-header .right-team .team-name .right-score {
			padding-left: 0 !important;
		}

		.scoreboard-2 .score-header .left-team .team-name .left-score {
			padding-right: 0 !important;
		}
		.livescro .matos .imagwitex img{max-height: 120px;} 

		

		.datetimescore {
			width: 100%;
			text-align: left;
			margin-right: 0 !important;
		}

		.anutit {
			text-align: initial;
			width: 86%;
			margin-bottom: 10px;
		}


		.crrSec {
			bottom: -76px !important;
			left: 70px !important;
			display: flex;
			width: 153px;
			white-space: nowrap;
			text-align: right !important;
			font-size: 12px !important;
		}

		.crrSec span {
			margin: 0 5px !important;
		}

		.run-rate {
			font-size: 12px !important;
		}

	}

	@media (max-width:620px) {
		.scoreboard-2 {
			margin: 45px 0 0 !important;
		}

		.scoreboard-2 .score-header .left-team .team-name .team-img,
		.scoreboard-2 .score-header .right-team .team-name .team-img {
			width: 50px !important;
			height: 50px !important;
			background: none !important;
			border: none !important;
		}

		.scoreboard-2 .score-header .left-team .team-name .left-score,
		.scoreboard-2 .score-header .right-team .team-name .right-score {
			padding: 0 50px !important
		}

		.scoreboard-2 .score-header .right-team .team-name .right-score {
			padding-left: 0 !important;
		}

		.scoreboard-2 .score-header .left-team .team-name .left-score {
			padding-right: 0 !important;
		}

		.scoreboard-2 .score-header .right-team .tName {
			right: -2px !important;
			width: 98% !important;
			padding: 0 5px !important;
		}

		.scoreboard-2 .score-header .left-team .tName {
			left: -2px !important;
			width: 98% !important;
			padding: 0 5px !important;
		}

	}

	@media (max-width:360px) {

		.scoreboard-2 .score-header .left-team .team-name .team-img,
		.scoreboard-2 .score-header .right-team .team-name .team-img {
			width: 40px !important;
			height: 40px !important;
		}
		

		.scoreboard-2 .score-header .left-team .team-name .left-score,
		.scoreboard-2 .score-header .right-team .team-name .right-score {
			padding: 0 30px !important
		}

		.scoreboard-2 .score-header .right-team .team-name .right-score {
			padding-left: 0 !important;
		}

		.scoreboard-2 .score-header .left-team .team-name .left-score {
			padding-right: 0 !important;
		}

		.scoreboard-2 .score-header .left-team .team-name .team-title,
		.scoreboard-2 .score-header .right-team .team-name .team-title,
		.scoreboard-2 .score-header .separator .team-name .team-title {
			font-size: 14px !important;
		}
	}



/************************* Landing Page **************************/


.fixure-title::after {
	content: "" !important;
	position: absolute !important;
	width: 46px !important;
	height: 36px !important;
	border-top: 28px solid transparent !important;
	border-left: 28px solid var(--bg-table-header) !important;
	border-bottom: 28px solid transparent !important;
	right: -46px !important;
}

.logind3 input {
	height: 56px !important;
}

.logind3 .btn.btn-primary.btn-block {
	height: 56px !important;
}


.logind3 .custom-control-input {
	height: inherit !important;
}

/* .logind3 .toggelPass.fa.fa-fw.fa-eye{
	margin-top: 10px;
} */

.logind3 .form-group label.user-email-text {
	font-weight: 100 !important;
	font-size: 16px !important;
	color: #aaafb5;
}

.logind3 small {
	font-size: 9.5px;
}

.logind3 .close {
	margin-right: 8px !important;
	margin-top: 6px !important;
}

.logind3 .validation-message {
	color: var(--book-red) !important;
	font-size: var(--font-small) !important;
	line-height: normal !important;
	display: flex !important;
	align-items: flex-start !important;
}

.logind3 .custom-control-label {
	font-size: 13px !important;
}

.ch-theme {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.ch-theme li {
	display: flex;
	align-items: center;
	width: 25%;
	background: #000;
	border: 1px solid #fff;
	padding: 10px;
	margin: 10px;
	cursor: pointer;
	border-radius: 10px;
	transition: all 0.5s ease 0s;
}

.ch-theme img {
	max-width: 100%;
}

.ch-theme li:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.ch-theme li:focus {
	box-shadow: none;
}

.othertheme .popimgcoin {
	background: #fff;
}

.icetheme .modal-dialog {
	max-width: 600px;
	margin-top: 30px;
}

.icetheme .modal-content {
	background: #fff;
	border-radius: 10px;
}

.othertheme .modal-dialog {
	max-width: 600px;
	margin-top: 30px;
}

.othertheme .modal-header {
	border-bottom: 1px solid #f0f0f0;
}

.icetheme .modal-header {
	border-bottom: 1px solid #ddd;
}

.icetheme .modal-header h5 {
	color: #000;
}

.othertheme .modal-header {
	border-bottom: 1px solid #ddd;
}

.othertheme .modal-header h5 {
	color: #000;
}

.othertheme .modal-title {
	color: #000;
	font-weight: bold;
}

.othertheme .ch-theme li {
	width: inherit;
	border: none;
	padding: 0;
	background: none;
}

@media(max-width:575px) {
	.ch-theme li {
		width: 40%;
	}
}




.disclick {
	position: relative;
	pointer-events: none;
}

.disclick::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background: #fff;
	opacity: 0.8;
	z-index: 2;
	border-radius: 4px;
	cursor: not-allowed;
	pointer-events: none;
}

.usercontan .primary-color {
	color: #fff !important;
	/* font-weight: bold; */
}

/* ======= MOBILE SCROLLING CSS START ======== */
@media(max-width:767px) {
	.home-new-logo img {
		max-width: 100% !important;
	}
}

@media(max-width:560px) {

	.score-header .valign-wrapper.top-header .left-team,
	.score-header .valign-wrapper.top-header .right-team {
		width: calc(50% - 36px) !important;
	}

	.score-header .valign-wrapper.top-header .center-content {
		width: 72px !important;
	}

	.score-header .valign-wrapper.top-header span.team-img {
		max-width: 40px !important;
		padding-bottom: 12px;
	}

	.valign-wrapper.top-header span.team-title {
		font-size: 15px;
	}
}

@media(max-width:400px) {
	.apk_Application a img {width: 21.5px;}
	.apk_Application.isLoginUser img {
		margin: 0px 1px 0px 1px;
	}
	header.header .notificationCol.d8-notification {margin-top: 0px;} 
	.score-header .valign-wrapper.top-header .over-title.zoominout-text {
		font-size: 11px !important;
	}
	button.a-wallet.ewallet-box{margin-right: 5px;}
	.apk_Application.isLoginUser {margin: 4px 3px 0px 0px;}

	.score-header .valign-wrapper.top-header .overs {
		font-size: 11px !important;
	}

	.score-header .valign-wrapper.top-header span.team-img {
		align-items: normal !important;
		padding-bottom: 7px;
	}

	.valign-wrapper.top-header span.team-score {
		display: block;
		font-size: 14px !important;
	}

	.score-header .valign-wrapper.top-header span.team-img {
		height: auto !important;
		max-width: 33px !important;
	}

	.valign-wrapper.top-header .team-title {
		font-size: 12px !important;
	}

	.scoreboard-2 .score-header .left-team .tName {
		width: 100% !important;
	}
	
}

@media(max-width:340px) {
	.score-header .valign-wrapper.top-header .overs {
		font-size: 10px !important;
		letter-spacing: inherit !important;
	}

	.score-header .valign-wrapper.top-header span.team-img {
		align-items: baseline !important;
	}
}

/* ======= MOBILE SCROLLING CSS END ======== */
.ford6 {
	display: none;
}

/* ==== WHITE LABEL CSS START ==== */
.logod3 {
	max-width: 220px;
}

/* ==== WHITE LABEL CSS END ==== */







/*************************  Durgesh ************************/


/*** Sugnup ***/

.singpopup {
	width: 578px !important;
}

.singpopup .modal-content {
	background: var(--bg-table-header) !important;
	padding: 40px 0;
	float: left;
	border-radius: 4px; max-height: 100% !important;
	overflow: auto;
}

.singpopup .downline-heading {
	text-align: center;
	margin: 0 0 30px;
	position: relative;
}

.singpopup .downline-heading img {
	height: 80px;
}

.singpopup .close {
	background: var(--borderCR);
	font-size: 38px;
	margin: -20px 15px 0 0;
}

.singpopup .back .fa {
	color: #fff;
	line-height: 35px;
}

.singpopup .downline-form .form-control {
	float: left !important;
	position: relative !important;
	width: 100%;
	height: 56px !important;
	color: #fff;
	-webkit-appearance: none;
	background: none !important;
	border: 1px solid var(--text-body) !important;
	border-radius: 4px;
	padding: 6px 12px;
}

.singpopup .downline-form .form-control::placeholder {
	opacity: 0.5;
}

.singpopup .ptext {
	color: var(--text-body);
	text-align: left;
	font-size: 14px;
}

.singpopup .downline-form .col-sm-12.username .form-group {
	width: 100% !important;
	float: left !important;
	margin-bottom: 15px !important;
}

.singpopup .username {
	height: auto !important;
	margin-left: 0;
	margin-right: 0;
}


.singpopup .downline-form .col-sm-12.username .toggelPass {
	color: #fff;
	position: absolute;
	top: 22px !important;
	right: 28px !important;
	float: right;
}

.singpopup .box-text.resendotp .otptext {
	color: var(--text-body) !important;
}


.singpopup .btn-primary {
	cursor: pointer;
	background: var(--navText) !important;
	color: #000 !important;
	font-size: 18px;
	padding: 20px 0;
	width: 100%;
	border-radius: 10px;
	font-weight: 600;
}

/* .singpopup .countrycode{ width: 50px; position: absolute; top:0; left: 0;} */
.singpopup .otptext {
	background: none;
	border: none;
	color: var(--navText) !important
}

.datetime {
	font-weight: 400 !important
}

.dropdown .active {
	background: linear-gradient(16deg, #df9c0d 0%, #ffde00 100%) !important;
}


.btn-login.singuppoop {
	background: transparent !important;
	border: solid 1px #ffffff !important;
	line-height: 22px !important;
	cursor: pointer;
}



/*** Sugnup End ***/


.header.full-wrap .account-wrap .a-wallet.ewallet-box {
	padding: 4px 10px !important;
	height: auto;
	border: 0;
	background-color: #ffc21d !important;
	box-shadow: none;
	border: solid 1px #7e5e0a;
	border-radius: 4px;
	color: #333;
	font-weight: 700;
}

.profileWrap .col-center {
	overflow: auto !important;
}




.profileWrap .col-center::-webkit-scrollbar {
	width: 0px;
}





.backgrounheader {
	position: fixed !important;
	top: 110px !important;
	height: 350px !important;
	width: 100% !important;
	background-color: var(--bg-sidebar) !important;
}

.footLogo img {
	width: 50px !important;
}


app-d2-footer footer {
	background-color: #222121 !important;
}

.nav-pills>li {
	padding: 10px 0;
}


.nav.nav-pills.radiotext input[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	width: 20px !important;
	height: 20px !important;
}


.usercontan input[type=radio] {

	border: solid 1px var(--btn-primary);
}

.usercontan .activeee input[type=radio] {
	border: 2px solid var(--btn-primary) !important;
}

.usercontan input[type=radio]:checked {
	background-color: var(--btn-primary) !important;
}

.usercontan .radiotext li label {
	padding: 17px 20px !important;
}



.usercontan .form-control {
	display: block;
	width: 100%;
	height: 45px;
	border-radius: 7px;
	padding: 23px 12px;
}

.usercontan ngx-datatable {
	padding-left: 0px !important;
}


.list-group-item * {
	font-weight: normal !important;
}



.list-group li.list-group-item * h5:last-child {
	font-weight: bold !important;
}


.codeCol li {
	list-style: none !important;     font-size: 14px;
}
ul.codeCol {
    width: 280px !important;
}


.btn-warning {
	background-color: #fbd502 !important;
	border-color: #fbd502 !important;
}


.btn-warning:hover {
	color: #fff;
	background-color: #ec971f !important;
	border-color: #d58512 !important;
}



.input-group {
	position: relative;
	display: flex;
	border-collapse: separate;
	width: 100%;
	float: left;
	height: 50px;
}




.input-group-btn {
	position: absolute;
	font-size: 0;
	white-space: nowrap;
	display: flex;
	right: 100px;
	float: left;
}



.col-sm-12.username+.col-sm-12.text-center button {
	background-color: #000000 !important;
	color: #fff !important;
}


/* .login-wrap li p{
    top: -18px;
    position: absolute;
} */


.forgetpassss {

	cursor: pointer;
	color: #c9c9c9 !important;
	width: 100%;
	text-align: end;
	margin-top: 10px;
	float: left;
	position: absolute;
	top: 25px;
	right: 7px;
	font-size: 12px;
}



.forgettext {
	color: #000;
}


.forgetInfopass {
	padding: 30px 15px;
	background-color: var(--bg-table-header);
	display: flex;
	flex-direction: column;
	border-radius: 5px !important;
	width: 500px;
}


.forgetInfopass .col-sm-5.pl-0,
.forgetInfopass .col-sm-7.pr-0 {
	padding: 0 !important;
}


.forgetInfopass .col-sm-5.pl-0 {
	width: 120px;
	margin-right: 30px;
}


.forgetInfopass .col-sm-7.pr-0 {
	width: 314px !important;
}

.forgetInfopass .col-sm-7.pr-0 input {
	width: 100% !important;
}


.forgetInfopass input,
.forgetInfopass select {

	height: 50px !important;
	background-color: transparent !important;
	border: none !important;
	border-bottom: 1px solid var(--text-body) !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	font-size: 14px !important;

}

.forgetInfopass button.btn.btn-primary.ripple {
	width: 100% !important;
	background-color: #212121;
	padding: 20px 30px;
	color: #fff;
	border-radius: 8px;
	margin-top: 20px !important;
	float: left;
	font-size: 18px;
	margin-bottom: 0;
}

.forgetPassHeadin {
	background: none !important
}


.forgetPassHeadin * {
	white-space: pre;
	font-size: 22px !important;
	padding: 0;
	margin: 0;
}

.forgetPassHeadin h2 {
	font-size: 26px !important;
	font-weight: 700;
	margin: 0 0 30px;
	color: var(--text-table-header);
}

.forgetPassHeadin h2 { white-space: normal; }

.forgetPassHeadin::placeholder {
	font-size: 18px !important;
	color: #000000;
}


.classOtp {
	width: 100% !important;
	margin-top: 70px !important;
}

.icon-login.forgetPassHeadin {
	text-align: left;
	width: 100%;
}

.formmconform {
	display: flex;
	flex-direction: column;
	width: 100%;

}

.conformpppp {
	width: 100% !important;

}


/* .forget-password.text-center{
 margin-top: 0px !important;
} */

.chngpps {
	position: relative !important;
}

.chngpps .toggelPass {
	top: 20px !important;
	right: 19px !important;
	position: absolute;
}

/*************************  Durgesh End ************************/


.forGotText {
	position: absolute;
	bottom: -11px;
	right: 0;
	font-size: 11px;
	color: #fff;
	cursor: pointer;
}

.forGotText:hover {
	color: #fff;
	text-decoration: underline;
}

.logind3 .form-group {
	position: relative;
}

.logind3 .form-group app-validation-message {
	position: absolute;
	left: 0;
	bottom: -8px;
}

.p-b-10 {
	padding-bottom: 10px;
}

.forget-password button.btn-login {
	width: 100%;
	padding: 10px 0;
	border-radius: 4px;
	font-size: 14px;
	border: none;
	text-align: center;
	height: 56px;
	color: #fff;
	background-color: var(--btn-primary);
	border-color: var(--btn-primary);
}

.forgetInfopass .close {
	color: #fff !important;
	font-size: 38px !important;
	opacity: 0.8;
	margin: -15px 0 0;
}

app-player-signup .singpopup .form-group button.apl-btn.apl-btn-large.btn-login {
	width: 100%;
	padding: 10px 0;
	border-radius: 4px;
	font-size: 14px;
	border: none;
	text-align: center;
	height: 56px;
	color: #fff;
	background-color: var(--btn-primary) !important;
	border-color: var(--btn-primary);
}

.ewallet-box {
	background-color: var(--text-fancy);
	border: 1px solid var(--text-fancy);
	padding: 3px 8.5px;
	color: var(--text-black);
	font-size: 12px;
	font-weight: bold;
	color: #000;
	border-radius: 5px;
	margin-right: 10px;
}

app-balance-overview .table.table-bordered thead {
	background: var(--bg-table-header) !important;
}

.radiotext input {
	padding: 0 !important;
}

.activeee input[type=radio] {
	padding: 0 !important;
	box-shadow: inset 0 0 0 2px #fff;
}

.stepper .tabform {
	padding: 0 !important;
}

@media(max-width:767px) {
	.singpopup {
		width: 100% !important;
	}

	.forgetInfopass {
		width: 100%;
	}

	.forgetPassHeadin h2 {
		font-size: 20px !important;
	}

	.forgetInfopass .form-group .form-group {
		display: flex;
		justify-content: space-between;
	}

	.ewallet-box {
		padding: 0 3px;
		font-size: 10px;
	}

	.cardandtit li img {
		width: 26px !important;
	}

	.balheader {
		font-size: 12px;
	}

}

.stepper .nav-tabs>li {
	color: #000;
}

.tabbcontss {
	color: #000;
}

.daterangepicker {
	background-color: #ffffff;
}


.slider::-webkit-slider-thumb {
	background: #333 !important;
	appearance: none;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}


.tab-content.col-md-12.tabform .validation-message {
	font-size: 10px;
}

/* ====== DEPOSIT CSS START  ====== */

.deposit-listing .list-group-item .fa.fa-copy {
	cursor: pointer;
}

.container-livescore.casino nav.page-navigation {
	position: relative;
	z-index: 1;
}

.filters.depositRow span.rolling-text {
	margin-bottom: 0px !important;
	color: #000000;
}

.filefile:before {
	top: 2px !important;
}

.filefile input {
	width: 60% !important;
}

.rules-text-style ol li {
	margin-bottom: 8px;
}

.rules-text-style ol {
	padding: 0;
}

header {
	z-index: 9999;
}

app-balance-overview .bankNamein {
	height: 50px !important;
	padding: 0 5px !important;
}

app-balance-overview .nav.nav-tabs.manualinstant {
	padding: 0 0 0 58px !important;
}

app-balance-overview .filters.depositRow span.rolling-text {
	padding-left: 60px !important;
}

app-balance-overview .table-responsive .table-bordered {
	margin: 0 0 5px !important;
}

.footerInfo {
	display: none !important;
}

footer {
	padding: 30px 0 !important;
}

footer .container {
	width: 100%;
}

@media (max-width:1499px) {
	app-balance-overview .allcontaiber {
		width: 68% !important;
	}
}

@media(max-width:1366px) {
	app-balance-overview .nav.nav-tabs.manualinstant {
		padding: 0 0 0 40px !important;
	}
	app-balance-overview .filters.depositRow span.rolling-text {padding-left: 50px !important;}
	app-balance-overview .filters.depositRow .bank-detai { padding-left: 0; }
	

}

@media (max-width:1299px) {
	app-balance-overview .allcontaiber {
		width: 62% !important;
	}
}

@media(max-width:767px) {
	.filters.depositRow span.rolling-text {
		padding-left: 20px;
	}
	app-balance-overview .filters.depositRow span.rolling-text {padding-left: 20px !important;}
	.bank-detail {font-size: 17px !important;	}
	app-balance-overview .allcontaiber {
		width: 100% !important;
	}

	app-balance-overview .amoutvalue li {
		margin-right: 5px !important;
	}

	app-balance-overview .filters.depositRow span.rolling-text {
		padding-left: 18px;
	}

	.daterangepicker {
		height: 260px;
		overflow: auto;
		background: #fff;
	}
}

@media(max-width:400px) {
	.allcontaiber {
		min-width: auto !important;
	}

	.depositRow .newnav-pills li a img {
		height: 14px !important;
	}

	.depositRow .newnav-pills li a {
		padding: 6px 4px !important;
	}
}

@media(min-width:320px) and (max-width:374px) {
	.logo {
		height: 30px;
	}
}




/* ====== DEPOSIT CSS END  ====== */
.filters .date-btn-main div,
.filters .date-btn-main,
#dateRange {
	background: none !important;
}

.search-box .fas.fa-solid.fa-bars {
	z-index: 11;
}

.formmconform input#otp {
	margin-top: auto !important;
}

.or-text {
	font-size: 15px;
	display: block;
	text-align: center;
	font-weight: bold;
	/* border-bottom: 1px solid #535353; */
	margin-bottom: 6px;
	padding-bottom: 4px;
	position: relative;
	z-index: 1;
	padding: 1px 7px;
	color: #ffff
	
	}
	
	.or-text::after {
	  position: absolute; width: 44%; height: 1px; content: "";  left: 0; background: linear-gradient(45deg,transparent,#fff);  top: 50%;
	}
	
	.or-text::before {
	  position: absolute;  width: 44%;  height: 1px;  content: ""; right: 0; background: linear-gradient(45deg,#fff,transparent);  top: 50%;
	}
	
	.signUpNew_icons img {
	  height: 55px;
	  width: 55px;
	  margin: 0 4px;
	}



@media(max-width:480px) {

	.document_button .btnpdf,
	button.btn-transparent.btnexc {
		padding: 0 3px;
	}
	.singpopup button.btn.btn-primary.otpBtn {font-size: 16px;}
	/* .box-text.resendotp p{padding-right: 0 !important; width: 100% !important;} */
}


.qr-code-title {
	font-size: 18px;
	text-transform: uppercase;
	color: #0a365b;
	border-bottom: solid 1px #ccc !important;
	font-weight: 600;
	padding-bottom: 14px;
}

.qr-code li button:hover {
	background: #ec971f;
}

ul.qr-code li .accountName {
	background: #011931;
	color: #fff;
	padding: 14px 12px;
	border-radius: 4px;
	margin: 10px 0px 16px;
	text-transform: uppercase;
}

ul.qr-code li > .scan-code {
	width: 210px;;   
}

ul.qr-code li>button {
	background: #fbd502;
	border: 0;
	padding: 14px 10px;
	width: 100%;
	color: #000;
	border-radius: 4px;
	font-weight: bold;
}

.qr-code {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 30px 0px 20px;
}

ul.qr-code li {
	flex-basis: 100%;
}

ul.qr-code li label {
	font-size: 14px;
}

ul.qr-code li label,
span.accountName {
	display: block;
	font-weight: 400;
}

ul.qr-code li label { display: none; }

@media(max-width:767px) {
	ul.qr-code li {
		flex-basis: 100%;
	}

	ul.qr-code li:last-child {
		padding: 25px 0 0 0;
	}

	ul.qr-code {
		flex-wrap: wrap;
		margin-bottom: 20px;
	}

	.transction-modal {
		padding: 0 10px !important;
	}
}

/* ====== SCAN CODE CSS END =======  */
/* .transction-modal .modal-content .modal-header {
	border-bottom: 1px solid #ddd;
}

.transction-modal .footer-modal {
	border-top: 1px solid #ddd;
}

.transction-modal .modal-content {
	background: #fff;
} */

/* button.view_bet {
	background: var(--text-fancy) !important;
} */
.transction-modal .footer-modal {justify-content: flex-end !important;gap: 10px;}
.transction-modal .modal-content p {color:var(--text-body) !important;}

@media(max-width:400px) {
	.icon-login.forgetPassHeadin .forgetInfopass .col-sm-5.pl-0 {
		width: 180px;
		margin-right: 30px;
	}

	.forgetInfopass .col-sm-5.pl-0 .countryCode {
		padding-left: 0px;
		padding-right: 0;
	}
}



.signUpNew_whattsUp {
	margin: 10px 0;
}

.signUpNew_whattsUp_title {
	margin: 0 10%;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	line-height: 23px;
}



	.signUpNew_icons {
		display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: #fff;
    margin-top: 15px;
    font-size: 11px;
    line-height: initial;
    text-align: left;
	}

div#login___BV_modal_body_ {
    max-height: 100% !important;
}
 #login___BV_modal_content_ input:autofill, #login___BV_modal_content_ input[selected], input:-internal-autofill-selected {
    -webkit-text-fill-color: #fff !important;   -webkit-box-shadow: 0 0 0 30px #3c444b inset !important;  box-shadow: none;
} 
.signUpNew_whattsUp_button-icon {
    position: absolute;
    left: 0;
}
.signUpNew_whattsUp_button-number i.fa {font-size: 24px !important;}
.signUpNew_whattsUp_button {
    padding-top: 0 !important;
    background: #009834 !important;
    margin-top: 10px;     border-radius: 6px;
}
.signUpNew_whattsUp_button .signUpNew_whattsUp_button-number { padding: 15px 0px !important;}

.signUpNew_whattsUp_button-number {
	font-weight: 600;
    font-size: 16px;
    color: #fff !important;
}

.signUpNew_whattsUp_button-icon {
	font-size: 32px;
	color: #fff;
	padding-left: 15px;
}

.blinking {
	animation: blink 1s infinite !important;
}

@media(max-width:767px){
	.or-text::before, .or-text::after {
		top: auto;
		bottom: 10px;
	}

	.maindrop {
		top: 32px !important;}
}

@media only screen and (min-width: 1300px) and (max-width: 50000px){
	.sportsbookOpen header.header::after {
		position: absolute;left: -220px;background: var(--bg-body);width: 220px;height: 101.5%;
		content: "";top: 0;
	}

}


@media(max-width:1366px){
	.logind3 input, .logind3 .btn.btn-primary.btn-block, .singpopup .downline-form .form-control {
		height: 35px !important;
	}
	.downline-form.otpMainWrap .btn-primary.otpBtn {padding: 10px 0px;}
	.signUpNew_whattsUp_button-number i.fa {font-size: 18px !important;}
	.logind3 .form-group {
		margin-bottom: 8px;
	}
	.singpopup .ptext {
		font-size: 13px;
	}
	.or-text {
		margin-bottom: 6px;
	}
	app-player-signup .singpopup .form-group button.apl-btn.apl-btn-large.btn-login {
		padding: 7px 0;
		height: 38px;
	}
	.signUpNew_whattsUp_button-number {
	
		font-size: 14px;
		
	}
	.signUpNew_whattsUp_button {
		/* height: 36px; */border-radius: 4px;margin-bottom: 10px;
	}
	.signUpNew_whattsUp_button .signUpNew_whattsUp_button-number {
		padding: 10px 0px !important;font-size: 14px !important; border-radius: 6px;
	}
	.signUpNew_whattsUp_button .signUpNew_whattsUp_button-icon {
		font-size: 26px;
	}
	.singpopup .downline-heading img {
		height: 58px;
	}
	.singpopup .modal-content {
		padding: 25px 0 8px;
		
	}
	.signUpNew_whattsUp {
		margin: 0px 0 5px;
	}
	.singpopup .downline-form .col-sm-12.username .toggelPass {
		top: 14px !important;
	}
	.signUpNew_whattsUp_title {
		font-size: 14px;
	}
}
@media(max-width:767px){
	.singpopup .downline-form .col-sm-12.username .toggelPass {
		top: 14px !important;
	}
	.singpopup .downline-form .col-sm-12.username .toggelPass {
		position: relative;
		top: -25px !important; right: 15px !important;
	}
	.signUpNew_whattsUp_title {
		font-size: 12px;
	}
	app-d2-footer footer .paymentRow .paymentList img {
		margin: 15px 10px 0px 0;	
	}
}






.maindrop{
    width: 56px;
    position: absolute;
    z-index: 99;
    top: 32px;
    right: 0;
    margin: 0 !important;
    padding: 0;
  }

  .btn.btn-secondary.dropdown-toggle.dropdownaaa{
	background: transparent;
    border: none;
    height: 34px;
    margin: 0; 
    color: #fff;
}

.btn.btn-secondary.dropdown-toggle.dropdownaaa:hover{
    color: #fff !important;
}
.btn.btn-secondary.dropdown-toggle.dropdownaaa:active{
    box-shadow: none;
}
 


  .dropdownlogion{
	top: -10px;
    padding: 0;
    margin: 0;
    border: solid 1px #000000;
    background-color: #22262a;
    box-shadow: none;
	width: 200px;
  }
  .dropdownlogion a{
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #ffffff;
  }

  .dropdownlogion a i{
	font-size: 16px;
	width: 22px;
	text-align: left;
  }
  .dropdownlogion a i.fa.fa-mobile{
    font-size: 17px;
  }
  

  .dropdownlogion a:nth-child(1){
	border-bottom: solid 1px #000000;
  }
@media(max-width:400px){
	.signUpNew_icons img {
		height: 40px;
		width: 40px;
		margin: 0 4px;
	}
	.signUpNew_icons {
		font-size: 9px;
	}
}

ul.list-group.deposit-listing h5 {
    padding-bottom: 0px !important;
    margin-bottom: 0px;
}
app-balance-overview .usercontan .col-md-12 .inputbos {
    padding-left: 20px !important;
}

@media(max-width:992px){
	.depositRow ul.nav.nav-pills.newnav-pills.marchnet li a {padding: 21px 15px !important;}
	.depositRow ul.nav.nav-pills.newnav-pills.marchnet li a img {
		height: 28px !important;
	}
	.depositRow ul.nav.nav-pills.newnav-pills.marchnet {
		margin-bottom: 7px !important; overflow-x: auto;
	}
	
}
@media(max-width:600px){
	app-d2-footer footer .paymentRow .paymentList img {
		height: 23px !important;    margin: 3px 4px 20px 0;
	}
	footer .paymentRow {
		margin-bottom: 20px !important;
	}
	
	
}

@media(max-width:400px){
	app-d2-footer footer .paymentRow .paymentList img {
		height: 21px !important;    margin: 3px 4px 20px 0;
	}
	.container-main-profit-loss .games-section .games-text a {
		padding: 10px 12px !important;
	}
	
}

@media(max-width:767px){
	.mobilevv {padding-top: 15px !important;font-size: 13px;text-align: center;}
	.ngx-datatable .datatable-footer .datatable-footer-inner {display: block !important; text-align: center;  font-size: 13px;  height: auto !important;}
	.singpopup .username, .clear-both-div {
		clear: both;
	}
}


@media(min-width:1301px) and (max-width:1440px){
	footer .paymentRow .patmentLogo img{
		height: 24px !important;
	}
	footer span.resLogo img {
		height: 35px !important;
	}
	.fixure-box {margin-right: 10px;padding:8px 5px 5px 0px;font-size: 14px;}
}

@media(min-width:1024px) and (max-width:1300px){
	footer.footer .footer-menu ul li {
		width: auto !important; padding: 0px 28px !important;
	}
}

@media(min-width:992px) and (max-width:1600px){
	.user-dropdown a {
		margin: 4px 0px;padding: 4px 0px 0px 16px;font-size: 13px;
	}
}
.change-password-box span.toggelPass.fa.fa-fw.fa-eye {
    bottom: 30px !important;
}

@media(max-width:370px){
	.filters.depositRow ul.nav.nav-tabs.amoutvalue {
		white-space: nowrap !important;display: flex;	overflow-x: auto;overflow-y: hidden;
	}
	.apk_Application {margin: 4px 5px 0px 0px;}
	.header-right button.a-wallet.ewallet-box {
        margin-right: 3px;
    }
	.apk_Application.isLoginUser a img{width: 19.5px;}
	.apk_Application.isLoginUser {margin: 4px 1px 0px 0px;}
}

/* ====== PAGINATION CSS START  ====== */
.datatable-pager .pager {
    float: right;  margin: 12px 0px;
}
.datatable-pager .pager li a {
    color: #fff;
}
.datatable-pager .datatable-icon-right:before {
    content: ">" !important;
}
.datatable-pager .datatable-icon-skip:before {
    content: ">>" !important;
}
.datatable-pager .datatable-icon-left:before {
    content: "<" !important;
}
.datatable-pager .datatable-icon-prev:before {
    content: "<<" !important;
}

@media(max-width:767px){
	.datatable-pager .pager li a {
		color: #fff; font-size: 14px;
	}
	.datatable-pager .pager {
		margin: 0px auto;  text-align: center !important;  float: none;
	}
	ul.list-group.deposit-listing .list-group-item h5 {
		font-size: 14px;
	}
	.transction-modal .footer-modal .close-btn, .transction-modal .footer-modal .view_bet{
		padding: 8px 12px !important;
    font-size: 12px !important;
	}
	.transction-modal .footer-modal{padding: 12px 8px !important;}
	
}
/* ====== PAGINATION CSS END  ====== */

ul.nav.nav-pills.newnav-pills.marchnet::-webkit-scrollbar {
    height: 3px;
}

ul.nav.nav-pills.newnav-pills.marchnet::-webkit-scrollbar-thumb{
background: #c5c4c4; }

ul.nav.nav-pills.newnav-pills.marchnet::-webkit-scrollbar-track{background: none;} 
.container-main-history.usercontan ngx-datatable a strong img {
    filter: invert(1);
    opacity: .5;
}
.cashout-button {
	font-size: 10px !important; padding: 2px 7px !important;
}

@media(min-width:1367px){
	.btn.btn-secondary.dropdown-toggle.dropdownaaa{
		margin-top: 8px;
	}
	app-login.logind3 div#login___BV_modal_body_ span.toggelPass.fa {
		margin-top: 0px !important;
	}
}
.cashout-button {
    background: var(--text-fancy) !important;
    border: 0px;
    border-radius: 4px;
    color: #000 !important;
    font-weight: 600;
    font-size: 12px;
    padding: 2px 9px;
    margin-left: 2px; cursor: pointer;
}
.cashout-button[disabled] {
    opacity: 0.5 !important;
    cursor: no-drop !important;
}

@media(min-width:1280px) and (max-width:1365px){
	span.minmax.d-none-desktop {
		margin-left: 6px;
	}
}
.notificationCol .viewAll{ background: var(--text-fancy)!important;}

@media (max-width:767px){
	.notificationCol{ position: relative; display: block !important;}
}


@media(max-width:767px){
    .notificationCol .dropdown-menu{ position: fixed;
		top: 54px;
		width: 100% !important;
		right: 0 !important;
		left: 0 !important;
	} 
}





:root{
    --eventbg: var(--bg-table-header);
    --red-color: #d2145a;
    --light-greey: #eeeeee;
    --light-green: #39b14a;
    --text-red: #d03231;
	--main-color: #0a365b;
	--maindark: #fdcf13;
	--side-bg : ;
	--main-color-white :  #fff;
	--navText: var(--text-fancy);
}

/* ====== PLAYER EVENTS START ======= */

.events-header-bg { background: var(--side-bg); width: 100%; float: left; position: absolute; min-height: 360px;}
.card-container {margin: 0 auto; position: relative; z-index: 1; width: 1000px;  padding-top: 140px;}
.evetn-main-wrapper .card-box {background-color: #fff; overflow: hidden; border-radius: 10px; box-shadow: 0 0 20px 6px #0000001f; padding: 20px; height: calc(100vh - 190px);}
.evetns-tab ul { display: flex;}
.evetns-tab ul li { flex-grow: 1; margin: 0px 10px;}
.evetns-tab .tab-button.active{pointer-events: none}
.evetns-tab .tab-button.active, .evetns-tab .tab-button:hover {background: var(--eventbg);  color: var(--main-color-white);}
.evetns-tab .tab-button {border: 0px; background: var(--light-greey); padding: 18px 20px; border-radius: 4px; font-weight: bold; color:#08365b; font-size: 16px;
  text-align: left; display: flex; align-items: center; justify-content: space-between; width: 100%;
}

button.back-button {
    border: 0px;  margin-right: 15px; color: #fff;  background: transparent;
}
.contextTab > ul.match-listing {   justify-content: space-around;}
.evetns-tab .tab-button.active i.fa, .evetns-tab .tab-button:hover i.fa { color: var(--maindark);}
ul.match-listing {display: flex; flex-wrap: wrap;}
.match-listing .match_box { position: relative;}
.single-card ul.match-listing > li.match_box, .gusses_wrap li.match_box, .contextTab ul.match-listing ul.input-listing li {cursor: default;}
ul.match-listing .match_box .img-fluid { width: 100%; height: auto !important;}
ul.match-listing { display: flex; flex-wrap: wrap;}
ul.match-listing li { width: 48%; margin: 0px 1%;   overflow: hidden; cursor: pointer; margin-bottom: 20px;}
ul.match-listing .match_box .img-fluid, ul.match-listing li{border-radius:10px;}
.match-listing .match_box h5 {background: var(--red-color); text-align: center; color: #fff; font-size: 14px; padding: 3px 0px; text-transform: uppercase; font-weight: 800 !important;}
.match-listing .match_box p { background: var(--eventbg) !important; color: var(--main-color-white); padding: 2px 20px;
  font-size: 14px; text-align: center;  line-height: 18px; display: flex; justify-content: center; align-items: center; height: 36px;
}
.match-listing .match_box .match-overlay {
    position: absolute; left: 0; height: 42%; display: flex; justify-content: center; align-items: flex-end;
    width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 46%);
    bottom: 50px;  padding-bottom: 14px !important;  color: #fff !important;    border: 0 !important;   margin: 0 !important;
}
.match-listing-wrapper.single-card h4.match-overlay {
    bottom: 0;
}
.match-listing .match_box  .match-overlay span {
    color: #ff0000 !important;  padding: 0 2px !important;
}
.match-listing .match_box p, .match-listing .match_box h5 { font-weight: bold; margin: 0;}
.match-listing .match_box .image-caption { position: absolute; bottom: 0;  width: 100%;}
/* ====== SINGLE CARD CSS ====== */
.match-listing-wrapper.single-card ul.match-listing { justify-content: space-evenly;}
.match-listing-wrapper.single-card ul.match-listing .highest-score {margin: 7px 0px 7px;   border-radius: 6px;   border-bottom: 4px solid var(--maindark);}
.match-listing-wrapper .inner-card {border-radius: 6px; background: #fff; box-shadow:0 0 6px 4px #0000001f;  margin: 9px 6px; overflow: hidden;}
.evetns-tab .tab-button .fa-exchange { transform: rotate(90deg);}
.match-listing-wrapper.single-card ul.match-listing .input-listing li:last-child { border: 0;}
ul.match-listing .input-listing li { width: 100%; padding: 10px 10px 10px 15px;  display: flex; justify-content: space-between; align-items: flex-start; font-weight: bold; text-transform: uppercase; font-size: 18px; background: #fff;  margin-bottom: 6px; color: var(--eventbg);}
ul.match-listing .input-listing li .text-center{ width: 100%; text-align: center;}
/* ul.match-listing .input-listing li { width: 100%; font-weight: bold; display: flex; justify-content: space-between; height: 60px; font-size: 18px; background: #fff;  margin-bottom: 6px;} */
ul.match-listing .input-listing li input[type='radio']{width: 18px!important; height: 18px!important; position: relative; }
ul.match-listing .input-listing li input[type='radio']::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 18px!important; height: 18px!important; border-radius: 50%;
    transform: scale(0); box-shadow: 0 0 0 2px var(--maindark); border: 4px solid #fff; background:var(--maindark);}
ul.match-listing .input-listing li input[type='radio']:checked::before {transform: scale(1); display: block;}
/* ul.match-listing .input-listing li .radioStyle{  accent-color:var(--navText)}  */
.gusses_wrap ul.input-listing li {   color: var(--eventbg) !important;  box-shadow: none;  margin: 0; border-radius: 0px;}
.gusses_wrap h6 { text-align: center; font-weight: bold !important; font-size: 19px; color: var(--eventbg) !important;  padding: 4px 0px 0;}
.contextTab h4 {  color: var(--eventbg) !important; border: 0px !important;  padding: 25px 0px !important; }
.single-card ul.match-listing .input-listing li.active input{ background: var(--navText); border: 2px solid var(--eventbg);}
.match-listing-wrapper.single-card .input-listing li label {display: flex; align-items: center; justify-content: space-between; color: var(--eventbg) !important; font-weight: bold; font-size: 14px; text-transform: uppercase;  margin: 0px;}
.single-card picture {position: relative; height: 120px; overflow: hidden; display: block;  margin: 0 6px;}
.match-listing-wrapper.single-card ul.match-listing .img-fluid {top: 0; position: absolute;  max-width: 100%; height: auto!important;  width: 100%;}

.match-listing-wrapper.single-card .radio-btn {width: 16px; height: 16px;  border-radius: 50%;}
.single-card ul.input-listing { padding: 20px 20px 10px 20px;}
.single-card .prize { border-radius: 0px 0px 6px 6px;}
.match-listing-wrapper .submit {/* maindark background: var(--navText);  */  background: var(--maindark);  width: 59%; color: #000;}
.match-listing-wrapper .btn {text-transform: uppercase; font-weight: bold; font-size: 16px; padding: 3px 25px !important;border-radius: 30px; margin: 0px 0 20px 16px;}
.single-card figure, .single-card .highest-score { margin-left: 6px !important;  margin-right: 6px !important;}
.match-listing-wrapper .cancel {background: var( --eventbg); color: #fff;   width: 30%;}
.single-card .match_box figure { height: 120px;  overflow: hidden;}
.single-card figure > .img-fluid { max-height: 100%; border-radius: 8px 8px 0px 0px !important;}
.gusses_wrap h4 { min-height: 120px; display: flex; align-items: center; flex-direction: column; justify-content: center; font-weight: bold; color: var(--light-green); margin: 0;  border-bottom: 25px solid var(--light-green);  padding: 14px 10px 14px;  font-size: 18px;}
.gusses_wrap li.match_box { padding-top: 0px; box-shadow: 0 7px 20px 0 #0000001f; margin-top: 20px;}
.gusses_wrap h4 strong { display: block; font-size: 42px;}
.gusses_wrap .lost h4 { color: var(--text-red); border-color: var(--text-red);}
.contextTab h4 strong {color: var( --red-color);}
.image_wrap{position: relative;}
/* ====== SINGLE CARD CSS END ====== */
.match-listing-wrapper.gusses_wrap img.img-fluid { border-radius: 8px 8px 0 0!important; }
.gusses_wrap li > p { border-bottom: 4px solid var(--maindark);}
.match-listing-wrapper > ul.match-listing {  overflow-y: auto; margin-top: 20px; height: calc(100vh - 300px);}
/* ul.match-listing .input-listing {   overflow-y: auto;   max-height: 340px;   overflow-x: hidden;} */
.gusses_wrap li.match_box { margin-top: 0;  align-self: flex-start}
.match-listing-wrapper.gusses_wrap > ul.match-listing {justify-content: space-around;}
.no_event {text-align: center;  font-weight: bold;  font-size: 28px;  margin: 10% 0 0; color: #000; padding: 0px 15px;}
.contextTab .image-caption p, .gusses_wrap  .image-caption p {  border-bottom: 4px solid var(--maindark);}
.red-box { display: flex; justify-content: space-between; border-radius: 0 0 10px 10px; padding: 6px 10px 11px; background: #d2145a;}
.red-box h6 {  font-size: 15px; color: #fff !important;   margin: 7px 0 0 !important;   font-weight: 600 !important;   padding: 0px !important;   text-align: left;
}
.match_box .red-box h6 i.fa.fa-inr {
    margin-right: 4px; font-size: 14px;
}
.gusses_wrap ul.input-listing li .bg-yellow {
    background: var(--maindark);
    padding: 10px 0px;
    border-radius: 4px;
}
.gusses_wrap h4 strong i.fa.fa-inr {
    font-size: 38px; margin-right: 2px;
}
.totalRow{ text-align: center;}
.totalRow span{ margin:0 2px 20px!important; border-radius: 3px; background: var(--eventbg); padding: 8px 20px!important; display: inline-block; font-size: 14px; color: #fff!important;}


.contextTab .red-box {  margin-top: -6px;}
.logo_image a{ width: 170px; display:flex; align-items: center; height: 40px;}
.logo_image a img{max-width: 100%; max-height: 100%; }
.logoo{ height: auto !important;}
.dynamic-player-select ul.player-card-list h6 {
    margin-top: 0px;
}
/* ===== MEDIA QUERY CSS ====== */

@media(max-width:1680px){
	.header-top ul li {margin: 0 14px; padding: 0 14px;}
	.tamil .header-top ul li {margin: 0 8px; padding: 0 8px;}
}

@media(max-width:1600px){
    .evetns-tab .tab-button {  padding: 14px 20px; }
    ul.match-listing .input-listing li {padding: 10px;}
    .gusses_wrap h6 {  font-size: 16px; }
    .evetn-main-wrapper .card-box {  height: calc(100vh - 130px);} 
    app-d2-casino-header div[header] div[headerBg] nav.navbar .container-fluid.navmain .sport nav ul li {
        font-size: 14px; margin: 0 12px !important;
    }
    .start-evetns .shadow-box > .display-flex.text-center { padding: 10px 0px 18px; }
	.events-card-main .left-side .text-container .flex-items h6 {
		font-size: 12px !important; padding: 9px 10px 0 !important;
	}
	.kannada .header-top ul li a{font-size: 13px;}
	.kannada .header-top ul li{margin: 0 12px;  padding: 0 12px;}
	
}

@media(max-width:1400px){
    /* .card-container { padding-top: 35px; } */
    .evetns-tab .tab-button { padding: 10px 20px; }
    .match-listing-wrapper > ul.match-listing {margin-top: 16px; }
    ul.match-listing .input-listing li { padding: 6px; font-size: 16px;}
    .match-listing-wrapper.single-card ul.match-listing .input-listing li {font-size: 14px;  margin-bottom: 2px;}
    .match-listing-wrapper .btn { font-size: 14px;     padding: 2px 25px !important; }
    .gusses_wrap h4 {padding: 16px 10px 12px;   font-size: 16px; }
    .gusses_wrap h4 strong {font-size: 28px; }
    .contextTab h4 { padding: 16px 0px !important;    }
    .match-listing-wrapper .btn {margin: 0px 0 12px 16px;}
    .match-listing .match_box .match-overlay { bottom: 38px;}
    .gusses_wrap h4 strong i.fa.fa-inr {
        font-size: 28px;
    }

    .left-side.start-evetns ul.player-card-list p {
        font-size: 12px !important;
    }
    .events-card-main .left-side .text-container .flex-items h6 {
        font-size: 13px !important;  padding: 9px 8px 0 !important;
    }
	.tamil .header-top ul li a, .telugu  .header-top ul li a {font-size: 12px;}
	.tamil .header-top ul li {margin: 0 8px;  padding: 0 8px;}
	
}


@media(max-width:1367px){
    app-d2-casino-header div[header] div[headerBg] nav.navbar .container-fluid.navmain .sport nav ul li {font-size: 13px; margin: 0 13px !important; }
    .start-evetns .shadow-box > .display-flex.text-center {
        padding: 8px 0px 18px !important;
    }
	.tamil .header-top ul li a {font-size: 11.5px;}
	.header-top ul li {margin: 0 13px;   padding: 0 13px;}
	.tamil .header-top ul li {margin: 0 7px; padding: 0 7px;}
    
}


@media(max-width:1024px){ 
  .card-container { width: 950px;}
}
@media(max-width:992px){
  .card-container { width: 720px;}
  .match-listing .match_box p {padding: 2px 12px;}
  .match-listing-wrapper .submit { width: 52%;}
  .match-listing-wrapper .cancel { width: 35%;}
  .main-downlinelisting-container.container-bg.form-label-styling .downline-form {padding: 20px 16px;}
}
@media(max-width:767px){
  .evetn-main-wrapper .events-header-bg { display: none;}
.no_event {font-size: 22px; padding: 0px 15px;}
  ul.match-listing li {width: 100%; padding-top: 12px;}
  .match-listing .match_box p {font-size: 14px;  line-height: 18px;}
  .card-container {max-width: 100%;}

  .match-listing .match_box h5 { font-size: 11px;}

  .evetn-main-wrapper .card-box {box-shadow: none; border-radius: 0px; padding: 10px 10px; height: auto !important;}
  .evetns-tab ul li {flex-grow: 1; margin: 0px 3px;}
  
  .match-listing-wrapper.single-card .input-listing li label { font-size: 14px;}
  .match-listing-wrapper.single-card ul.match-listing .input-listing li {padding: 8px 10px;   font-size: 14px;}
  .match-listing-wrapper .btn {font-size: 14px; padding: 4px 13px !important;}
  .gusses_wrap h4 {font-size: 16px; border-width: 15px;}
  .gusses_wrap h4 strong {font-size: 36px;}
  .contextTab h4 {padding: 16px 0px !important;}
  .match-listing-wrapper > ul.match-listing {max-height: auto !important;}
  ul.match-listing .match_box .img-fluid {height: auto !important;}
  .evetns-tab ul li i.fa {font-size: 10px !important;}
  app-sidebar-profile .admin{ top:95px}
  .container-main-balance{ width: 100%; margin: 0;}
  app-admin-signup-code .container-main-balance{ position: relative; top:120px}
  .completer-dropdown { max-height: 230px !important;  overflow-y: auto !important;   overflow-x: hidden !important;}


  .match-listing-wrapper > ul.match-listing {
    height: calc(100vh - 170px) !important;
}
 
}

.wrapper_dashboardrisk .maincardss {
    margin-top: 40px;
}



/* ====== PLAYERs EVENTS END ======= */    
    .validation-message {
        font-size: 11px!important;  color: red !important;
    }    
.livescro img{ height: auto;}

app-fantasy-gamelist .imagwitex img{ height: auto; border-radius: 10px;}


/* =========== PLAYER BATTLE CSS START =========== */
.events-card-main .container-main {
    padding: 20px 20px;
}
.evetn-main-wrapper.events-card-main .evetns-tab li {
    margin: 0 15px 0 0px;   flex-grow: inherit;
}
.evetn-main-wrapper.events-card-main .evetns-tab .tab-button {
    width: 180px; padding: 16px 14px;
}
.event-box {
    background: var(--eventbg);border-bottom: 7px solid var(--navText); margin-top: 10px;  height: 60px; border-radius: 4px;
    color: var(--navText);  display: flex;  align-items: center; padding: 0 20px;   font-size: 22px;  font-weight: bold;
    display: flex;
    justify-content: space-between;
}
.small-card-box h5 {
    color: #b1b1b1;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    padding: 8px 0 0px 14px;
}
.status-box.status-red {
    background: #f9ab1b;
}
.status-box {
    background: #0a8830;
    opacity: 1;
    color: #fff;
    display: inline-block;
    padding: 10px 12px 9px 5px;
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 2;
    font-weight: 400;
    font-size: 12px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 100px;
    text-align: center;
}
span.status-box.status-red::after {
    border-top: 13px solid #b87d10;
    border-right: 9px solid transparent;
}
.status-box::after {
    position: absolute;
    width: 0 !important;
    height: 0;
    content: "";
    bottom: -12px;
    right: 1px !important;
    border-top: 13px solid #086825;
    border-right: 9px solid transparent;
    z-index: 1;
    width: 130px;
}

.small-card-box h5.text-center {
    text-align: center;
}
.left-side.start-evetns .flex-container-box .fixed-logo > img {
    width: auto;   height: 110px;
}
.left-side.start-evetns .shadow-box {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    border-radius: 16px 16px 0 0; margin-top: 14px;
    background: #fff; color: #000;
}
.left-side.start-evetns .flex-container-box .fixed-logo:last-child {
    text-align: right;
}.small-card-box img {
    height: 100% !important;
}
.left-side.start-evetns.w-100{
    width: 100%;
}


.left-side.start-evetns .flex-container-box .fixed-logo {
    height: auto;
}
.left-side.start-evetns .flex-container-box {
    border-radius: 16px 16px 0 0; 
    box-shadow: none;
}
.left-side.start-evetns .display-flex {
    margin: 0;  border-radius: 0;  box-shadow: none;  background: #fff;  padding: 0 50px 10px;
}
.left-side.start-evetns .display-flex p:last-child {
    text-align: right;
}
.left-side.start-evetns .display-flex p {
    font-size: 17px; font-weight: 500;  line-height: 22px;
}
.left-side.start-evetns .display-flex p strong {
    display: block; font-weight: 600;
}
.start-evetns .shadow-box > .display-flex {
    justify-content: space-between;
}
.card-btn strong {
    font-weight: 600;
}

.start-evetns .display-flex.text-center strong span {
    color: #d2145a !important;
}
.start-evetns .display-flex.text-center span:first-child {
    color: #0071ba;
}
.pbplayer, .start-evetns .display-flex.text-center strong span.pbplayer{
    color: #0071ba !important;
}
.pbcomp{
    color: #d2145a !important;
}
.start-evetns .shadow-box > .display-flex.text-center {
    justify-content: center;
    /* padding: 30px 0px 18px;  */  padding: 10px 0px 18px;
}
.start-evetns .display-flex.text-center p strong {
    display: inline-block !important;
}
.start-evetns .display-flex.text-center p {
    color: #000;
    font-size: 18px;
}
.card-btn { background: #0071ba; border: 0; color: #fff;    font-size: 30px;  text-transform: uppercase;  padding: 20px 0;  width: 50%;  border-radius: 0 0 1px 16px;}
.right-card-box h4 span {
    font-weight: 400;
}
.card-listing-box { display: flex;  flex-wrap: wrap; justify-content: space-between;}
.card-listing-box li { flex-basis: 48.5%; margin: 20px 2px 0px;}
.fixed-logo {  height: 60px;}
.fixed-logo > img {  height: 100%; width: 100%;}
.events-card-main .text-container h4 { font-size: 28px;   font-weight: bold;   margin: 0;    line-height: 18px; text-transform: uppercase;}
.events-card-main .left-side .flex-container-box strong { font-size: 48px;  margin: 0 16px;}
.events-card-main .left-side .flex-container-box h4 span {  font-size: 13px;}
.events-card-main .left-side .text-container {   flex-wrap: wrap; position: relative;   top: 20px; }
.events-card-main .left-side .text-container .flex-items {
    width: 100%;   display: flex;   justify-content: center; flex-wrap: wrap;
}
.events-card-main .left-side .text-container .flex-items h6 {
    font-size: 14px;
    text-align: center;
    padding: 9px 10px 0;
    font-weight: 600;  margin-top: 0;
    margin-bottom: 0;
}
.events-card-main .left-side .text-container .flex-items h6 span {
    display: block;  color: #ff0000;   font-weight: bold;   font-size: 24px;
}
.right-card-box.stake-box h4 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
}
.events-card-main .left-side .text-container .flex-items p span:first-child {  color: #0071ba;}
.events-card-main .left-side .text-container .flex-items p span { font-weight: bold;  color: #d2145a;}
.events-card-main .left-side .text-container .flex-items p {
    width: 100%;   text-align: center;  font-size: 18px;   font-weight: bold !important;  padding-top: 20px; margin-bottom: 0;
}
.events-card-main .left-side .flex-container-box h4{font-size: 48px; line-height: 30px; }

.events-card-main .text-container h4 span {
    display: block;  color: #b1b1b1; font-size: 10px; font-weight: 600; padding-top: 4px;
}
.events-card-main .text-container {
    display: flex;  align-items: baseline;  justify-content:center;   width: calc(100% - 140px);   padding: 0 8px; color: #000;
}
/* .card-listing-box {  height: calc(100vh - 300px);  overflow-y: auto;} */
.flex-container-box {
    display: flex;  align-items: center; padding-left: 16px; padding: 14px 10px 6px 10px; justify-content: space-between;
}
.text-container strong{color: #ff0000; font-size: 24px; margin: 0px 8px;}
.text-container h4:first-child {  text-align: right;}
.small-card-footer {
    display: flex;  align-items: center; justify-content: space-between;  background: #f0f0f0;  margin-top: 8px;  height: 31px;
}
.small-card-footer h6 {
    background: #e9e9e9; margin: 0;  height: 100%; font-weight: 600;  color: #000;  font-size: 12px; padding-top: 9px; position: relative;   text-align: center; width: 33.33%;
}
.small-card-footer h6::after {
    width: 10%; height: 100%; background: #e9e9e9;  position: absolute;  right: -7px;  content: "";  top: 0;  transform: skew(20deg, 1deg);   z-index: 5;
}
.small-card-footer h6:last-child::after {
    background: #e9e9e9;  right: auto;   left: -7px;  transform: skew(-20deg, 1deg);
}
.small-card-footer h6 span {font-weight: 600;}
.small-card-box {
    box-shadow: 0px 0px 5px rgb(0 0 0 / 16%);  width: 100%;   border-radius: 10px; background: #fff; cursor: pointer;
}

.small-card-box h5::after, .right-card-box.stake-box::after {
    width: 96%;  height: 6px;  background: url(../../assets/images/player-border.png);
    position: absolute;  left: 50%;  bottom: -11px;  content: "";  transform: translateX(-50%);  background-size: 100% 100%;
}
.right-card-box.stake-box::after {
    bottom: -30px;  width: 100%; 
}
.right-card-box.bg-red { 
    position: relative;
}
.evetn-main-wrapper.events-card-main .card-container {
    width: 1180px;
}
.small-card-footer strong {color: #ff0000; font-size: 13px; }
.events-card-main {background: #fff;  padding: 140px 0px 20px; min-height: calc(100vh - 66px); position: relative;}
.back-btn {color: var(--eventbg) !important;  font-weight: bold !important; display: inline-block; margin: 20px 20px 4px 0;}
.player-card-list {display: flex;   flex-wrap: wrap;  width: 100%;   padding: 20px 0px 20px;   position: relative;}
.dynamic-player-select .player-card-list {
    width: 49.7%;
    justify-content: space-between;
}


.dynamic-player-select {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.dynamic-player-select .player-card-list li {
    width: 48.5%;
}
.player-card-list:last-child .small-card {  text-align: left;}
.display-flex{display: flex;}
ul.player-card-list li {
    margin: 1% 0.5%;  background: #fff;  display: flex;   align-items: center; color: #000;
    border-radius: 10px;   padding: 12px 12px 0; text-align: right; width: 24%;   overflow: hidden;  position: relative; min-height: 110px;
}
.no-data {
    background: #eeeeee59;
    min-height: calc(100vh - 135px);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.no-data p {
    font-size: 28px !important;
    color: #000 !important;
    padding-top: 7px;
}
.player-card-list li:hover::after {
    opacity: 1;
    transition: 0.3s ease;
}
.player-card-list li::after {
    width: 100%; height: 100%;  position: absolute;  top: 0;  left: 0;  content: ""; background: rgba(0, 113, 186, .5);
    border-left: 10px solid #0071ba; opacity: 0;
}
/* .player-card-list:last-child li::after {background: rgba(210, 20, 90, .6); border-right: 10px solid #d2145a; border-left: 0;} */
.player-card-list li.computer-slt::after {opacity: 1;background: rgba(210, 20, 90, .5); border-left: 10px solid #d2145a; border-right: 0;}
.player-card-list li.selected-player::after {
    opacity: 1;  transition: 0.3s ease;  border-color:#0071ba
}
.player-card-list .lock-player{
    pointer-events: none;
  }
.player-card-list .lock-player::after {
    background: rgba(51, 51, 51, .8) !important;  border: 0 !important;  content: "\f023";  font-family: FontAwesome;  display: flex;
    justify-content: center;  align-items: center;  font-size: 58px;   color: #979797;   opacity: 1;
}

.right-card-box.stake-box h4 { padding-bottom: 12px;}
.back-btn:hover {  color: var(--navText) !important;}
.right-card-box.active-stake-box button.cancel-btn {  background: #ff0000;}
.right-card-box.active-stake-box button.submit-btn {  background: #39b34a;}
.player-card-list:last-child li { text-align: left;}
ul.player-card-list li > img {
    height: 90px;
    position: absolute;
    bottom: 0; width: auto !important;
}
.events-card-main .right-side {  float: right;  width: 30%;   padding: 0px 0px 0 20px; }
.right-card-box h4 {
       text-align: center;  color: #fff;  padding: 21px;  text-transform: uppercase;   font-weight: bold;  font-size: 22px;  border-radius: 8px;
}
.right-card-box.blue-bg h4 {
    background: #0071ba;
}

.right-card-box.bg-red h4 {
    background: var(--red-color);
}
.right-card-box.bg-red ul li.select-player i {
    color: var(--red-color);
}
.bg-black-div {
    background: #333333 !important;
    /* margin: -11px 0 !important; */
    padding: 0 20px !important;
    justify-content: space-between !important;
    border-radius: 0 0 10px 10px !important;
}
 .left-side {
    width: 70%; float: left;
} 

.right-card-box ul {
    display: flex;   flex-wrap: wrap; justify-content: space-between;
}
.right-card-box ul li.select-player {
    color: #000;
}
.right-card-box ul li {
    width: 50%;   padding: 0 16px;   font-size: 12px;   text-transform: uppercase;  font-weight: bold;  color: #b1b1b1;   margin-bottom: 8px; white-space: nowrap;
    text-overflow: ellipsis;  overflow: hidden;
}
.right-card-box ul li.select-player i {
    color: #0071ba;
}
.right-card-box ul li i {
    margin-right: 6px;   font-size: 20px;   vertical-align: middle;
}
.right-card-box {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);   border-radius: 8px;   padding-bottom: 10px; margin-bottom: 35px;
}
ul.player-card-list li h6 span {
    display: block;
    font-size: 12px;
    text-transform: none;
    margin-top: 25px;
    font-weight: 600;
}



.events-card-main .container-fluid {
    padding: 0 6%;
}
.left-side .flex-container-box {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);   border-radius: 16px;   padding: 10px 50px; position: relative;   z-index: 1;  background: #fff;
}
ul.player-card-list li h6 {
    font-size: 18px;
    text-transform: uppercase;
    max-width: 127px;
    cursor: pointer;
    margin-left: auto;
    text-align: right;
    font-weight: bold;
}
button.red-card-bg {  background: #d2145a; border-radius: 0 0 16px 0px;}


.evetn-main-wrapper.events-card-main .evetns-tab .tab-button >  svg {
    width: 20px;
}
.evetn-main-wrapper.tab-button > svg .cls-2, .cls-3 {
    stroke: #564f4f;
}
.evetn-main-wrapper .tab-button.active .cls-1, .evetn-main-wrapper .tab-button.active .cls-2, .evetn-main-wrapper .tab-button:hover .cls-1, .evetn-main-wrapper .tab-button:hover .cls-2 {
    fill: var(--maindark) !important; stroke: #564f4f !important;
}
.evetns-tab .cls-2, .evetns-tab .cls-3 {
    stroke: #fbfbfb !important; 
    fill: var(--maindark)  !important;
}
.evetns-tab .tab-button circle {
    stroke: #08365b;
}
.left-side .flex-container-box .fixed-logo {
    height: 220px;
}
.left-side .flex-container-box .fixed-logo img {
     width: auto;
}
.left-div-w-70{width: 70%; float: left;}

.right-card-box.stake-box {
    background: #333333;   padding: 0px 28px;   display: block;  position: relative;  margin-bottom: 60px;
}

.stake-input-wrap {
    position: relative;
    margin-bottom: 10px;
}
.stake-input-wrap .clear_btn {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #08365b;
    border-radius: 4px;
    cursor: pointer;
}

.stake-input::placeholder{
    color: #b1b1b1;
}
.right-card-box.stake-box .stake-input {
    width: 100%;   text-align: center;  padding: 11px 10px; color: #000;  border-radius: 30px;  border: 0;  font-size: 20px; font-weight: bold;  -webkit-appearance: none;    -moz-appearance: textfield;
}

.stake-input::-webkit-outer-spin-button, .stake-input::-webkit-inner-spin-button{-webkit-appearance: none;  -webkit-appearance: none;
    -moz-appearance: none;   appearance: none;}

	.right-card-box.stake-box li {
		font-size: 17px;
		cursor: pointer;
		width: auto !important;
		height: auto !important;
		border-radius: inherit !important;
		background: transparent !important;
		padding: 10px 12px 10px !important;
		color: #fff !important;
		text-align: center;
	}
	ul.stake-list {
		justify-content: center;
	}
	.right-card-box.stake-box li h6 {
		margin-bottom: 4px;
	}

.stake-box button.cancel-btn {
    background: #712424;   width: 35%;
}
.stake-box button.submit-btn {
    width: 61%;  background: #355a3a;
}
.events-card-main .right-card-box.stake-box .display-flex {
    margin: 0; padding: 0;  border-radius: 0; justify-content: space-between;
}
.events-card-main .right-card-box.stake-box .display-flex button {
    text-transform: uppercase; border: 0;  font-weight: bold;  cursor: pointer;  color: #fff;  padding: 8px 0px;   border-radius: 38px;  font-size: 18px;   display: inline-block;
}
.right-card-box.stake-box p {
    color: #fff;  text-align: center;   margin: 0;  padding: 13px 0; text-transform: uppercase; font-weight: bold; font-size: 13px;
}

@media(max-width:1600px){
    ul.player-card-list li{min-height: auto !important;}
    .small-card-footer strong {font-size: 11px;}
    .left-side .flex-container-box .fixed-logo { height: 130px; }
    .events-card-main .left-side .flex-container-box h4 {font-size: 40px;  }
    ul.player-card-list li h6 {font-size: 15px; }
    ul.player-card-list li > img { height: 65px; }
    .events-card-main .left-side .flex-container-box strong {
        font-size: 40px;
    }
    .events-card-main .left-side .text-container .flex-items p { font-size: 16px; }
    .right-card-box h4 {padding: 15px; }
    .right-card-box.stake-box li {font-size: 15px;}
    .events-card-main .right-card-box.stake-box .display-flex button{font-size: 14px;}
    .right-card-box.stake-box .stake-input { padding: 7px 10px; font-size: 18px; }
    .right-card-box.stake-box p {font-size: 11px;}
    /* .events-card-main .display-flex {max-height: 338px;} */
    .event-box { font-size: 19px; }
    .left-side.start-evetns .display-flex p {font-size: 15px; line-height: 18px; }
    .events-card-main .left-side .text-container {  top: 5px;  }
    .card-btn {font-size: 25px;   padding: 13px 0; }
    .player-card-list { 
        padding: 10px 0px 10px;
    }
    ul.player-card-list li h6 {
        max-width: 120px; padding-left: 10px;
    }
    ul.player-card-list li h6 span {
      
        margin-top: 15px;
        
    }
    .right-card-box {
        margin-bottom: 25px;
    }
    .left-side .flex-container-box {
        padding: 10px 30px;
      
    }
    .events-card-main .left-side .flex-container-box h4 span {
        font-size: 12px;
    }
    .right-card-box.stake-box h4 {
        font-size: 18px;
    }
	.left-side.start-evetns .display-flex {
		padding: 8px 25px 2px;
	}
}




@media(max-width:1366px){
    .left-side .flex-container-box .fixed-logo { height: 100px;}
    
    .status-box {
        padding: 6px 8px !important;
        font-size: 12px !important;
        width: 118px !important;
    }
    .events-card-main .left-side .flex-container-box h4 span {font-size: 11px;}
    .card-btn {font-size: 21px;  padding: 11px 0; }
	.events-card-main .left-side .text-container .flex-items h6 span {
		font-size: 18px !important;
	}
	.events-card-main .left-side .text-container .flex-items h6 {
		font-size: 13px !important;
		padding: 10px 6px 0 !important;
	}
    ul.player-card-list li h6 { font-size: 13px;}
    .small-card-footer strong {font-size: 12px; }
    .right-card-box.stake-box li, .events-card-main .right-card-box.stake-box .display-flex button {font-size: 13px;}
    .right-card-box.stake-box p { font-size: 10px;}
    .right-card-box.stake-box {padding: 0px 14px; }
    .right-card-box ul li i {font-size: 16px;}
    .events-card-main .container-fluid { padding: 0 4.5%; }
    
    .event-box {font-size: 17px; height: 60px; }
    .events-card-main .text-container h4 span {
        font-size: 9px; padding-top: 4px;
    }
    .right-card-box h4 {
        font-size: 18px;
    }
    .right-card-box.stake-box h4 {
        font-size: 16px;
    }
    .right-card-box.stake-box {
        margin-bottom: 50px;
    }
    .events-card-main .left-side .flex-container-box strong {
        font-size: 34px; margin: 0 10px;
    }
    ul.player-card-list li h6 {
        font-size: 13px;
    }
    ul.player-card-list li h6 span {
        font-size: 11px;
    }
    .dynamic-player-select ul.player-card-list h6 span {
        font-size: 10px;
    }
    .dynamic-player-select ul.player-card-list h6 p {
        font-size: 13px !important;
    }

    .dynamic-player-select ul.player-card-list h6 {
        margin-top: 0px;
    }
    
    .small-card-footer strong {
        font-size: 11px;
    }
    ul.player-card-list li h6 {
        max-width: 100px; margin-top: 0;
        
    }
    .bg-black-div {
        padding: 0 16px !important;
    }
    .small-card-box h5::after, .right-card-box.stake-box::after {
        background-size: 100% 96%;
    }
    .small-card-footer h6 {
        font-size: 11px;
    }
    
    .left-side.start-evetns .display-flex p {
        font-size: 15px;
        
    }
    .left-side.start-evetns .flex-container-box .fixed-logo > img {
      
        height: 90px;
    }
    .events-card-main .left-side .flex-container-box h4 {
        font-size: 34px; line-height: 22px;
    }
    .card-listing-box li {
        flex-basis: 49%;
        margin: 20px 0px;
    }
    .events-card-main .text-container h4 span {
        font-size: 9px;
    }
    span.status-box i.fa {
        font-size: 20px !important;
    margin-right: 6px !important;
        
    }
	.right-card-box.stake-box li {
		padding: 10px 10px 10px !important;
	}
}

@media(max-width:1300px){
    .small-card-footer strong {
        font-size: 10px;
    }
    app-d2-casino-header div[header] div[headerBg] nav.navbar .container-fluid.navmain .sport nav ul li {
        font-size: 12px;
        margin: 0 10px !important;
    }
    .events-card-main .text-container h4 span {
        font-size: 8px;
    }
	.home-container .sport-tabs .nav-tabs .nav-link{width: auto !important;}
}


@media(max-width:1300px){
    .events-card-main .left-side .text-container .flex-items h6 {
        font-size: 13px;
        padding: 10px 6px 0;
    }
}



@media(max-width:1200px){
    ul.player-card-list li > img { height: 75px; }
    .left-side.start-evetns .flex-container-box .fixed-logo > img {height: 70px;}
    ul.player-card-list li {padding: 12px 10px 0;}
    .left-side .flex-container-box .fixed-logo {height: 86px; }
    .left-side .flex-container-box {padding: 10px 21px; }
    .events-card-main .left-side .flex-container-box h4,  .events-card-main .left-side .flex-container-box strong  { font-size: 32px; }
    .evetn-main-wrapper.events-card-main .card-container {  width: 1000px; }
    .small-card-box h4 span {font-size: 10px; line-height: normal; }
    .fixed-logo { height: 50px;  }
    .text-container {  width: calc(100% - 120px);  padding: 0 16px;  }
   

	.events-card-main .text-container h4 span {
		padding-top: 6px;
	}
    
}
@media(max-width:992px){
    .evetn-main-wrapper.events-card-main .card-container {
        width: 100%;
    }
    .card-listing-box li {flex-basis: 100%; }
    .event-box { height: 52px;   }
	.dynamic-player-select .player-card-list {
		width: 48.5% !important;
	}
	.dynamic-player-select .player-card-list li {
		width: 99% !important; margin-bottom: 10px;
	}
}
@media(max-width:767px){
    .evetn-main-wrapper.events-card-main .card-box {padding: 20px 12px;}
    .small-card-box h4 {font-size: 24px !important; }
    .text-container strong {font-size: 18px;}
    .small-card-box h5, .small-card-footer strong {font-size: 13px;}
    .event-box { height: 46px;  border-bottom: 4px solid var(--navText);}
    .card-listing-box {height: auto;}
    .left-div-w-70 { width: 100%;}
    .evetn-main-wrapper.events-card-main .evetns-tab .tab-button > svg {width: 14px;}
  .evetn-main-wrapper.events-card-main .evetns-tab .tab-button {width: 100%; padding:10px 15px; font-size: 11px;}
  
  .evetns-tab ul { justify-content: space-between;}
  .evetns-tab ul li {flex-grow: inherit !important; margin: 14px 0px 7px !important; width: 31%;}
  .events-card-main .text-container h4 span {
    padding-top: 3px;
}
.eventTime{font-size: 14px !important;}

.events-card-main .container-fluid {
    padding: 0 15px;
}
.status-box {
    padding: 5px 4px !important; 
  
}
.evetns-tab .tab-button {
    padding: 10px 10px;  font-size: 11px !important;
}
}

@media(max-width:420px){
    .fixed-logo { height: 40px;}
    .text-container { padding: 0 10px;}
    .small-card-footer h6, .small-card-footer strong {   font-size: 9px !important;}
    .small-card-box h5 {font-size: 12px;}
    .evetn-main-wrapper.events-card-main .evetns-tab .tab-button {font-size: 10px !important; padding: 10px 8px !important;}
.evetns-tab ul li {width: 31.5%;}
.small-card-box h4 {
    font-size: 20px !important;
}
.evetns-tab .tab-button {
    padding: 10px 8px;   font-size: 10px !important;
}

.tamil .evetns-tab .tab-button { font-size: 9px !important; line-height: 1.2; }
    
}



@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
  }

  .notification-box {
    overflow: hidden;
    padding: 0 10px;
    background: #eeeeee9e;
    width: 100%;
}
.notification-box ul {
    overflow: hidden;
    margin: 0;
    align-items: center;
    display: inline-block;
    width: 100%; max-height: 30px;
}
.notification-box .marquee {
	-webkit-animation: marquee 18s linear infinite;
    animation: marquee 18s linear infinite;
    white-space: nowrap;
    margin: 0;
    overflow: hidden;
    padding-top: 4px;
    padding-bottom: 6px;
    line-height: 26px;
    display: inline-block;

}
.notification-box  li {
    width: auto !important;
    color: #000;
    font-size: 14px;
    font-weight: 500; 
}


@media(max-width:992px){
	.left-div-w-70 {
		width: 100%;
	}
	.card-container {
		padding-top: 100px;
	}
	.left-side.start-evetns .display-flex p {
		font-size: 13px;
	}
	.events-card-main {
		padding: 110px 0px 20px;
	}
	.no-data {
	min-height: calc(100vh - 130px); 
	  }
	.no-data p {
		font-size: 19px !important;
		color: #000 !important;
		padding-top: 7px;
	}
	.events-card-main .right-side {
		width: 100%;
		padding: 24px 0 0;
		display: flex;
		flex-direction: column;
	}
	.right-card-box.stake-box {
		margin-bottom: 0px;
		order: 3;
	}
	.player-card-list {
		padding: 10px 0px 10px;
		justify-content: space-between;
	}
	ul.player-card-list li {
		
		width: 48%;
	}
	.right-card-box.stake-box::after {
		bottom: auto;
		top: -25px;
	}
	.right-card-box.stake-box {
		order: 3;
		margin: 30px 0 0; background: #fff;
	}

	.right-card-box.stake-box * {
		color: #000;
	}
	.right-card-box.stake-box .stake-input {
		border: 1px solid #ddd;
	}
}

@media(max-width:767px){
	.events-card-main {
		padding: 65px 0px 20px !important;
	}
	.card-listing-box li {
		margin: 4px 4px 12px;
	}
	.small-card-footer h6, .small-card-footer strong {
		font-size: 10px;
	}
	.event-box {
		font-size: 12px;
		padding-left: 10px; line-height: normal;
	}
	ul.player-card-list li h6 span {
		font-size: 9px;
	}
	.card-container {
		padding: 70px 20px 0;
	}
}




@media(max-width:370px){
	.events-card-main .container-fluid {
		padding: 0 10px;
	}
}


@media(max-width:767px){
	.evetn-main-wrapper .events-header-bg { display: none;} 
	ul.match-listing li {width: 100%; padding-top: 5px;}
	.match-listing .match_box p {font-size: 13px;  line-height: 16px;}
	.card-container {max-width: 100%;}
	.evetn-main-wrapper { margin-top: 30px; min-height: calc(100vh - 58px); }
	.match-listing .match_box h5 { font-size: 11px;}
	
	.evetn-main-wrapper .card-box {box-shadow: none; border-radius: 0px; padding: 10px 8px; 
	  /* height: auto !important; height: calc(100vh - 170px); */
	}
	
	
	.match-listing-wrapper.single-card .input-listing li label { font-size: 12px;}
	.match-listing-wrapper.single-card ul.match-listing .input-listing li {padding: 8px 5px; font-size: 14px;}
	.match-listing-wrapper .btn {font-size: 14px; padding: 4px 13px !important;}
	.gusses_wrap h4 {font-size: 14px; border-width: 15px;}
	.gusses_wrap h4 strong {font-size: 26px;}
	.contextTab h4 {padding: 16px 0px !important;}
	.match-listing-wrapper > ul.match-listing {max-height: inherit;
	  height: calc(100vh - 260px); align-items: flex-start;
	  align-content: flex-start; padding: 0 0 50px; } 
	ul.match-listing .match_box .img-fluid {height: auto !important;}
	ul.match-listing .input-listing li{font-size: 11px;}
	.gusses_wrap h6 {font-size: 16px;}
	.settleBox .match-listing .input-listing li{font-size: 14px;}
	.settleBox .match-listing .input-listing li span.bg-yellow {
	  background: var(--maindark);
	  padding: 9px 0px;
	  border-radius: 4px;
  }
	.totalRow{ text-align: center;}
	.totalRow span{ border-radius: 3px; background: var(--eventbg); padding: 6px 14px!important; display: inline-block; font-size: 12px; color: #fff!important;}
  .evetns-tab ul li i.fa {font-size: 10px !important;}
  .red-box h6 {font-size: 12px;}
  .match-listing-wrapper .cancel {
	margin-left: 21px !important;
  }
  .single-card .match-overlay {
	bottom: 0 !important;
  }
  .game-box img {
	border-radius: 10px;
  }
  .game-box {
	height: 107px;
	overflow: hidden;
	border-radius: 10px !important;
  }
  .gusses_wrap h4 strong i.fa.fa-inr {
	font-size: 23px !important; margin-right: 2px;
  }
  .fixed-logo img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}
.fixed-logo {
    width: 50px !important;
    height: auto !important;
}
.events-card-main .left-side .text-container .flex-items h6 span {
    font-size: 12px !important;
}
.left-side.start-evetns .display-flex p {
    font-size: 11px !important;
    line-height: initial; padding: 0px 2px;
}

.events-card-main .left-side .flex-container-box h4, .events-card-main .left-side .flex-container-box strong {
    font-size: 20px;
}
.card-btn {
    font-size: 13px;
    padding: 7px 0;
}
.events-card-main .left-side .flex-container-box h4 span {
    font-size: 8px;
  
}
.events-card-main .left-side .flex-container-box h4 {
    font-size: 34px;
    line-height: 19px;
}
.left-side .flex-container-box {
    padding: 10px 12px;
}
.events-card-main .left-side .text-container .flex-items h6 {
    font-size: 10px !important;
    padding: 10px 3px 0 !important;
}
ul.player-card-list li > img {
    height: 56px;
}
.events-card-main .left-side .flex-container-box h4 {
    font-size: 20px;
    line-height: 19px;
}
.left-side .flex-container-box {
    padding: 10px 6px; align-items: flex-start;
}
.player-card-list li.computer-slt::after, .player-card-list li::after {
 
    border-left: 6px solid #d2145a;
   
}
.right-card-box ul li i {
    font-size: 16px;
}
.left-side.start-evetns .display-flex {
    padding: 8px 14px 2px;
}
.modal-dialog.anncoumentimg.anncmulti{max-width: 95%;}
.landingpage.bgColor.newGamea .container.maibody .imagwitex {  margin-bottom: 20px;}
.headerimg.show_image {  border-top: 0 !important;   margin-top: 90px !important;}

  }

  @media(max-width:400px){

	.events-card-main .left-side .text-container .flex-items h6 {
		font-size: 9px !important;
		padding: 10px 3px 0 !important;
	}
	ul.player-card-list li h6 span {
		font-size: 8px;
	}
	.card-container {padding: 50px 10px 0;}
	.headerimg.show_image {margin: 86px 0 15px !important;}
	.evetn-main-wrapper {
		margin-top: 30px;
	}
	.notificationCol .bellIcon {
		padding: 3px 5px 0px !important;
		display: inline-block; margin-top: 1px;
	}
	.notificationCol .bellIcon .fa-bell{font-size: 15px !important;}
}
/* ====== PLAYER EVENTS END ======= */

.fa-exchange:before{
	font-family: "FontAwesome";
}
.landingpage.bgColor.newGamea .container.maibody {
    padding-top: 10px !important;
}

@media(max-width:1600px){
	.events-card-main {
		padding: 130px 0px 20px;		
	}
	.right-card-box ul li i {
		font-size: 18px;
	}
	.rolling-modal#rollingDetail .modal-content {width: 100% !important;}
}

@media(min-width:1200px){
	.landingpage.newGamea .container {max-width: 1050px;margin: 0px auto;}
	
}
@media(min-width:1500px){
	.landingpage.newGamea .container {max-width: 70%;margin: 0px auto;}
} 


.landingpage.bgColor.newGamea .container.maibody .imagwitex:hover .fadeinweb {
    filter: none !important;
}

/* .fadeinweb{
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation: fadeInAnimation 1s ;
  } */

  @keyframes fadeInAnimation {
    0% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
     }
  }

@media(min-width:992px){
	app-bonus-terms .modal-lg {
		max-width: 900px !important; 
	}
	
}
/* ========== MOBILE CSS START =========== */



.modal-dialog.anncoumentimg.anncmulti{
	height: 100vh;
    max-width: 70%;
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
}

.modal-dialog.anncoumentimg.anncmulti .modal-content{
    width: 100% !important;
}

button.close{
    opacity: 1 !important;
}


@media(max-width:370px){
	.evetns-tab .tab-button {
		font-size: 9px !important;padding: 10px 7px !important;
	}
}

app-annoucment-model .modal-body { overflow: hidden !important;}

@media(min-width:1300px){
	.events-card-main {overflow-y: scroll; height: calc(100vh - 66px);}
}

.headerimg.show_image { display: block !important;   border-top: solid 92px #23292e;}
.match-listing-wrapper > ul.match-listing::-webkit-scrollbar-track { background: #eee;}


/* / d3  PROFIT MODAL CSS START / */
.btn.balance-custom-btn.table-small-btn { font-size: 13px;  padding: 2px 8px !important; margin-top: 2px;}
.footer_text_center { display: flex; justify-content: center; width: 100%;}
app-virtual-sports .livescro {
    padding-top: 0px !important;
}
@media(min-width:1200px){
	div#detail-marketPNL .modal-content {
		width: 745px; 
	  }
	  .games-section .games-text {
		margin-left: 8px; margin-right: 8px;
	}
}
/* /  PROFIT MODAL CSS end / */

app-low-bal-currency-info  .footermm{border-radius: 0 0 13px 13px !important;}

app-low-bal-currency-info .modal-footer.footermm button.btn.btn-primary {
    background: var(--bg-table-header) !important;   color: #fff;
}


@media(min-width:1280px){
	app-virtual-sports .livescro {
		width: calc(100% - 220px);
	}
}

/* @media(max-width:992px){
	app-virtual-sports .container.maibody .matos {
		width: 33% !important;   float: left; margin-bottom: 12px; overflow: hidden;
	}
} */

.codeCol {
	color: #000;
	margin: 0 0 15px 61px !important;
		}
@media(max-width:767px){
	/* app-virtual-sports .container.maibody .matos {
		width: 50% !important;  float: left;
	} */

	.codeCol {
		margin: 0 0 15px 18px !important;
		color: #000;
			}
}
@media(max-width:400px){
	.mobiletabs ul {
		font-size: 8.9px; 
	}
}


@media(max-width:580px){
	.events-card-main .text-container {width: calc(100% - 70px); padding: 0 5px;}
	datatable-footer .footer_text_center{display: block;}
	.footer_text_center > div > span > div {display: flex; white-space: nowrap;	overflow-x: scroll;	}
	.footer_text_center > div > span * {height: auto !important;width: auto !important;padding-left: 1px; padding-right: 1px;}
	.top-home-icon {height: 30px;} 
}

.margintopplayar .wrapper_dashboard.casinomain {
    margin-top: 0px !important;   padding-top: 91px;
}
app-low-bal-currency-info  .footermm{border-radius: 0 0 13px 13px !important;}
app-low-bal-currency-info .modal-footer.footermm button.btn.btn-primary, .welcoinModal .modal-footer.footermm button.btn.btn-primary {
    background: var(--bg-table-header) !important;   color: #fff;
}
.welcoinModal .modal-content.popimgcoin{overflow: hidden;}
#massage-viewer .close{
	opacity: 1;
}
.livescro .newnav-pills {overflow-y: auto;}


.paymentBox .modal-content { width: 320px !important; margin: 25px auto 0; }

@media(min-width:1200px){
	app-all-balance-overview .table-responsive tr th:nth-child(4) {
		width: 290px;
		
	}
	app-agree-continue-rules .modal-dialog {
		margin-top: 92px !important;
	}
	
	
}
.filters .tabactive::after {   background: var(--maindark) !important;}
.filters .activemerchant{box-shadow: 0 0 0 2px var(--maindark) !important;} 
input.amount-style {   background: var(--bg-sidebar) !important;}
.btn-warning.deposit-btn, .btn-greenn.deposit-btn, .btn.next-step.deposit-btn  {
    background-color: var(--btn-primary) !important;   border-color: var(--btn-primary) !important;    color: var(--text-white) !important;
}
.filters.depositRow .couponRow li p{
	background-color: var(--maindark) !important;
}
input.amount-style, .setAmountVal .amountStyle {  background: var(--bg-table-header) !important; color: #fff !important;}
.filters.depositRow .couponRow li .bonusCard{
	background: var(--bg-table-header) !important;
}

ul.qr-code li>button { background-color: var(--btn-primary) !important; color: var(--text-white) !important; }
ul.qr-code li > button:hover { box-shadow: inherit !important; opacity: 0.8; }
.rollingRow {
    padding-left:60px !important;   color: #000;
}
@media(max-width:767px){
	.whatsappBar {
		top: 55% !important;
	}
	.telegramBar {
		top: 68% !important;
	}
	.facebookBar{
		top: 75% !important;
	}
	.rollingRow {
		padding-left:28px !important;    line-height: normal !important;
	}
	.modal-dialog.anncoumentimg.anncmulti{max-width: 95% !important;}
	.codeCol li {font-size: 12px !important;}
	.codeCol {margin-left: 26px !important;}
	.bonus-history-main h3.activity-log-text-2 {margin-top: 0px !important;	}
	.close-msg .center-main-content, .close-msg .eventdetaks {margin-top: 60px !important;}
	.d3-mobileDate{display: flex;min-width: 52px;line-height: 0;}
}
app-player-signup .modal-socialLInk i.fa {
    font-family: "FontAwesome";
}
.downline-form.otpMainWrap {padding: 0px 12px;}
.modal.fade.in {z-index: 9999;}
.toast.betmsz { width: 338px !important;}
.betmsz .msga strong { display: block; font-size: 15px;}
/* app-all-rolling-history span .btn.btn-sm{   width: 57px !important;} */
.evetn-main-wrapper label { color: #333 !important;}
.qrcodeImage button {background: var(--text-fancy);   color: #000;}
.d3-horizontal-scroll::-webkit-scrollbar-thumb { background: var(--bg-table-header) !important;}
.d3-horizontal-scroll::-webkit-scrollbar-track{background: var(--bg-table) !important;}
.d3-horizontal-scroll::-webkit-scrollbar { height: 6px !important;}
app-all-rolling-history .ngx-datatable.material .datatable-header .datatable-header-cell {background: none !important;}
.qrcodeImage button, .deposit-amounts-container .btn-warning {background: var(--text-fancy);   color: #000;}
app-agree-continue-rules .modal  .modal-footer { background: transparent !important;}
.getUser{pointer-events: none;}
.notificationCol .dropdown-menu ul, .bonusRow ul.couponRow{scrollbar-width: thin;}
.signUpNew_whattsUp_button-number.blinking{animation: blink-whatApp 1s infinite !important;}
@keyframes blink-whatApp {
	0%, 100% {opacity: 1;}
	50% {opacity: .1;}
}
app-loyalty-points .container-main-history.container-bg {margin-top: 30px !important;}
.filters.depositRow .setAmountVal {padding: 1.5% 5% 0 !important;}
.filters.depositRow .nav-pills.newnav-pills.marchnet > li > a{margin-left: 0px !important;}
.filters.depositRow .div11 select.form-control { padding: 0px 20px !important; margin: 0 !important; height: 40px !important; border-radius: 5px; }
div#loyaltyPrograme .flex-row.loyalty-flex-row label span { width: auto !important;}
.whatsapp-CTA{position: fixed; right: 21px; top: 76%; z-index: 101;  display: flex; justify-content: space-between; align-items: center;}
@media(max-width:767px){
	app-loyalty-points .container-main-history.container-bg {margin-top: 0px !important;}
.whatsapp-CTA{top: 74%; right: 6px;}
.whatsapp-CTA .wt-text{ padding: 12px 48px 8px 15px; white-space: nowrap; font-size: 15px; height: 40px; line-height: 16.5px; background: #009834; border-radius: 30px; width: auto; font-weight: 700; color: #fff; transition: all 0.8s; right: 0; position: absolute; z-index: 9;}
.whatsapp-CTA a{color: #fff; z-index: 99;}
.whatsapp-CTA .fa{background: #009834; border-radius: 30px; height: 36px; line-height: 38px!important; font-family: 'FontAwesome'; font-size: 40px!important; }
.whatsapp-CTA .hideTextwt{opacity: 0; padding-left: 15px; } 
app-loyalty-points .main-card .card-box {margin-bottom: 18px;} 
app-loyalty-points .modal .modal-dialog {
    margin-top: 60px;
}
}

@media(min-width:767px){
.whatsapp-CTA .wt-text{ padding: 12px 48px 8px 15px;  white-space: nowrap; font-size: 19px; height: 40px; line-height: 16.5px; background: #009834; border-radius: 30px; width: auto; font-weight: 700; color: #fff; transition: all 0.8s; right: 0; position: absolute; z-index: 9;}
.whatsapp-CTA a{color: #fff; z-index: 99;}
.whatsapp-CTA .fa{background: #009834; border-radius: 30px; height: 36px; line-height: 38px!important; font-size: 40px!important; font-family:'FontAwesome'}
.whatsapp-CTA .hideTextwt{opacity: 0; padding-left: 15px; }
.downline-form.otpMainWrap {padding: 0px 8px;}


}

.whatsapp-CTA.d3-new-whatsappBtn span.wt-text {
    padding: 4px 35px 3px 15px;
    font-size: 12px;
    width: 194px;
    white-space: normal;
}

.main-card button.btn-loyalty {background: linear-gradient(90deg,  var(--btn-primary) 0%,  var(--btn-primary) 100%) !important;}
.main-card button.btn-loyalty.redeem{background:var(--text-fancy) !important;}
.heading-stripe {background: var(--bg-tabs) !important;}
.loyaltyConfirm .modal-footer {
    background: transparent !important;
}
.d3table{
	overflow: scroll;
}
.home-container .banner .carousel .item > img {cursor: pointer;}

app-balance-overview .usercontan .filefile.filedisables:before { content: attr(title) !important; }
/* .loyaltyConfirm .btn-primary{background: var(--primary-color) !important; border-color:var(--primary-color) !important;} */
.fc-widget-open #fc_frame.fc-mobile-view.h-open-container{bottom: -5px!important;}
.singpopup .modal-content span.back { background: none;}
app-player-signup #player-signup span.errorMa {font-size: 11px;}



.animatedSideMenuAll.hideSidemenu{width: 0;  transition: .4s ease;   position: relative; left: -264px; }
.animatedSideMenuAll.showSidemenu{width: 264px; transition: .4s ease; position: relative; left: 0px; }
@media screen and (max-width: 1300px){
 .showSidemenu {
    display: none!important;
}
}
/* Deposit & Withdraw css */
.designdeposit .couponRow h4.appliedBonusDiv span { font-size: 13px !important;}
.designdeposit .couponRow .appliedBonusDiv i {color: #fff;   margin-right: 5px;}
.designdeposit .couponRow .appliedBonusDiv {background: var(--bg-sidebar) !important; padding: 5px 0px;}

.details .top .filePreview {color: #000; right: 38px; font-size: 19px; position: absolute; cursor: pointer; top: 1px;}
.withdraw-section .withdrawal-amount h4 > span {font-size: 14px;}
.withdraw-section h2 { margin-bottom: 18px; margin-top: 35px; font-weight: 700; font-size: 20px; text-align: center; color: #08182F; }
.withdraw-section .add-bank .column { margin-bottom: 15px; min-height: 160px; display: flex; align-items: center; justify-content: center; border: 1px dashed #B8B8B8; border-radius: 5px; background: #fcfcfc; }
.withdraw-section .add-bank .column .link { padding: 0 23px; min-height: 44px; color: #08182F; font-weight: 700; cursor: pointer; text-transform: uppercase; border-radius: 5px; font-size: 16px; line-height: 1; display: flex; align-items: center; justify-content: center; background: #CDCDCD; }
.filters .withdraw-section  .btn.btn-primary { padding: 12px 16px; width: 100%; font-weight: 700; }
.withdraw-section .list-inline > li { width: 100%; }
.withdraw-section .tab-content { width: 100%; }
.withdraw-section .tab-content > .tab-pane { padding: 18px; width: 100%; border: 1px dashed #B8B8B8; border-radius: 5px;  overflow: hidden; }
.withdraw-section .list-inline.pull-right { padding: 0 !important; }
.withdraw-section .top-heading { margin-top: 6px; padding: 20px 0; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; text-transform: uppercase; color: #08182F; font-weight: 700; font-size: 20px; }
.withdraw-section .top-heading a { position: absolute; left: 0; cursor: pointer; }
.withdraw-section label { margin-bottom: 5px; font-weight: 600 !important; color: #08182F !important; }
.withdraw-section .form-control { margin: 0 !important; height: 43px !important; border-color: #CDCDCD !important; box-shadow: inherit; color: #08182F !important; font-weight: 500; background: #fff; }
.withdraw-section .form-control:focus { border-color: #08182F !important; }
.withdraw-section .add-bank .column.edit-account .link { display: none; }
.withdraw-section .add-bank .column.edit-account { align-items: flex-start; border: 5px solid var(--maindark); }
.withdraw-section .add-bank .column.edit-account .top { padding-bottom: 6px; position: relative; text-transform: uppercase; line-height: 1.3; background-color: var(--maindark); }
.withdraw-section .add-bank .column.edit-account .details { width: 100%; text-align: center; background: var(--bg-sidebar); }
.withdraw-section .add-bank .column.edit-account .top .edit-icon { position: absolute; right: 10px; top: 4px; line-height: 1.42857; cursor: pointer; }
.withdraw-section .add-bank .column.edit-account .top span { font-size: 22px; font-weight: 600; }
.withdraw-section .add-bank .column.edit-account .list li { padding: 5px 10px; width: 100%; display: block; border-bottom: 1px solid #CDCDCD33; font-size: 12px; }
.withdraw-section .add-bank .edit-account .list li span {word-wrap: break-word; color: #fff; display: block; font-weight: 600; font-size: 110%; }
.withdraw-section .add-bank .edit-account .list li small { color: #B8B8B8; display: block; font-size: 100%; }
.withdraw-section .list-inline.pull-right { flex-wrap: wrap; }
.withdraw-section .edit-bank .list-inline > li { margin-bottom: 15px; text-align: center; }
.filters .withdraw-section .pull-right .btn.delete-btn svg { margin-left: 6px; height: 16px; width: 18px; }
.withdraw-section .withdrawal-amount .amountStyle { height: 40px !important; background: transparent !important; color: #08182F !important; border: 1px solid var(--side-bg) !important; }
.withdraw-section .withdrawal-amount .amountStyle::placeholder, .withdraw-section .withdrawal-amount .amountStyle::-webkit-input-placeholder { opacity: 1; color: #B8B8B8 !important; }
.withdraw-section .withdrawal-amount h4 { padding-left: 10px; font-weight: 600; color: #08182F; }
.withdraw-section .withdrawal-amount .amoutvalue li a { padding: 8px 6px !important; color: #08182F !important; }
.withdraw-section .withdrawal-amount { padding-top: 10px; }
.designdeposit .depositRow .newnav-pills, .designdeposit .div11 { padding: 0 5% !important; }
.designdeposit .div11 .tittt { display: none; }
.designdeposit .filters .list-group { margin-bottom: 0; padding: 16px 5% !important; background-color: transparent !important; }
.designdeposit .deposit-amounts-container .amoutvalue { margin-bottom: 10px; }
.designdeposit .dropdown-text { border-color: #CDCDCD !important; box-shadow: inherit; appearance: none; color: #08182F !important; background-image: url(../assets/images/select-arrow1.svg); background-repeat: no-repeat; background-position: 98.5% center; }
.designdeposit .nav-pills > li > a { box-shadow: 0 0 0 2px #CDCDCD; border-radius: 6px; }
.designdeposit .nav-pills > li > .activemerchant { box-shadow: 0 0 0 2px var(--maindark); }
.designdeposit .filters .btn.btn-primary { padding: 13px 16px; width: 100%; font-weight: 700; background: var(--btn-primary) !important; }
.deposit-amounts-container { flex-wrap: wrap; }
.designdeposit .notification { padding-top: 15px; text-align: center; color: #08182F; font-weight: 600; line-height: 1.7; }
.designdeposit .notification span { position: relative; }
.designdeposit .notification span:before { content: ''; position: absolute; left: -15px; top: 4px; width: 11px; height: 11px; background: url(../assets/images/notification-icon.png) no-repeat; background-size: cover; }
.depositRow { overflow: hidden; }
.designdeposit .text-link { margin-top: 30px; text-align: center; color: #08182F; font-size: 14px; }
.designdeposit .qr-codes { margin: 15px 0; border: 1px solid #CDCDCD; border-radius: 5px; border-top: 0; }
.designdeposit .qr-codes .qrcodeImage { padding-bottom: 22px; text-align: center; }
.designdeposit .qr-codes .qr-heading { padding: 0 15px; height: 48px; border: 1px solid #CDCDCD; border-radius: 5px; color: #08182F; display: flex; align-items: center; justify-content: space-between; font-weight: 700; text-transform: uppercase; }
.designdeposit .qr-codes .qr-heading .ShowQR { margin-right: 0; font-weight: 400; }
.designdeposit .qr-codes .qrcodeImage button { color: #fff; font-size: 12px; background: var(--bg-table-header) !important; }
.designdeposit .qr-codes .qrcodeImage .qrdoenload, .designdeposit .qr-codes .qrcodeImage button i { padding-left: 10px; color: #fff; font-size: inherit; }

.designdeposit .bonusRow .couponRow { max-height: 272px; display: block; -webkit-columns: 2; columns: 2; overflow: hidden; scroll-behavior: smooth;
 position: relative; counter-reset: decimal-counter; }
.designdeposit .bonusRow .couponRow li { width: 100% !important; min-width: inherit !important;
    flex: inherit !important; }
.designdeposit .bonusRow .couponRow li .bonusCard { width: 100% !important; border: 5px solid transparent !important; border-radius: 15px !important; counter-increment: decimal-counter; position: relative; }
.designdeposit .bonusRow .couponRow li .bonusCard:before { display: none !important; content: counter(decimal-counter); width: 15px; height: 15px; border-radius: 50%; font-size: 12px; position: absolute; right: -4px; top: -10px; color: #08182F; font-weight: 500; display: flex; align-items: center; justify-content: center; background: var(--maindark); }
.designdeposit .bonusRow .couponRow  li.active .bonusCard { border: 5px solid var(--maindark); border-radius: 15px; box-shadow: none; border-color: var(--maindark) !important; }


.designdeposit .bank-detail { text-align: center; color: #08182F; font-size: 15px !important; }
.designdeposit .couponRow h4 { padding: 5px 0; border-radius: 4px; color: #08182F !important; font-weight: 700 !important; background: var(--maindark) !important; }
.designdeposit .couponRow .moreDetail strong { font-size: 18px !important; }
.designdeposit .bonusRow { margin: 0 auto !important; position: relative; overflow: inherit !important; border: 0; background-size: cover; }
.designdeposit .bonusRow .left-arrow, .designdeposit .bonusRow .right-arrow { position: absolute; top: 41%; position: absolute; width: 16px; height: 27px; cursor: pointer; }
.designdeposit .bonusRow .left-arrow { left: -3%; background-image: url(../assets/images/left-arrow1.png); background-size: cover; }
.designdeposit .bonusRow .right-arrow { right: -3%; background-image: url(../assets/images/right-arrow1.png); background-size: cover; }
.designdeposit .rolling-note { margin-bottom: 15px; padding: 0 5%; }
.designdeposit .rolling-note strong { position: relative; color: #08182F;}
.designdeposit .rolling-note span { color: #08182F; }
.designdeposit .rolling-note strong:before { content: ''; position: absolute; right: -15px; top: 3px; width: 11px; height: 11px; background: url(../assets/images/notification-icon.png) no-repeat; background-size: cover; }
.designdeposit .utr-number { color: #08182F !important; border-color: #CDCDCD !important; border-radius: 5px !important; box-shadow: none; }
.designdeposit .filefile:before { margin: 16px 0 !important; width: 100%; text-align: center; font-size: 16px !important; font-weight: 700 !important; text-transform: uppercase; }
.designdeposit .space { margin-bottom: 15px; }
.designdeposit .utr-number::-webkit-input-placeholder {  color: #08182F; opacity: 1; }
.designdeposit .utr-number::-moz-placeholder {  color: #08182F; opacity: 1; }
.designdeposit .utr-number:-ms-input-placeholder {  color: #08182F; opacity: 1; }
.designdeposit .utr-number:-moz-placeholder { color: #08182F; opacity: 1; }
.designdeposit .AmountDiv { padding: 1.5% 4.5% 0 !important; }
.designdeposit .amountStyle { background-color: var(--bg-sidebar) !important; }
.designdeposit .withdraw-section .inputbos.amountStyle.form-control::-webkit-input-placeholder {  color: #B8B8B8; opacity: 1; }
.designdeposit .withdraw-section .inputbos.amountStyle.form-control::-moz-placeholder {  color: #B8B8B8; opacity: 1; }
.designdeposit .withdraw-section .inputbos.amountStyle.form-control:-ms-input-placeholder {  color: #B8B8B8; opacity: 1; }
.designdeposit .withdraw-section .inputbos.amountStyle.form-control:-moz-placeholder { color: #B8B8B8; opacity: 1; }
.designdeposit .amoutvalue li a { color: #08182F !important; }
.container-main-balance .designdeposit .depositRow ul.newnav-pills { margin-bottom: 15px !important; }
.designdeposit .input-group-btn { width: auto; right: 0px; }
.designdeposit .codeCol { margin-left: 5% !important; }
.designdeposit .filefile { width: 100%; min-height: 56px; }
.designdeposit .filefile .input-group-btn { position: absolute; min-height: 56px; display: flex; align-items: center; padding: 0; right: 0; margin: 0; width: auto; }
.designdeposit .qr-codes .qrcodeImage h5 { margin-top: 30px; margin-bottom: 2px; }

/* ====== SCAN CODE CSS START =======  */
.qr-code-title {  margin-top: 32px;
    font-size: 18px;  text-transform: uppercase;   color: #0a365b;    border-bottom: solid 1px #ccc !important; font-weight: 600;  padding-bottom: 14px;
}
.qr-code li button:hover {
    background: #ec971f;
}
ul.qr-code li .accountName {
    background: #011931;  color: #fff;  padding: 14px 12px;  border-radius: 4px;  margin: 10px 0px 16px; text-transform: uppercase;
}
ul.qr-code li > .scan-code {
    width: 100%;   padding: 25px;  box-shadow: 0 0 17px rgb(0 0 0 / 10%);  border-radius: 8px;  border: 1px solid #e9e9e9;   
}
ul.qr-code li:last-child {
    padding-left: 40px;
}
ul.qr-code li > button {
    background: var(--bg-table-header) !important; color: #fff;  border: 0;padding: 14px 10px; width: 100%; border-radius: 4px; font-weight: 600;
}

ul.qr-code li > button i { color: #fff !important; font-size: inherit !important; }
.qr-code {
    display: flex;  align-items: center; justify-content: center;   margin: 30px 0px 20px;
}
ul.qr-code li { flex-basis: 50%;}
ul.qr-code li label, span.accountName {
	color: #333333;
    display: block !important; font-weight: 400;
}
.text-link {
    color: #0a5da3; font-size: 14px;
}
/* ====== SCAN CODE CSS END =======  */

.sportsbookOpen header {
    
    min-height: 56px;
}
.sportsbookOpen .margintopplayar .wrapper_dashboard.casinomain {
	padding-top:30px;
}
.ROLLEDBACK span.round-tab {line-height: 19px !important;}

.selectLanguage.headerLang {position: relative;}
.selectLanguage.headerLang select {
    background: none; border: solid 1px var(--text-fancy) !important;appearance: none;  -webkit-appearance: none; 
	padding: 8px 33px 6px 14px; border-radius: 4px; text-transform: uppercase;position: relative;  z-index: 1; 
	 cursor: pointer; height: 40px; font-size: 12px; border-radius: 40px; color: #fff !important;
}
.selectLanguage.headerLang select option{color: #000;}
.headerLang .fa.fa-caret-down {
    position: absolute;background: var(--maindark);height: 100%;width: 30px;
    right: 0;border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;  font-size: 22px;
    padding: 9px 7px; color: rgba(0, 0, 0, .7);
}
.whatsappBar.d5-whats-app-new .whats_app_d5 span {font-size: 13px !important; max-width: 230px; margin-bottom: 0 !important;   word-break: break-all;}
.whatsappBar.d5-whats-app-new .whats_app_d5 a.click-here {font-size: 13px !important;}
.tamil .whatsappBar.d5-whats-app-new{height: 64px !important}


@media(max-width:767px){
	.designdeposit .couponRow h4.appliedBonusDiv span {font-size: 10px !important;}
	.designdeposit .couponRow .appliedBonusDiv {padding: 3px 0px;}
	.withdraw-section .withdrawal-amount h4 > span {font-size: 12px;}
	app-live-casino .container.maibody {height: auto; min-height: calc(100vh - 90px);} 
	.ROLLEDBACK span.round-tab {line-height: 16.5px !important;}
	.ROLLEDBACK span.round-tab::after {
		font-size: 20px !important;
	}
	div#betby {width: 100vw;}
	.sportsbookOpen header {min-height: 87px;	}
	.designdeposit .notification { font-size: 12px; }
	.inputbos.amountStyle.form-control { font-size: 12px; height: 48px !important; }
	.amoutvalue li a { padding: 8px 6px !important; margin-right: 0 !important; font-size: 11px !important; }
	.designdeposit .text-link { margin-top: 20px; font-size: 12px; }
	.allcontaiber { padding-bottom: 30px !important; }
	.designdeposit .filters .btn.btn-primary { font-size: 16px; }
	.allcontaiber .balheader { display: none !important; }
	.filters .nav.top-tab  > li > a { font-size: 16px !important; }
	.allcontaiber { margin: 50px auto !important; }
	.depositRow ul.nav.nav-pills.newnav-pills.marchnet li a { padding: 6px 15px !important; }
	.designdeposit ul.nav.nav-pills.newnav-pills.marchnet { margin-top: 10px !important; }
	.designdeposit ul.nav.nav-pills.newnav-pills.marchnet li { padding: 3px 0 10px !important; }
	.depositRow ul.nav.nav-pills.newnav-pills.marchnet li a img { height: 20px !important; }
	.depositRow ul.list-group .list-group-item h5, .designdeposit .qr-codes .qr-heading { font-size: 12px !important; }
	.depositRow ul.list-group .list-group-item i { font-size: 14px !important;}
	.filters.depositRow .div11 select.form-control { padding: 0px 15px !important; height: 32px !important; font-size: 12px; }
	.designdeposit .bonusRow .left-arrow, .designdeposit .bonusRow .right-arrow { width: 10px; height: 16px; }
	.designdeposit .couponRow .moreDetail span { font-size: 6px !important; }
	.designdeposit .couponRow .moreDetail strong { font-size: 12px !important; }
	.designdeposit .couponRow h4 { padding: 2px 0; font-size: 10px !important; }
	
	.designdeposit .bonusRow .couponRow li .bonusCard { padding: 2px !important; border-radius: 5px !important; }
	.designdeposit .bonusRow .couponRow li, .designdeposit .bonusRow .couponRow li .bonusCard  { min-width: 190px !important; }
	.designdeposit .bonusRow .couponRow li .bonusCard:before { width: 12px; height: 12px; font-size: 10px; top: -8px; }
	.designdeposit .bonusRow .couponRow { max-height: 182px; }
	.designdeposit .bonusRow .couponRow li .bonusCard { border: 3px solid transparent !important; }
	.designdeposit .bonusRow .left-arrow, .designdeposit .bonusRow .right-arrow { top: 50%; transform: translateY(-50%); margin-top: -5px; }
	.designdeposit .couponRow li { padding: 2px 0 !important; border-width: 3px !important }
	.designdeposit .bonusRow .couponRow li.active { border-width: 2px !important; }

	.designdeposit .bank-detail { font-size: 11px !important; }
	.designdeposit .depositRow ul.list-group .list-group-item h5:first-child { padding-bottom: 5px !important; }
	.filters.depositRow .befoclass span.bank-detail { margin-top: 5px; margin-bottom: 4px !important; padding-bottom: 0 !important; }
	.designdeposit .rolling-note { font-size: 12px; line-height: 1.4; margin-bottom: 0;}
	.designdeposit .utr-number { height: 38px; font-size: 10px; }
	.designdeposit .space { overflow: hidden; }
	.designdeposit .input-group-btn button:first-child { display: none; }
	.designdeposit .btn-warning.deposit-btn { height: 50px !important; font-size: 16px !important; }
	.designdeposit .filefile:before { margin: 15px 0 !important; width: auto; left: 22px !important;  font-size: 14px !important; }
	.designdeposit .filefile .input-group-btn { min-height: 50px; right: 12px; }
	.designdeposit .bonusRow { padding-bottom: 10px !important; }
	.withdraw-section .add-bank .column.edit-account .top span { font-size: 20px; }
	.withdraw-section .add-bank .column.edit-account { border-width: 3px !important; }
	.withdraw-section h2 { margin-top: 27px; font-size: 16px; text-align: center; color: #08182F; }
	.withdraw-section .add-bank .column.edit-account .list li { font-size: 11px; line-height: 1.5; }
	.withdraw-section .form-control { padding: 4px 15px !important; height: 35px !important; border-radius: 5px; }
	.designdeposit .dropdown-text { background-position: 96% center; }
	.withdraw-section .list-inline.pull-right { margin-top: 10px !important; }
	.withdraw-section .top-heading a { left: 5px; }
	.filters .withdraw-section .pull-right .btn.delete-btn { font-size: 14px; }
	.withdraw-section .withdrawal-amount h4 { font-size: 16px; }
	.withdraw-section .withdrawal-amount .amountStyle { height: 35px !important; }
	.designdeposit .filefile { min-height: 50px; }
	.filefile:before { top: 0px !important; }
	.withdraw-section .top-heading { font-size: 16px; }

	.qr-code { margin: 15px 0px 20px; flex-wrap: wrap; }
    ul.qr-code li:last-child { margin-top: 5px; padding-left: 0; }
    ul.qr-code li { flex-basis: 100%; }
    ul.qr-code li > .scan-code { padding: 10px; }
    .qr-code-title { margin-top: 25px; padding-bottom: 10px; font-size: 15px; }

	ul.qr-code li .accountName { margin: 6px 0px 10px; padding: 12px 12px; font-size: 12px; }
	ul.qr-code li > button { padding: 10px 10px; font-size: 14px; }
	ul.qr-code li > button i { font-size: inherit !important; }
	ul.qr-code li label { font-size: 13px;}

	.designdeposit .bonusRow .couponRow.threebonus li {
		flex: inherit;
		margin-right: 6px ! important;
	  }
	.selectLanguage.headerLang {top: 2px;}
	.selectLanguage.headerLang select {padding: 5px 18px 5px 8px; border-radius: 6px; height: auto;}
.headerLang .fa.fa-caret-down {width: 22px;border-bottom-right-radius: 6px;border-top-right-radius: 8px;font-size: 19px;padding: 8px 5px;}
.whatsappBar.d5-whats-app-new .whats_app_d5 span, .whatsappBar.d5-whats-app-new .whats_app_d5 a.click-here {font-size: 12px !important;}
.tamil .ewallet-box {font-size: 8px;}
	  
}

@media(max-width:479px) {
	.designdeposit .bonusRow .couponRow li, .designdeposit .bonusRow .couponRow li .bonusCard { min-width: 143px !important; }
	.designdeposit .bonusRow .left-arrow { left: -4%; }
	.designdeposit .bonusRow .right-arrow { right: -4%; }
	
	.tamil .balance {font-size: 11px !important;}
	.tamil .ewallet-box {font-size: 7.5px;}
}

@media(max-width: 369px) {
	.designdeposit .bonusRow .couponRow li, .designdeposit .bonusRow .couponRow li .bonusCard { min-width: 130px !important; }
	.designdeposit .filefile:before { left: 11% !important; }
	.designdeposit .filefile .input-group-btn { right: 8%; }
}
.hidecalanderOnNavigate{
	display: none !important;
  }

.otpMainWrap .box-text.resendotp {text-align: center;}
.otpMainWrap .box-text.resendotp p {width: auto !important;}

.sportsBookd3Icon{background: url(assets/image/sportsBookd3.png) no-repeat; height: 18px;}

.sportsbookOpen .centerWrap.sportifream{
	padding-top: 60px!important;
}
@media screen and (max-width: 1300px){
 .showSidemenu {
    display: none!important;
}
.sportsbookOpen .centerWrap.sportifream{
	padding-top:62px!important
}
.demodeposit{width: 90%!important}
}


@media only screen and (min-width: 0px) and (max-width: 1300px){
.hideSidemenu {
    display: block;
    z-index: 999999 !important;
    position: fixed !important;
}
}

.gameDummyBox {display: none !important;}

/* ============ PRELOADER CSS START  ============= */
/*.gameDummyBox { flex-flow: wrap; display: none;}
 .gameDummyBox div{height: 175px;width: calc(16.5% - 14px);border: solid 2px var(--maindark); margin: 0px 7px 10px;border-radius:4px;}
.gameDummyBox div, .livescro .matos .imagwitex{
	background: linear-gradient(-45deg, #ced5da, #ced5da, #919191, #ced5da);
    background-size: 300% 300%; animation: casino-gradient 1s ease infinite;
}
.livescro .matos .imagwitex {min-height: 169px; border-radius: 4px;}
@keyframes casino-gradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
} 

@media(max-width:767px){
	.gameDummyBox div {height: 120px;width: calc(49.5% - 14px);	}
} */

/* ============ PRELOADER CSS END  ============= */ 

@media(max-width:1279px) and (min-width:768px){
	header.header .username-info.collapsed {margin-top: 10px !important; padding-left: 8px;}
	header.header .ewallet-box {padding: 3px 5px;}
}

/* .centerWrap.sportifream {margin-top:97px;} */
div#notification-details table.table-stripedscroll {overflow-x: auto !important;} 
.ifream{height: calc(97dvh - 91px)!important;}
@media(max-width:990px){
	.ifream{height: calc(100dvh - 102px)!important;}
	.close-msg .margintopplayar .wrapper_dashboard.casinomain{padding-top: 64px;}
	.close-msg .ifream{height: calc(100dvh - 64px)!important;}
}

/* ========== VERTICIAL IMAGES CSS START  =========== */
.provider-shadow {
    background-image: linear-gradient(#d2d2d2, #6a6b6b);
    border-radius: 4px; display: flex;   align-items: center;
    justify-content: center;padding: 6.6% 15px;
}
.verticialImagesMain .matos {height: auto !important;  width: 10% !important;}
.landingVerticalImg .provider-images .casino-banner-item {width: calc(18.5% - 10px) !important;}
.swiper-min-height {height: 370px !important;}
/* .verticialImagesMain .matos .imagwitex img {height: auto !important; max-height: inherit;} */
.verticialImagesMain .imagwitex:hover:before {font-size: 15px;width: 96px !important;}
.verticialImagesMain .imaged350 .imagwitex {min-height: auto !important;}
.verticialImagesMain .card-img-top{border-radius: 4px;}
.home-new .landingVerticalImg .casino-banners-list .casino-banner-item {width: calc(8.9% - 8.75px); margin-right: 5px;  margin-left: 5px;}
.landingVerticalImg .provider-images .casino-banner-item { width: calc(18.5% - 10px) !important;}
.home-new .landingVerticalImg .casino-banners-list.ifTwoColumn .casino-banner-item {width: calc(19.5% - 8.75px);}
span.iconPosition span.market_icon_listing.pIcon img { width: auto !important;  height: 20px !important;   margin-left: 5px;}

span.iconPosition {position: absolute; right: 22px;  top: 5px; z-index: 1;}
span.iconPosition .market_icon_listing img {width: 30px !important; height: 30px !important;}
.livescro.verticialImagesMain, .maibody.verticialImagesMain {position: relative;}	
.noGameAvailable > .fa {font-size: 44px; padding-bottom: 8px;}
.noGameAvailable {font-size: 24px;   font-weight: 600; text-align: center;  width: 100%;  height: calc(100dvh - 160px);  display: flex; align-items: center;  justify-content: center;  flex-direction: column;}
.noGameAvailable br{display: none;}

@media(max-width:1680px){
	.provider-shadow {padding: 6.8% 15px;}
	.verticialImagesMain .matos {width: 11% !important;}	
	.verticialImagesMain .imagwitex:hover:before {font-size: 14px; width: 90px !important;}
	.swiper-min-height {height: 345px !important;}
	
}

@media(max-width:1536px){
	.verticialImagesMain .imagwitex:hover:before {font-size: 12.5px;width: 80px !important;height: 26px !important;line-height: 26px !important;}
	.swiper-min-height {height: 290px !important;}
}

@media(max-width:1366px){
	.swiper-min-height {height: 300px !important;}
}

@media (max-width: 1440px) {
    .verticialImagesMain .matos {width: 12.4% !important;}
	/* .home-new .landingVerticalImg .casino-banners-list .casino-banner-item {width: calc(9.9% - 8.75px);} */
}

@media(max-width:1280px){
	.tabStylingss {max-width: 1150px;}
	.provider-shadow {padding: 8.8% 15px;}
	
}



@media(max-width:1365px) and (min-width:993px){
	.verticialImagesMain .imaged350{width:12.2% !important;  float: left;}
	.verticialImagesMain .maintabcasi {margin-top: 30px; }
	.verticialImagesMain .matos { width: 100% !important; }
	.sidebar-left .search-box {display: flex;align-items: center;}
}

@media(max-width:1280px){
	.home-new .landingVerticalImg .casino-banners-list .casino-banner-item {width: calc(12.3% - 8px);}
	.home-new .landingVerticalImg .casino-banners-list .casino-banner-item:nth-child(3n){margin-right: 5px !important;}
	.landingVerticalImg .provider-images .casino-banner-item {width: calc(25% - 10px) !important;}
}
@media(max-width:1200px){
	.home-new .landingVerticalImg .casino-banners-list .casino-banner-item {width: calc(14% - 8px);}
	.landingVerticalImg .provider-images .casino-banner-item {width: calc(29.5% - 10px) !important;}
	.tabStylingss {max-width: 990px;}
	.all-sports-list .sport-list-item {width: calc(10% - 5px) !important;}
	.provider-shadow {padding: 11.8% 15px;}
}

@media(max-width:991px){
	.landingVerticalImg .provider-images .casino-banner-item {width: calc(16.5% - 10px) !important;}
	all-sports-list .sport-list-item {width: calc(10% - 10px) !important;}
	.provider-shadow {padding: 6% 15px;}
}

@media(max-width:1280px) and (min-width:768px){
	.float-right.header-right{justify-content: flex-end;}
}


@media (max-width: 992px) {
    .verticialImagesMain .matos {width: 100% !important;} 
	app-live-casino .verticialImagesMain .matos{width: 32.9% !important; float: left;}
	.verticialImagesMain .imaged350{width: 19.9% !important;}
	.tabStylingss {max-width: 730px;}
	.home-new .landingVerticalImg .casino-banners-list .casino-banner-item {width: calc(16.3% - 8px);}
	.rolling-modal#rollingDetail .modal-content{margin: 20px auto 0; width: 95% !important;}
}

@media(min-width:768px){
	.nav-pills.tabStylingss li a {color: #fff !important;}
	.tabStylingss .activeTab, .tabStylingss.nav-pills > li > a:hover{border-color: var(--maindark);}
	
}

@media(max-width:767px){
	.noGameAvailable {font-size: 18px;}
	.noGameAvailable > .fa {font-size: 38px;}
	.all-sports-list .sport-list-item {width: calc(25% - 5px) !important;}
	.verticialImagesMain .imaged350 {width: 32.9% !important;}
	.home-new .landingVerticalImg .casino-banners-list .casino-banner-item {width: calc(33.3% - 10px) !important;  margin-bottom: 10px !important;}
	.home-new .landingVerticalImg .casino-banners-list .casino-banner-item:nth-child(2n) {margin-right: 5px !important;}
	.provider-shadow {padding: 2% 15px; min-height: 135px;}
	span.market_icon_listing.pIcon img {margin-left: -3px;	}
	span.iconPosition {position: inherit; z-index: 1; right: auto; top:auto}
	span.iconPosition span.market_icon_listing img{width: 26px !important; height: 26px !important;}
	span.iconPosition span.market_icon_listing.pIcon img { margin-left: 0px; height: 17px !important;}
	.livescro .newnav-pills>li:first-child>a span{font-size: 14px;}
	.livescro .newnav-pills>li>a span{font-size: 0;}
	
}

/* ========== VERTICIAL IMAGES CSS END  =========== */
.stepper ul.nav.nav-tabs li.FAILED {color: red;}
.whatsapp-CTA span#whatsupAnim { min-height: 31px;} 
.demodeposit .modal-content, .barcode-verificationMdl .modal-content {background: #fff;}
.demodeposit .modal-content .modal-body, .barcode-verificationMdl .modal-body, .barcode-verificationMdl .modal-header {background: none !important;}
.demodeposit button {background-color: var(--text-fancy); border-color: var(--text-fancy); color: var(--text-black) !important;}
.demodeposit .modal-content p, .barcode-verificationMdl .modal-footer .verfication-btn .barcode-verificationMdl #formGroupInputLarge {color: #333;}
.barcode-verificationMdl .modal-footer .btn-group:hover { border: none;}
.demodeposit .modal-content p, .qr-heading.text-right strong {color: #333;}
.designdeposit .qr-codes .qrcodeImage button { background: var(--btn-primary) !important; color: var(--text-white) !important;}
.qrcodeImage.qrcodeCrypto button.download-btn.statusBtn { background: var(--maindark) !important;  color: #000;}	

.flexContainerss button {
    background: var(--btn-primary) !important;
	color: var(--text-white) !important;
    border: 0;
    padding: 10px 15px;
    border-radius: 4px;
    margin-top: 10px; font-weight: 600;
    font-size: 14px;
}
.designdeposit .filters .deposit-amounts-container .btn-primary {color: var(--text-white) !important;}





.barcode-verificationMdl h5{color: #000; font-weight: bold;}
.barcode-verificationMdl .modal-dialog { display: flex;  align-items: center;   justify-content: center;}
.barcode-verificationMdl button.close { margin-top: 0 !important;}
.barcode-verificationMdl .qrcode canvas {width: 250px !important;  height: 250px !important;}

.barcode-verificationMdl .btn.verfication-btn.btn-warning{background: var(--text-fancy) !important; color: var(--text-black);}
.barcode-verificationMdl .modal-header button.close span {color: #000 !important; font-size: 24px;}
.barcode-verificationMdl .modal-header {background: #ddd !important;}
.barcode-verificationMdl #formGroupInputLarge {color: #333;}
.iceModalCentered {margin: 0 auto; display: flex;  align-items: center;justify-content: center;  min-height: 100vh;}
.designdeposit .edit-bank .form-control.disableField{background-color: #eee !important;}
.resenOtpdBtn {background: var(--text-fancy); color: var(--text-black); font-weight: 600; line-height: normal;}
.edit-bank .refreshBtn {font-size: 16px !important;}
.edit-bank button.resenOtpdBtn[disabled], .edit-bank button.resenOtpdBtn:hover[disabled] {opacity: .6 !important;}
select.selectLang {border-radius: 4px;}
#premiumMarket .premiumBox{border: 1px solid #3c444b; padding-top: 5px; border:1px solid rgba(255, 255, 255, 0.1); width: 99%; margin: 0 0 5px;}
#premiumMarket .premiumBox .bet-table-row{ border-bottom: none; padding: 0 0 0 10px!important; margin-bottom: 0;}
#premiumMarket .premiumBox .bet-table-row span{font-size: 13px;}
#premiumMarket .premiumBox .bet-table-row .adjustbook span{font-size: 10px;}
#premiumMarket .premiumBox .bet-table-row span{font-size: 13px;}
#premiumMarket .cardtit{display: block!important; margin: 0 0 2px!important;}
select.selectLang {border-radius: 4px;}
.setAmountVal span.pull-right {color: #08182F; font-weight: 600;}


.dummyPM-Row{position: relative;}
.dummyPM-Row .lockRow{position: absolute; display: flex; justify-content: center; gap: 5px 0; align-items: center; flex-direction: column; top: 0; left: 0; right: 0; width: 100%; height: 100%;}
.dummyPM-Row .lockRow .toPlay{padding: 10px; border-radius: 5px; background: #000; color: #fff; border: none; display: inline-block;}
.dummyPM-Row .lockRow .fa{font-size: 24px; margin-right: 5px;}
.premiumDummy{margin: 10px 0 0; filter: blur(3.5px);}
.premiumDummy h3{font-size:16px; color: #000; margin:5px; font-weight: 800;}
.premiumDummy ul{box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.7); border-radius: 5px; margin: 0 3px 15px}
.premiumDummy li{border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 1px 5px; display: flex; align-items: center;}
.premiumDummy li h6{width: 67.2%;}
.premiumDummy li h6 span{display: block;}
.premiumDummy li:last-child{border-bottom: none;}
.premiumDummy li .mthOdd{width: 248px; height: 43px; border-radius: 4px; background: #a4d6fd; display: flex; justify-items: center; justify-content: center;}
.premiumDummy li .mthOdd span{margin: 12px 0;}

.bet-table .game-title{position: relative;}

.imagwitex{position: relative; padding-top: 135%; overflow: hidden;}
.imagwitex img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 100%!important; 
	animation: gradient 1s linear infinite;
    background-image: linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.3));
    background-size: 300% 100%;}

	@keyframes gradient {
		0% {
			background-position: 100% 0%;
		}
	
		100% {
			background-position: 0% 0%;
		}
	}
	@media (max-width: 1399px) {
		.pokerVirtual{width: 420px!important;}
	}
	@media (max-width: 1024px) {
		.pokerVirtual{width: 100%!important;}
	}

/* ========= BALL BY BALL CSS START ========== */
.ballByBallMain {display: flex; margin: 0 10px;  flex-wrap: wrap;  justify-content: space-between;  margin-top: 85px;    align-content: baseline;}
.streamingRow{padding: 32px 0 15px; position: sticky; z-index: 99; top: 70px; background: var(--bg-body);}
.ballstreaming{background: var(--bg-body);}
.embed-responsive{border-radius: 5px 5px 0 0;}
.info-icon{position: absolute; z-index: 11; right: 14px; top: 8px; cursor: pointer; font-size: 18px;}
.info-icon .fa.fa-info-circle{color: #000!important;}
.ballBanner{position: relative; border: 1px solid rgba(255, 255, 255, .3);}
.ballBanner img{width: 100%;}
.ballBanner .scoreBall{position: absolute; z-index: 999; width: 100px; height: 100px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ballBanner .scoreBall img{max-width: 100%;}
.ballBanner .scoreBall .scoreRes{color: #fff; position: absolute; text-align: center; font-size: 26px; font-weight: 600; width: 100px; height: 100px; display: flex; justify-content: center;  align-items: center;}
.roundId {width: 100%;  padding: 7px 8px;  margin: 0;  border-radius: 0 0 5px 5px;  background-color: var(--bg-table-header);  color: var(--text-table-header);}
.lastResult{width: 100%; margin: 0 0 20px;}
.lastResult .headingText {min-height: 30px;  padding: 9px 8px;  border-radius: 8px 8px 0 0; background-color: var(--bg-table-header);  color: var(--text-table-header);  font-size: 16px;   margin: 0 0 12px 0;}
.lastResult ul{display: flex; flex-wrap: wrap; gap: 8px;}
.lastResult li{width: 8.4%; height: 35px; background: #95a3af; cursor: pointer; color: #fff; font-weight: 600; font-size: 14px; border-radius: 5px; padding: 5px; display: flex; justify-content: center; align-items: center;}
/* .centermmbox .lastResult li{width: 9.5%;} */
.ballByRow{padding-top: 10px; padding-bottom: 12px;}
.ballByRow ul{display: flex; flex-wrap: wrap; gap:10px; margin-top: 20px;}
.ballByRow li {width: 32%;  display: flex;  justify-content: space-between;  align-items: center; border-radius: 5px; background: transparent;  padding: 5px 8px 5px 8px;  border: 1px solid #3c444b;  position: relative;}
.ballByBallMain .eventMain {display: block;width: 100%;}
.ballByRow h4{font-size: 14px;  margin: 0; color: var(--text-table);  line-height: 17px;}
.ballByRow h4 span{display: flex; gap: 0 3px; font-size: 10px;}
.ballByRow .oddsBox{display: flex; align-items: center; gap:0 10px; position: relative; width: 34%;}
.ballByRow .ballOdds {background: var(--back);cursor: pointer;  height: 40px;  width: 52%; max-width: 52px;  display: flex;  justify-content: center;  align-items: center;  border-radius: 4px;   padding: 4px 0;   color: var(--text-black);  font-weight: var(--font-bold);   font-size: 16px;}
.ballByRow .ballOdds:hover {background: var(--back-hover);}
.ballByRow .minMaxCell{width: 45%;height: 35px; display: flex; justify-content: center; flex-direction: column; }
.ballByRow .minMaxCell > span {display: block; height: 16px;  line-height: 16px;  color: var(--text-table); font-size: 12px !important;  text-align: center;}
.ballByRow .suspended {display: flex;  justify-content: center;   align-items: center;  width: 100%;   position: absolute;   left: 0; background: #373636D6 !important; height: 100%;  z-index: 9; color: var(--text-red);   font-size: var(--font-headline);  font-weight: var(--font-bold);  text-transform: uppercase; cursor: not-allowed; pointer-events: inherit !important;}
.timerBox {position: absolute; width: 100px; height: 100px; left: 20px; top:20px}  
.timerBox .circle {width: 100%; height: 100%; background: #fff; border: 10px solid #ddd; border-top: 10px solid #4caf50; border-radius: 50%; animation: countdown 15s linear infinite;}
.timerBox .half-time {border-top: 10px solid #ff5722; /* Change the color after half time */}  
.timerBox .countdown {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2em; font-weight: bold; color: #333;}
.no-animation {animation: none;}
#ballbyball .modal-header{display: flex; justify-content: space-between;}
#ballbyball .modal-body{padding: 0; background: #000;}
#ballbyball .embed-responsive{border-radius:0;}
#ballbyball .modal-header h4{width: 100%; text-align: center; font-weight: 600;}
#ballbyball .modal-header .close, #ballbyballRules .modal-header .close{color: #fff!important;}
#ballbyball .modal-footer p{margin: 0; text-align: center; color: var(--text-body);}
.remainingRow{background: var(--side-bg); border: 1px solid rgb(0, 0, 0, .2); padding:8px; width: 100%; display: flex; align-items: center; gap: 0 15px; }
.remainingRow h6{margin: 0; font-weight: 600;}
.remainingRow ul{display: flex; flex-wrap: wrap; gap: 5px;}
.remainingRow li{width: 22px; height: 22px; background: #fff; border-radius: 50%; color: #000; display: flex; justify-content: center; align-items: center;}
.remainingRow li span{font-size: 12px; line-height: 26px;}
.listnone ul{list-style: none;}
.listnone ul li{font-size: 12px;}
@keyframes countdown {
    from {transform: rotate(0deg); }
    to {transform: rotate(360deg);}
  }
 
.ballByRow .suspended::before, .ballByRow .suspended::after {display: none;}  
.ballVideoBox{position: relative;}
#videoFrame{position: absolute; z-index: 8;}
video#videoFrame{width: 100%!important; height: 100%!important; background: #000;}
.dummyEventMain .ballBanner{padding-bottom: 61%; background:rgba(0,0,0,0.2); border-radius: 5px}
.dummyEventMain .eventTextLabelPre {
    animation: placeHolderShimmer 1.25s infinite linear;   background: #ced5da linear-gradient(to right, #ced5da 8%, #d8dfe4 18%, #ced5da 33%);
    background-size: auto;   background-size: 800px 104px; height: 10px;  border-radius: 5px;   width: 25%;
}
.ballByBallMain .eventMain .dummyScoreBoxLive {display: none;}
.dummyEventMain .lastResult li, .dummyEventMain .bookOddvalue li{animation: gradient 2s linear infinite;
    background-image: linear-gradient(120deg,rgba(255,255,255,0.8),rgba(255,255,255,0.6),rgba(255,255,255,0.6),rgba(255,255,255,0.8));
    background-size: 300% 100%;}
    @keyframes gradient {
        0% { background-position: 100% 0%;}
        100% { background-position: 0% 0%;}
      }
  
.ballByBallMain .streamingRow > .row{margin: 0;}	  
.ballByBallMain .streamingRow > .row .col-md-7{padding-left: 0;}
.ballByBallMain .streamingRow > .row .col-md-5{padding-right: 0;}

/* ========= REMOVE SCROLL CSS START ========= */
/* === fantasy-games === */
.landingpage.newGamea > .livescro {min-height: auto !important;}  
.landingpage.newGamea .livescro > .maibody {height: auto;} 
.landingpage.newGamea .livescro > .maibody .imagwitex img {position: inherit;}
.landingpage.newGamea .livescro > .maibody .imagwitex { padding: 0;}
/* fantasy-games end*/
.casinoGameRemoveScroll.maibody {overflow-y: auto; height: auto;} /* ACE,LIVE,SLOT,VIRTUAL-SPORT*/
.casinoGameNoMinHeight{min-height: auto !important;}/* ACE,LIVE,SLOT,VIRTUAL-SPORT*/
.casinoGameNoMinHeight > .container.maibody {height: auto !important;} /* LIVE-CASINO*/

/*app-player-profile-layout .home_page{min-height: calc(100dvh - 124px) !important;} /* TABLE PAGES EX PROFILE DROPDOWN */
/*app-all-account-statement .bet-history-status > .ngx-datatable, 
app-all-notification-log .container-main-profit-loss div > .ngx-datatable 
 {height: calc(100dvh - 216px) !important;} account-statement ngxtable, notification */
@media(min-width:1278px){
	/*.wrapper_dashboard{overflow: auto !important;}  REMOVE BODY UNNESSARY SCROLL */
	/* .profilemng {overflow: auto !important;}  TABLE PAGES EX PROFILE DROPDOWN */
}
/* ========= REMOVE SCROLL CSS START ========= */

@media (max-width:1699px) {
	.ballByRow .oddsBox {width: 43%;}
	.lastResult li {width: 10.5%;}
}
@media (max-width:1600px) {
	.ballByRow .oddsBox {width: 48%;}
    /* .lastResult li{width: 14%;}
    .centermmbox .lastResult li{width: 10.5%;} */
	.lastResult ul {gap: 6px;}
	.timerBox{width: 85px; height: 85px;}
	.timerBox .circle {	border: 8.5px solid #ddd;border-top: 8.5px solid #4caf50;}
}
@media (max-width:1440px) {
	.ballByRow .oddsBox {width: 53%;}
	.ballByRow .minMaxCell > span {height: 14px; font-size: 11px !important;}
}

@media (max-width:1400px) {
    .lastResult li{width: 11.8%;}
	.ballByRow .oddsBox {width: 56.25%;}
	.ballByRow .minMaxCell > span {font-size: 10.5px !important; }
}

@media(max-width:1360px){
	.ballByRow .oddsBox {width: 36%;}
}

@media(max-width:767px){
	/* .ballByBallMain .streamingRow > .row .col-md-7{padding-right: 0; padding-left: 0;}
	.ballByBallMain .streamingRow > .row .col-md-5{padding-left: 0;} */

	.timerBox {width: 50px; height: 50px;left: 15px;  top: 15px;}
	.timerBox .circle {border: 5px solid #ddd;   border-top: 5px solid #4caf50;}
	.timerBox .countdown {font-size: 18px;}
	.ballByRow .suspended{font-size: 11px;}
	.ballByRow li {width: 48.5%;}
	.ballByRow .oddsBox {width: 68%;}
	.ballByRow .minMaxCell > span {line-height: 13px; height: auto; font-size: 9px !important;}
	.ballByRow h4 {font-size: 12px;}
	.ballByBallMain {margin:85px 5px 0;}

	.lastResult li {width: 8.5%;}
	.lastResult {margin-top: 30px;	}
	#ballbyball .modal-footer p {font-size: 14px;}
	.roundId {padding: 5px 8px;font-size: 13px;	}
	.lastResult .headingText {padding: 7px 8px;	font-size: 13px; margin: 0 0 10px 0;}
	.remainingRow{flex-wrap: wrap; gap: 5px 0;}
	.remainingRow ul{width: 100%; gap: 3px;}
	.remainingRow li{width: 20px; height: 20px;}
	.remainingRow li span{font-size: 11px;}
}
	.Rosebook_20230921 .home-new-logo img {
		max-height: 151%;
	}

    @media only screen and (min-width: 320px) and (max-width: 1279px) {
	.Rosebook_20230921 .home-new-logo img {
        max-height: 63px !important;
    }
    }
	.Ssb100_20230920 .singpopup .downline-heading img {
		height: 32px;
	}
	@media (max-width: 767px) {
		.Ssb100_20230920 .home-new-logo img {
			max-width: 65% !important;
		}
	}
	@media (max-width: 990px) {
		.Ssb100_20230920 .logo img {
			max-width: 127% !important;
			max-height: 100% !important;
			height: auto;
			margin: 0;
		}
		.ballByBallMain .streamingRow > .row .col-md-7, .ballByBallMain .streamingRow > .row .col-md-5{padding-right: 0; padding-left: 0;}
		.streamingRow {padding-top: 8px; position: inherit; top: inherit;}
		/* .position-relative.ballstreaming.col-md-7{position: sticky!important; top:92px; z-index: 99;} */
	}

.headgameNav{clear: both; background: var(--bg-sidebar); width: 100%;}
.headgameNav ul{display: flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; overflow-y: hidden; margin: 0;}

.headgameNav ul li{border-left: 1px solid rgba(255, 255, 255, .3); margin: 0;}
.headgameNav ul li:first-child{border-left: none;}
.headgameNav ul li a{display: flex; align-items: center; gap: 0 8px; padding:8px 20px; cursor: pointer;}
.headgameNav .gmIcon{width: 15px; height: 22px;}
.headgameNav .gmIcon img{max-width: 100%;}
.headgameNav .gmIcon svg{fill:#fff;}
.headgameNav .gmText{ color:#fff; font-size: 14px; font-weight: 700;}

.dummyGameNav{display: flex; justify-content: center; gap: 0 15px;}
.dummyGameNav .dummyText{ margin: 4px 0; height: 15px; width: 65px;}
.dummyText{width: 60px; height: 10px; animation: gradient 1s linear infinite; background-image: linear-gradient(120deg,rgba(255,255,255,0.1),rgba(255,255,255,0.3),rgba(255,255,255,0.1),rgba(255,255,255,0.3)); background-size: 300% 100%;  border-radius: 10px; display: block; margin: 0 0 15px 15px;}
.hasFreespinText {display: flex; justify-content: space-between;  padding: 0 8px;}
.actionBonusBtnStyling .btn-sm { padding: 4px 9px !important;  margin: 0px !important;  font-weight: 600;}
.actionBonusBtnStyling .freeSpinBtn {background: var(--text-fancy); color: #000;}
@keyframes smooth-blink {0%, 100% {opacity: 1;}  50% {opacity: 0;}}  
.blink-animate {animation: smooth-blink 1s infinite;}

.bookmakerheading1{ width: 100%; display: block; background:var(--bg-table-header); font-size: 14px; font-weight: 600; color: var(--text-table-header); padding: 5px 10px; border-radius: 5px 5px 0 0; margin-bottom: 10px;}
.ball-bookMaker{margin: 20px 0 0;}
.ball-bookMaker .bookHead{ background:var(--bg-table-header); display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 5px 10px; border-radius: 5px 5px 0 0;}
.ball-bookMaker .bookHead h3{flex: 0 0 60%; font-size: 14px; font-weight: 600; color: var(--text-table-header); margin: 0;}
.ball-bookMaker .bookHead ul.backlayText{flex: 0 0 40%; display: flex; justify-content: center; margin: 0;}
.ball-bookMaker .bookHead ul.backlayText li{width: 20%; text-align: center; font-size: 14px; font-weight: 600; color:var(--text-table-header);}
.ball-bookMaker .bookmarBox{margin:0 0 10px;}
.ball-bookMaker .bookEvent{display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.ball-bookMaker .bookEvent:last-child{border-bottom: none;}
.ball-bookMaker .bookeventName{padding: 0 10px; flex: 0 0 60%;}
.ball-bookMaker .bookeventName span{display:flex; gap:0 2px;font-weight: 500;}
.ball-bookMaker .bookeventName .bm-minText span{font-weight: 400; font-size: 10px;}
.ball-bookMaker .bookOddvalue{flex: 0 0 40%; display: flex; justify-content: center; align-items:center; gap:4px; position: relative;}
.ball-bookMaker .bookOddvalue li{flex: 0 0 16%; cursor: pointer; border-radius: 4px; height: 40px; color: #000; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 700;}
.ball-bookMaker .back{background:var(--back);}
.ball-bookMaker .lay{background: var(--lay);}
/* .ball-bookMaker .back-light, .ball-bookMaker .lay-light{opacity: 0.3;} */
.ball-bookMaker .suspended-BM{background: #373636D6; color:var(--text-red);; margin: 0; height: 40px; font-weight: 600; font-size: 16px; text-transform: uppercase; border-radius: 4px; width: 101%; position: absolute; z-index: 9; display: flex; justify-content:center; align-items: center;}

.dummyEventMain .bookHead {min-height: 32px;border-radius: 5px 5px 0 0;margin-bottom: 4px; animation: gradient 1s linear infinite; background-image: linear-gradient(120deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.8)); background-size: 300% 100%;}
.dummyEventMain .bookHead .eventTextLabelPre {display: none;}
.dummyEventMain .bookEvent .eventTextLabelPre {width: 105px;}
.dummyEventMain .bookEvent{align-items: center;}
.forResultT{display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 0 8px;}
.vidIcon{padding: 0 5px; margin: 2px 0 0 0; border: 1px solid rgba(255, 255, 255, .5); border-radius: 5px;}
.vidIcon:hover{border: 1px solid var(--btn-primary); color: var(--btn-primary);}
.bonusHistoryMain .actionBonusBtnStyling {padding-top: 5px;display: flex;}
.rolling-modal .bonus-ul li {word-wrap: break-word;}



.logo-box-inner{width: 220px; padding:3.5px 10px; position: absolute; left: -220px; top:0; background: var(--bg-sidebar);}
.logo-box-inner .logoLink img{max-width: 100%; max-height: 50px; height: auto;}
.sidebar-left .logo a img{opacity: 0;}
.ngx-datatable .sortable .sort-btn:before{filter: invert(1);}
.table>thead>tr>th{border-bottom: none;}
.nav-pills.newnav-pills.gameTabCasino li a.nav-link.activeTab, .nav-pills.newnav-pills.gameTabCasino li a.nav-link.activeTab:hover, 
.casinoGameRemoveScroll .nav-pills.newnav-pills.gameTabCasino li a.active, .casinoGameRemoveScroll .nav-pills.newnav-pills.gameTabCasino li a.active:hover{box-shadow: none!important;  border:2px solid #f9ab1b!important;}
.modal-footer .btn-warning{color: #000!important;}
.modal .saveedit{color: #000!important;}
.date-btn-main div{margin: 0 15px 0 0!important;}
.colDate div{margin: 0!important;}
#freespin-reload-modal .modal-content{margin: 0 5px;}
@media (max-width:767px) {
	.dummyEventMain .ballBanner {padding-bottom: 64.5%;}
	.dummyEventMain .bookEvent .eventTextLabelPre {margin: 6px 0px 5px;}

	.center-main-content{padding-top: 0;}
	.headgameNav ul::-webkit-scrollbar{display: none;}
	.headgameNav ul li{margin: 10px 0;}
	.headgameNav ul li a{padding:0 20px;}
	.headgameNav .gmText{font-size: 12px;}
	.hasFreespinText {padding: 0 6px;}
	.actionBonusBtnStyling .btn-sm {padding: 4px 7px !important;  font-size: 11px;}
	.lastResult ul {gap: 5px;}
	.ball-bookMaker .suspended-BM{ width: 103%;}
	.ball-bookMaker .bookHead ul.backlayText{display: none;}
	.ball-bookMaker .bookEvent{display: block;}
	.ball-bookMaker .bookeventName{padding: 0 5px 5px;}
	.ball-bookMaker .bookOddvalue{margin: 0 5px;}
	.ball-bookMaker .suspended-BM{font-size: 11px;}
	.rolling-modal .bonus-ul li > span{min-width: 48%;}
	.logo-box-inner{display: none;}
	.livescro .newnav-pills>li>a{padding: 5px 10px!important;}
	.livescro .newnav-pills>li>a img{max-width: inherit!important; margin: 0!important;}
	.tabStylingss li{padding: 0;}
	.tabStylingss li a.active{box-shadow: none!important;}
	.reloadModal h5{font-size: 16px!important;}
	
}

@media(max-width:379px){
	.ballByRow ul{gap: 8px;}
	.ballByRow .ballOdds{font-size: 12px; max-width: 40px;}
}
@media only screen and (min-width: 320px) and (max-width: 1279px) {
    .Kric555_20230976 .home-new-logo img {
        max-height: 31px !important;
        max-width: 215px;
    }
}
#notification-details .table-header th{width: 70%!important;}
#notification-details .table-header th:last-child {width: 30%!important;}
#notification-details tbody tr td{width: 70%!important;}
#notification-details tbody tr td:last-child{width: 30%!important;}

.Funter777_20230981 .singpopup .downline-heading img {
    height: 56px;
}

@media (max-width: 990px) {
    .Funter777_20230981 .logo img {
        max-width: 142% !important;
        max-height: 100% !important;
        height: auto;
        margin: 0;
    }
}
.freeSpin .modal-body{background: #fff!important;}