.svgcenter {
    display: block;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* margin-top: 25%; */
    width: 32%;
    position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.videopokerImg{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.inline{
	display: flex;
	flex-direction: row;
}
.centerAlign{
display: flex;
justify-content: space-evenly;
}
body[base="desktop"] .mobile_display{
	display: none;
}
body[base="mobile"] .mobile_display{
	display: none;
}
.coin-prize-card{
	position: relative;
}
.coin-prize{
	position: absolute;
    top: 37%;
    left: 45%;
	color: white;
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2){
	/* .mobile_display {
		display: none !important;
	} */
  }
.nav{
	z-index: 1;
}
/* sidepanel2 */
#sidepanel2{
	position: absolute;
	transition: 0.3s;
	left: -15vw;
	width: 15vw;
	margin-top: 2vh;
}
.wholeBody{
	padding: auto;
	height: 96vh;
	border-radius: 1vw;
	background-color: #000000;
}

.sidepanel_open{
	width:15%;
	display: block;
	margin-top: -95vh;
	margin-left: 15vw;
}
.sidepanel_close{
	width: 15%;
	margin-top: -95vh;
    margin-left: 15vw;
	display: none;
}
.redLine{
	width: 50%;
	height: 4px;
	margin-left: -0.8vw;
	margin-top: -1.8vh;
}
.game-logo1{
	display: block;
 	margin-left: auto;
 	margin-right: auto;
  	padding-top: 1vh;
	 width: 75%;
	
}
.small{
	 width: 20%; 
}
.f-row{    
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
	margin-left: 45px;
}
.sidepanel_body{
	max-height: 82vh;
	display: inline-flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1.28vw;
	overflow-y: scroll;
}
.sidepanel_body::-webkit-scrollbar {
	display: none;
  }
/* sidepanel2 start */
/* sidepanel3 */
#sidepanel3{
	position: absolute;
	top: 0vh;
	transition: 0.3s;
	left: -30vw;
	width: 15vw;
}
.game-logo3{
	display: block;
 	margin-left: auto;
 	margin-right: auto;
  	padding-top: 1vh;
	height: 2.5vh;
	position: relative;
	z-index: 1;
}
.f-col{
	position: relative;
	z-index: 1;
}
.small3{
	display: block;
 	margin-left: auto;
 	margin-right: auto;
	height: 2.25vh;
	margin-top: 1.5vh;
}
.line3{
	height: 0.5vh;
	width: 50%;
	display: block;
 	margin-left: auto;
 	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
.shadowUp3{
	position: absolute;
	top: 8.5vh;
	z-index: 1;
}
.sidepanel_body3{
	max-height: 86vh;
	display: inline-flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1.28vw;
	overflow-y: scroll;
	position: absolute;
	top: 11vh;
	z-index: 0;
}
.shadowdown3{
	position: relative;
	bottom: -84vh;
    z-index: 1;
    transform: rotate(180deg);
}
.shadow3{
	width: 15vw;
	height: 6vh;
}
.sidepanel_open3{
	width:27%;
	display: block;
	margin-top: -100vh;
	margin-left: 27.5vw;
}
.sidepanel_close3{
	width: 15%;
	margin-top: -96.5vh;
    margin-left: 15vw;
	display: none;
}
#pannelImage{
	cursor: pointer;
    width: 5.5vw;
	border: 1px solid white;
	border-radius: 10px;
}

.wholeBody3{
	padding: auto;
	height: 100vh;
}
.bgimage{
	width: 15vw;
    position: absolute;
    height: 100vh;
    opacity: 0.85;
}
/* slidepanel3 close */
/* gamerule start */
#gameName{
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.shift_left{
	display: grid;
    grid-template-rows: 1fr;
    justify-content: flex-start;
}

.payline_img{
    width: 60%;
}

.payline2_img{
    width: 60%;
}

.parallel{
    margin-top: 15px;
    display: flex;
    max-height:400px;
}

.payout_desc{
    font-family: SemplicitaPro-Medium;
    color: #dee1e6;
}
.payout_img{
        width: 100px;
    }
.payout_img2{
    width: 40px;
    }
.payoutv_img{
        width: 100px;
    }

.grid-row{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
    margin-top: 2em;
}

.depthTop{
	z-index: 999;
}
#cashier_icon{
		margin-left: 20px;
	}
@media (orientation : landscape){
	#scroll-box.scroll_gamerules{
		margin-bottom: 5vh;
	}
	body[base="mobile"] .scroll_gamerules{
		height: 62vh;
	}
	body[base="mobile"] .accordion .contentBox.active .content{
		height: auto;
		margin-left: 2%;
	}
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	body[base="mobile"] .scroll_gamerules{ 
		height: 80vh;
	} 
  }
  @media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape) {
	body[base="mobile"] .scroll_gamerules{ 
		height: 80vh;
	} 
  }
@media (orientation : portrait){
	#scroll-box.scroll_gamerules{
		margin-bottom: 10vh;
	}
	.container-section {
		padding: 0px 0px;
	}
	body[base="mobile"] .scroll_gamerules{
		/* height: 75vh; */
		width: 100%; 
	}
	/* body[base="mobile"] #scroll-box.roulete{
		height: 75vh;
	} */
	.payline_img{
		width: 80%;
		margin-top: 20px;
	}
	.payline2_img{
		width: 80%;
	}
	#gamble-row table.table{
		margin-left: -22px;
	}
	/* body[base="mobile"] .inline{
		margin-left: -6vw;
	} */

	body[base="mobile"] #scratch_Home_icon{
		margin-left: 20px;
	}
	body[base="mobile"] #scratch_Cashier_icon{
		margin-left: 20px;
	}
	
}
#scratchPanel #scroll-box{
	overflow-x: hidden;
}

@media (max-width: 929px) and (min-height: 578px){
	/* #scratchPanel #close-button {
		top: -2px;
	} */
}

@media (max-width: 819px) and (max-height: 578px){
	/* #scratchPanel #close-button {
		top: -2px;
	} */
}

/* gamerule close */
@media only screen and (max-width: 780px) {
	#pannelImage{
		width: 11vw;
	}
	.game-logo3{
		width: 13vw;
	}
  }
  @media only screen and (max-width: 800px) {
	.sidepanel_open3{	
		width:30%;
		margin-left: 27vw;
	}
	.sidepanel_close3{
		width: 30%;
	}
  }
  @media only screen and (max-width: 576px) {
	.sidepanel_open3{
		width: 70px;
		margin-left: 26vw;
	}
	.sidepanel_close3{
		width: 30px;
	}
  }
  @media only screen and (max-width: 525px) {
	.sidepanel_open3{
		margin-left: 25vw;
	}
  }
  @media only screen and (max-width: 400px) {
	.sidepanel_open3{
		width: 60px;
		margin-left: 25vw;
	}
  }
  @media only screen and (max-width: 272px) {
	.sidepanel_open3{
		width: 60px;
	}
  }  
@media only screen  and (orientation: landscape)and (-webkit-min-device-pixel-ratio : 2){
	#pannelImage{
		width: 12vw;
	}
}
/* (orientation: portrait) */
@media only screen and (orientation : portrait)and (-webkit-min-device-pixel-ratio : 2){
	#pannelImage{
		width: 25vw;
	}
}
@font-face {
	font-family: SemplicitaPro-Medium;
	src: url(../fonts/SemplicitaPro-Medium.otf);
}
@font-face {
	font-family: SemplicitaPro-Bold;
	src: url(../fonts/SemplicitaPro-Bold.otf);
}
@font-face {
	font-family: Termina;
	src: url(../fonts/Termina.ttf);
}
/* @font-face {
	font-family: SemplicitaPro-Regular;
	src: url(../fonts/SemplicitaPro-Regular.ttf)
} */
/* width */

::-webkit-scrollbar {
	width: 10px;
}
/* Track */
tbody::-webkit-scrollbar-track {
	margin-top: 0px;
}
::-webkit-scrollbar-track {
	margin-top: 40px;
}
#scroll-box::-webkit-scrollbar-thumb {
	background-color: #584c5e !important;
	border-radius: 30px;
}
#scroll_thumb::-webkit-scrollbar-thumb {
	background-color: #584c5e !important;
	border-radius: 30px;
}
.auto_play_container.autoplay-scroll::-webkit-scrollbar-thumb {
	background-color: #584c5e !important;
	border-radius: 30px;
}
.rouletteTable {
	table-layout: fixed;
}
.table-borderedRou {
	border: 1px solid #000 !important;
	padding: 10px;
	text-align: center !important;
}
.rouletteTable tr {
	display: table;
	table-layout: fixed;
	width: 100%;
}
 .rouletteTable>tbody {
	overflow: auto;
	/* max-height: 220px; */
}
#history-scrollRou {
	display: block;
	width: 100%;
}

/* History table */
table.history-table tbody {
	display: block;
    overflow: auto;
    padding-bottom: 20px;
    /* height: 25vw; */
}

@media only screen and (orientation: landscape){
	table.history-table tbody {
		height: 70vh;
		overflow: auto;
	}
}
@media only screen and (orientation: portrait){
	table.history-table tbody {
		height: 65vmax;
	}
}

@media (max-width: 700px) {
	/* body[base="desktop"] #scratchPanel table.history-table tbody{
		height: 15vw;
	} */
}



@media (max-width: 680px) and (max-height: 380px) and (orientation: landscape){
	table.history-table tbody {
		height: 45vmin;
	}
}
@media (min-width: 680px) and (min-height: 320px) and (max-width: 740px) and (max-height: 380px) and (orientation: landscape){
	table.history-table tbody {
		height: 45vmin;
	}
}
@media (min-width: 680px) and (min-height: 380px) and (max-width: 850px) and (max-height: 420px) and (orientation: landscape){
	table.history-table tbody {
		height: 50vmin;
	}
}
@media (min-width: 800px) and (min-height: 400px) and (max-width: 1000px) and (max-height: 440px) and (orientation: landscape){
	table.history-table tbody {
		height: 55vmin;
	}
}


table.table-condensed {
}
/*.table-condensed>tbody>tr>td{
}*/
/*.datepicker .datepicker-dropdown .dropdown-menu{
	font-size:11px;
	left:0px !important;
}
.datepicker .datepicker-dropdown .dropdown-menu .datepicker-orient-left .datepicker-orient-top{
	left:0px !important;
}
.table-condensed td span{
	 padding:3px;
}

.table-condensed td.today.day {
	background: #e50000;
	color: #FFF;
	border-radius: 5px;
}*/
.datepick{
    color:black;
    margin-left: -15px;
}
a.sidepanel-image {
	cursor: pointer;
}
img.sidepanel-heading {
	width: 60% !important;
	padding-top: 8px;
}
.override {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: unset;
}
.overrideright{
	top: 0;
	right:0;
	overflow: unset;
}
.auto_play_container-mob {
	max-height: 100vh;
	padding: 0% 8%;
	overflow: auto;
}
.combi {
	position: absolute;
	top: 0px;
	left: 0px;
}
h2 {
	font-family: SemplicitaPro-Bold;
}
body {
	overflow: hidden;
	font-family: SemplicitaPro-Medium !important;
	user-select: none;
}
#panel {
	background: #000000;
	display: none;
	position: fixed;
	opacity: 100%;
	z-index: 9999;
	width: 100%;
	overflow: hidden;
}

#matrixrules{
	margin: 0 0 0 -150px;	
}
#scratchPanel {
	background: #070707;
	display: none;
	position: fixed;
	opacity: 100%;
	z-index: 9999;
	width: 100%;
	overflow: hidden;
}

#roulettepanel {
	background: #221c1f;
	display: none;
	position: absolute;
	opacity: 100%;
	z-index: 9999;
	width: 100%;
	overflow: hidden;
}
#aroulettepanel {
	background: #221c1f;
	display: none;
	position: absolute;
	opacity: 100%;
	z-index: 9999;
	width: 100%;
	overflow: hidden;
}
.cards-border{
	border:1px solid #383838;
	border-radius :10px;
}
#sidepanel {
	position: absolute;
	display: none;
	right: 0;
	top: 0;
	overflow-x: none;
	height: 100%;
	text-align: center;
}
#close-side-panel {
	display: none;
	position: absolute;
	right: 0;
	padding: 5px;
}
#close-side-panel img {
	width: 30px;
}
/** Side Panel Start **/

#sidepanel-body {
	overflow-y: scroll;
	background-color: rgba(0, 0, 0, 0.842) !important;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#sidepanel-header {
	position: absolute;
	width: 100%;
	background-color: black;
	margin: 0;
	background-repeat: no-repeat;
	background-size: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/* position: relative;
	z-index: 10; */
	z-index: 1;
}
#sidepanel-footer {
	position: absolute;
	width: 100%;
	background-size: 100%;
	background-color: black;
	background-repeat: no-repeat;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
/* .sidepanel.new_sidepanel {
    width: 267px !important;
} */
.margin-0 {
	margin: 0 !important;
}
#no_PB{
	display: none;
}
#has_PB{
	display: none;
}
.sidepanel-logo {
	width: 35px;
}
/* slider css */

.slidecontainer {
	width: 100%;
	padding: 2% 2.5%;
}
.sidepanel-header .col-xs-4 {
	margin: 0;
	padding: 15px;
}
.sidepanel img {
	width: 12px;
	height: auto;
}
/* #PB_tab{
	padding: 11.5px 3px !important;
} */
#PB_tab img{
 width:27px !important;
}
.side-label {
	color: white;
	font-size: 9.5px;
}
p.side-p {
	margin: 10px 0 -5px;
	text-transform: uppercase;
	font-size: 10px;
	color: #e50000;
	font-family: Termina;
}
.respo.active {
	background-image: url(../../images/panelimages/sidepanelbar.png);
	background-repeat: no-repeat;
	background-size: 100px 4px;
	/* background-attachment: fixed; */
	background-position: bottom;
	/* height: 59px; */
	/* width: 50%; */
}
.sidepanel-image {
	display: block;
}
#game_icons_content img {
	padding: 7px 11px 7px 15px;
	width: 90% !important;
	height: auto;
}
#sidepanel.game_baccarat #game_icons_content img {
	padding: 7px 11px 7px 15px;
	width: 50% !important;
	height: auto;
	float: left;
}
.sidepanel-image img {
	padding: 7px 11px 7px 15px;
	width: 100% !important;
	height: auto;
}
body[base="mobile"] #sidepanel-header div:first-child {
	text-align: center;
}
body[base="mobile"] #sidepanel-header div:nth-child(3) {
	text-align: center;
}


#rulesText{
	text-align: center;
}

#scratchGameName{
	text-align: center;
}

#bonusRulesText{
	text-align: center;
}

/* body[base="mobile"] .sidepanel .active {
    background-position: bottom right;
} */

body[base="mobile"] .sidepanel-header .col-xs-4 {
	padding: 15px 3px;
}
#close-button {
	display: block;
	cursor: pointer;
	position: relative;
	top: 0px;
	z-index: 999;
} 
/** Panel Css Start **/

.panel-container {
	color: white;
	/* font-size: 18px; */
}
/* img.img.img-responsive {
    width: 25%;
} */

/* img.img.history-img, img.img.book-img {
    width: 50%;
} */

img.img.img-responsive {
	width: 35px;
	cursor: pointer;
}
img.img.history-img,
img.img.book-img,
img.img.info-img,
img.img.setting-img {
	width: 35px;
	cursor: pointer;
}
h2.h2-auto {
	text-align: center;
	font-size: 35px;
	margin-top: -55px;
}
.row.main-close-logo {
	padding: 10px 0;
}
/** Panel Nav Tabs CSS Start **/

.nav-tabs {
	border: 0;
	display: inline-block;
	width: 100%;
	text-align: center;
}
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	background-color: unset;
	border: 0;
}
.nav-tabs > li {
	float: none;
	margin-bottom: 0px;
	display: inline-block;
}
.nav-tabs > li.active a::after {
	content: url(../../images/panelimages/sidepanel_selected.png);
	position: absolute;
	bottom: -15px;
	left: 15%;
	width: 40px;
	height: 16px;
	overflow: hidden;
}

@media (orientation: landscape){
	body[base="mobile"] .nav-tabs > li.active a::after{
		bottom: -15px;
	}
}

.paylines {
	border: 1px solid black;
	height: 10px;
	width: 10px;
}
#menu_ids {
	text-align: center;
}
#menu_ids img {
	display: inline-block;
	margin: 0 10px;
}
#menu_ids img.active {
	position: relative;
}
#menu_ids img.active:after {
	content: url(../../images/panelimages/active.png);
	position: absolute;
	bottom: -30px;
	left: 30%;
}
#menu_ids .nav.nav-tabs li a {
	padding: 0 !important;
}

#menu_ids_scratch {
	text-align: center;
}
#menu_ids_scratch img {
	display: inline-block;
	margin: 0 10px;
}
#menu_ids_scratch img.active {
	position: relative;
}
#menu_ids_scratch img.active:after {
	content: url(../../images/panelimages/active.png);
	position: absolute;
	bottom: -30px;
	left: 30%;
}
#menu_ids_scratch .nav.nav-tabs li a {
	padding: 0 !important;
}
.nav-tabs{
	display: flex;
	justify-content: center;
}


/** Settings Panel Start **/

.settings-left {
	text-align: left;
}
#settings {
	padding: 0 10%;
}
#settings img {
	width: 50%;
	height: auto;
	cursor: pointer;
}
#settings .row {
	margin-bottom: 4%;
}
/** Autoplay Panel Start **/

.autoplay-container {
	display: none;
}
#autoplay {
	/* padding: 0 25%; */
}
#autoplay input {
	color: white;
	text-align: center;
}
.stop-row img {
	margin: 0 4% 0 0;
}
.stop-row {
	padding: 0 2%;
}
.toggle-row {
	padding: 1% 0;
}
input[type="number"] {
	width: 100px;
	height: 25px;
}
.auto_play_container {
	margin-top: 2%;
}
#autoplay .btn-primary {
	width: 20%;
	margin: 0 5%;
	background-color: #b50808;
	border: 0;
}
.autoplay-button {
	margin-left: 20%;
}
img[id^="toggle-2"] {
	display: none;
}
[class^="autoplaytoggle-2"] {
	display: none;
}
.autoplay-toggle {
	cursor: pointer;
}
.bjColorbox{
	width: 40px;
    height: 30px;
    background-color: #c6e0b4;
    border: 1px solid #000;
    text-align: center;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    float: left;
    margin-right: 20px;
    padding-top: 5px;
	}
	.bjTable{
		width:65%;
		height:100%;
	}

.bjTable table, .bjTable td, .bjTable tr{
	  border: 1px solid black;
  border-collapse: collapse;
}
.bjTable td{
	width:30px;
	height:35px;
	font-weight: bold;
}
.greyBG{
	background-color: #e7e6e6;
	color:black;
}
.whiteBG{
	background-color: #fff;
	color:black;
}
.redBG{
	background-color: #ff0000;
}
.greenBG{
	background-color: #c6e0b4;
	color:black;
}
.yellowBG{
	background-color: #ffff00;
	color:black;
}
.purpleBG{
	background-color: #a496e2

}
.sec-p {
	text-align: justify;
	/*margin-top: 0.625rem;*/
	color: #dee1e6;
	font-size: 16px;
	margin-top:15px;
	margin-bottom:15px;
	padding-right: 15px
}
.font-16{
	font-size: 16px;
}
.sec-margin{
	margin-top:20px;
	margin-bottom:20px;
}
.font-head{
	margin-top: 45px !important;
	font-size: 20px !important;
}
.sec-h5 {
	font-size: 18px;
	text-align: left;
	font-family: SemplicitaPro-Medium;
	color: #ffff;
	margin-bottom: 5px;
}



p.sec-p.sec-gap {
	margin-top: 25px;
	margin-bottom: 25px;
	padding-right: 15px;
}
.header {
	margin-top: 4px;
}

/* @media all and (max-width: 767px) {

	::-webkit-scrollbar-track {
		background: #383537;
	}

	#game_rule_head .sec-h5{
		font-size: 16px;
		text-align: center;
	}

	.label .header{
		margin-top: 5px;
	}

	.accordion .sec-h5{
		margin-left: -1%;
	}

	#game_rule_head{
		position: absolute;
    	top: -46px;
    	left: 121px;
	}

	.contentBox .sec-h5.header{
		font-family: SemplicitaPro-Bold;
		font-weight: 700;
		font-size: 16px;
	}

	.content .sec-p{
		font-weight: 400;
	}
} */

.sec-h4 {
	font-size: 16px;
	font-style: italic;
}
.slider-container {
	position: relative;
}
.slider-container .bar1 {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	height: 7px;
	border-radius: 5px;
	background-color: white;
	overflow: hidden;
}
.slider-container .bar1 .fill1 {
	display: block;
	width: 50%;
	height: 100%;
	background-color: #b50808;
}
.slider-container .bar2 {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	height: 7px;
	border-radius: 5px;
	background-color: white;
	overflow: hidden;
}
.slider-container .bar2 .fill2 {
	display: block;
	width: 50%;
	height: 100%;
	background-color: #b50808;
}
.slider-container .bar3 {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	height: 7px;
	border-radius: 5px;
	background-color: white;
	overflow: hidden;
}
.slider-container .bar3 .fill3 {
	display: block;
	width: 50%;
	height: 100%;
	background-color: #b50808;
}
.slider-container .bar4 {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	height: 7px;
	border-radius: 5px;
	background-color: white;
	overflow: hidden;
}
.slider-container .bar4 .fill4 {
	display: block;
	width: 50%;
	height: 100%;
	background-color: #b50808;
}
.slider-container .slider {
	position: relative;
	z-index: 2;
	-webkit-appearance: none;
	margin: 0;
	width: 100%;
	height: 7px;
	border-radius: 5px;
	outline: none;
	background-color: transparent;
}
.betCurrency {
	float: left;
}
.slider-container .betbar1 {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	height: 7px;
	border-radius: 5px;
	background-color: white;
	overflow: hidden;
	top: 35px;
}
.slider-container .betbar1 .betfill1 {
	display: block;
	height: 100%;
	width: 50%;
	background-color: #b50808;
}
.slider-container .slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 80%;
	background-color: white;
	cursor: pointer;
}
.slider:hover {
	opacity: 1;
}
input[type="range"] {
	outline: none;
}
/* Game Rules */

#gamerules {
	width: 97%;
	margin: 0 auto;
}

#scratchrules {
	width: 97%;
	margin: 0 auto;
}

#scratchrules #scroll-box{
	/* position: absolute; */
	top: 5vh;
}


.scratch_title{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	}
.row.autoplay-row {
	padding-bottom: 5%;
}
a.button.button-big {
	width: 133px !important;
	height: 50px;
}
.errormsg {
	display: none;
}
.errormsgloss {
	display: none;
}
/*titles */

.auto-title {
	text-align: center;
}
.p-bar {
	padding: 20px 0;
}
/* .container-section {
	padding: 0 20px;
} */
img.autoplaytoggle-1-1.img.autoplay-toggle {
	max-width: 45px;
}
img.autoplaytoggle-2-1.img.autoplay-toggle {
	max-width: 45px;
}
img.autoplaytoggle-1-2.img.autoplay-toggle {
	max-width: 45px;
}
img.autoplaytoggle-2-2.img.autoplay-toggle {
	max-width: 45px;
}
.game-logo {
	width: 50%;
}
.scroll {
	height: calc(66vh - 100px) !important;
	overflow: auto;
}
/* Bet Panel CSS */

.bet-panel {
	padding: 0% 10%;
}
.bet-panel1 {
	float: left;
	background-color: #221c1f;
	border: none;
	text-align: left;
	width: 100px !important;
}
.rules-img {
	width: 40%;
	float: right;
	padding-right: 0 !important;
}
#rules-container h2 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.rules_content {
	/* column-count: 2; */
	padding: 0 2%;
	column-gap: 40px;
}
.main-container{
	position: absolute;
	height: 100%;
	width: 100%;
	background: url(../../images/fader.png) no-repeat ;
	background-size: cover;
	background-position: center;
}
.scroll_gamerules {
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	width: 100%;
	overflow: auto;
}
@media only screen and (orientation: landscape){
	.scroll_gamerules {
		height: 70vmin;
	}
}
@media only screen and (orientation: portrait){
	.scroll_gamerules {
		height: 70vmax;
	}
}
/* #scroll-box.roulete{
	height: 30vw;
} */
.slider_common {
	float: left;
	margin-right: 5px;
}
#slider .ui-slider-range {
	background: #ff0000;
}
#slider .ui-state-default,
.ui-widget-content .ui-state-default {
	background: none;
	background-color: #000000;
}
.start_img {
	width: 100px;
	height: 42px;
	background-size: 100%;
	background-image: url("../../images/panelimages/Rectangle 6.png");
	margin: auto;
}
.start_span {
	color: black;
	display: inline-block;
	padding-top: 10%;
	cursor: pointer;
}
.bet_ok {
	width: 100px;
	height: 42px;
	background-size: 100%;
	background-image: url("../../images/panelimages/Rectangle 6.png");
	margin: auto;
}
.box {
	padding-top: 1%;
}
.box select {
	background-color: #ffffff;
	color: black;
	padding: 6px;
	width: 250px;
	border: none;
	outline: none;
	border-radius: 30px;
}
select.onWinSelection {
	text-indent: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select#combination {
	color: #FFF;
	width: 180px;
	background: #1e1b1b;
	border: none;
	border-radius: 10px;
	height: 30px;
	line-height: 30px;
	margin: 10px 10px 10px 0;
	outline: none;
}
/* date  */

/* .date-sub {
	margin-top: 15px;
	margin-left: -25px;
} */
.btn {
	color: #000000;
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
	color: #000000;
	padding:5px;
}
.table {
	text-align: -webkit-center;
}
.table-responsive {
	margin-top: 10px;
	border:none;
}
/* sidepanel icons */

img.img.sidepanel-logo {
	width: 19px;
}
.respo {
	margin: 0% 1%;
	padding: 7px 0px 12px 0px;
	cursor: pointer;
}
/* --------------history table--------------- */

.table-bordered {
	border: 1px solid #ddd !important;
}
table.table.table-bordered.history-table .th {
	font-size: 14px;
}
div[aria-labelledby="exampleModalLongTitle"] {
	z-index: 999999;
}
#table_container {
	font-size: 15px;
}
h2.h2-history {
	font-size: 18px;
	text-transform: uppercase;
	color: #ffff;
	margin-top: 5px;
}
.table>thead>tr>th {
	border: none !important;
}
table.history-table thead {
	background: #999;
}
.table-striped.history-table>tbody>tr:nth-of-type(odd) {
	background-color: #2C3034 !important;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
	border: 0px solid #ddd !important;
	border-top: 0px solid #ddd !important;
}
.table-striped.history-table>tbody>tr:hover {
	background-color: #181818 !important;
}
/* #exampleModalLong .table-striped>tbody>tr:nth-of-type(odd):hover {
  background-color:#e50000 !important;
} */

/* modalpopup */

.modalimg {
	height: auto;
	width: 100%;
}
.modal-body {
	font-size: 15px;
}
.img-row-3 {
    width: 33%;
    display: inline-block;
    margin: 10px;
}
.img-row-5 {
	width: 16%;
	display: inline-block;
	margin: 10px;
}
.img-row-scratch {
	width: 14%;
	display: inline-block;
	margin: 3px;
}
.img-row-6{
	width: 12.5%;
    display: inline-block;
    margin: 4px
}
.img-row-rain{
	width: 12%;
	/*display: inline-block;*/
	/*margin: 12px;*/

}
.img-row-top{
	width: 15.87%;
    display: inline-block;
    border:1px solid #999;
}
.img-row-cascade{
	width: 100%;
    border:1px solid #999;
}
.img-row-ex{
	width: 100%;
    display: inline-block;
    border:1px solid #999;
}
.aaposwheelImg {
	width: 100%;
	display: block;
	margin: 10px;
}
h5#exampleModalLongTitle {
	width: 90%;
	color: black;
	font-size: 27px;
	float: left;
	line-height: 40px;
}
.modal-header .close {
	color: red;
	opacity: 1;
	font-size: 38px;
	position: absolute;
	right: 25px;
	margin-top: 2px;
}
.container.remove-padding {
	width: 100%;
}
.remove-padding {
	padding: 0 !important;
}
.container.historypopup {
	width: 100%;
	line-height: 30px;
}
.historypopup {
	color: black;
	text-align: initial;
}
.modelpopuph4 {
	text-align: center;
	margin-top: 15px;
}
table.history-table {
	margin-bottom: 20px;
	margin-top: 0px;
	table-layout: fixed;
	word-wrap: break-word;
}

table.table.table.table-striped.table-dark.history-table.text-size,
table.table.table.table-striped.table-dark.history-table.text-size tr td,
table.table.table.table-striped.table-dark.history-table.text-size tr th {
	font-size: 14px !important;
}
table.history-table thead,
table.history-table tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}
table.history-table tbody tr td a {
	cursor: pointer;
}
h3.history-date {
    font-size: inherit;
    float: left;
    margin-top: 0px !important;
    line-height: 30px;
    margin-right: 10px;
	color: #ffff;
	margin-left: -15px;
}
#menu_ids .h2-auto {
	margin: 0;
}

.text-white{
	color: #fff;
}

#menu_ids_scratch .h2-auto {
	margin: 0;
}
.hrlines {
	height: 2px;
	background-color: #999;
	border: none;
}
.histortpayline {
	text-align: left;
	float: left;
}
.respins {
	float: left;
}

/* baccarat promotion */

 #sidepanel.game_baccarat img.sidepanel-heading {
    width: 42% !important;
}
#sidepanel.game_baccarat .sidepanel-header .col-xs-4 {
    margin: 0;
    padding: 3px;
}



/*#sidepanel.game_baccarat .promotionBackground {
    height: 100vh;
}
#sidepanel.game_baccarat .promotionBackground1{
	height: 237px;
}
#sidepanel.game_baccarat .promotionBackground2 {
    height: 107px;
}
#sidepanel.game_baccarat .promotionBackground3 {
    height: 104px;
}
#sidepanel.game_baccarat .dailyJackpot {
    top: 35%;
}
#sidepanel.game_baccarat .dailyJackpotAmount {
    bottom: 65px;
}
#sidepanel.game_baccarat #PB_tab img {
    width: 23px !important;
}
#sidepanel.game_baccarat .contentText {
    bottom: 19%;
}
#sidepanel.game_baccarat .dailyJackpotContent {
    top: 27%;
}
#
#sidepanel.game_baccarat .respo.active {
    background-size: 73px 4px;
    height: 32px;
}
#sidepanel.game_baccarat div#has_PB {
    padding-left: 10px;
}
#sidepanel.game_baccarat #sidepanel-body {
    overflow-y: hidden;
} */
        /* -------------------------------------------------------------- */
		.padding-left-0 {
			padding-left: 0 !important;
		}
		.padding-right-0 {
			padding-right: 0 !important;
		}
	.game_baccarat .table>tbody>tr>td {
		border: 1px solid #ddd !important;
		border-top: 0px solid #ddd !important;
		width: 21px;
		height: 21px;
		padding: 0;
	}
	.roadmap-subheading {
		color: #ffffff;
		text-transform: uppercase;
		/* padding: 3.25% 0%; */
		margin: 10px 0 0;
		text-align: left;
		/* position: relative; */
		font-size: 60%;
		width: 100%;
		float: left;
	  }
	.roadmap-p{
		font-size: 60%;
		text-transform: uppercase;
		color: white;
		text-align: left;
	}
	.roadmap-subheading p.text{
		width: 60%;
	}
	.roadmap-subheading p.text1{
		width: 60%;
	}
	.roadmap-subheading p{
		float: left;
		margin-bottom: 0 ;
	}
	.roadmap-subheading .span {
		color: #ffffff;
		border-radius: 50px;
		padding: 1px 5.25%;
		margin-right: 4.25%;
		font-weight: bold;
	}
	p.bg_total {
		width: 25%;
		display: inline-block;
		margin-bottom: 0;
		text-align: center;
		background-position: center;
		height: 18px;
		line-height: 18px;
		margin-top: -2px;
	}

	.bg-red {
	background-color: red;
	}

	.bg-green {
	background-color: green;
	}

	.bg-blue {
	background-color: blue;
	}
  /* .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    width: 5px;
    height: 15px;
} */

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

/* promotion  */
.promotionBackground{
	background-image: url(../../images/panelimages/coinsbg.png);
    height: 82vh;
    background-position: center;
    background-size: 100% 100%;
    background-color: #cc181e;
    background-repeat: no-repeat;
    width: 100%;
    backdrop-filter: none;
}
.promotionBackground1{
	background-image: url(../../images/panelimages/banner.png);
    width: 100%;
    background-size: 100%;
    position: relative;
    top: 52px;
    height: 157px;
    line-height: 157px;
    margin-bottom: 5px;
}
.promotionBackground2{
	background-image: url(../../images/panelimages/timerbg.png);
    width: 100%;
    background-size: contain;
    position: relative;
    top: 45px;
    height: 76px;
    font: status-bar;
    margin-bottom: 10px;
}
.promotionBackground3{
	background-image: url(../../images/panelimages/jackpotbg.png);
    width: 94%;
    background-size: 100%;
    position: relative;
    top: 30px;
    height: 68px;
    margin-bottom: 5px;
    margin-left: 6px;
}
.dailyJackpot{
	text-transform: uppercase;
    /* color: #8C1213; */
    font-size: 27px;
    margin: 0;
    position: absolute;
    top: 20%;
    width: 100%;
	font-weight: bold;
	font-family: SemplicitaPro-Bold;
	letter-spacing: 1px;
	background: -webkit-linear-gradient(#CD181E, #531B04);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dailyJackpotAmount{
	color: #6d5404;
    font-size: 27px;
    margin-top: 0px;
    position: absolute;
    bottom: 20px;
	width: 100%;
	font-family: SemplicitaPro-Bold;
	letter-spacing: 1px;
}
.dailyJackpotContent1{
	color: #ffffff;
    text-transform: uppercase;
    font-size: 9px;
    margin: 0;
    position: absolute;
    top: 33%;
	width: 100%;
	font-family: SemplicitaPro-Bold;
}
.dailyJackpotContent2{
	color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    margin: 0;
    position: absolute;
    top: 25%;
	width: 100%;
	font-family: SemplicitaPro-Bold;
}
.dailyJackpotContent{
	color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    margin: 0;
    position: absolute;
    top: 23%;
    width: 100%;
    font-family: SemplicitaPro-Bold;
}
.dailyJackpotAmount1{
	color: #F3BA04;
    margin-top: 0px;
    font-size: 13px;
    margin: 0;
    position: absolute;
    top: 50%;
	width: 100%;
	font-family: SemplicitaPro-Bold;
}
.dailyJackpotAmount2{
	color: #F3BA04;
    margin-top: 0px;
    font-size: 15px;
    margin: 0;
    position: absolute;
    top: 56%;
	width: 100%;
	font-family: SemplicitaPro-Bold;
}
.contentText{
	color: #ffffff;
    margin: 0;
    position: absolute;
    float: left;
    width: 100%;
    bottom: 10%;
	font-size: 8px;
	font-family: SemplicitaPro-Bold;
	text-transform: uppercase;
}
.contentText1{
	color: #ffffff;
    font-size: 9px;
    margin: 0;
    position: absolute;
    top: 50%;
	width: 100%;
	font-family: SemplicitaPro-Bold;
}
/* Road Map CSS Start */
/* Legend CSS */
.bg_black_blue, .bg_black_red, .bg_black_green  {
	background-image: url(../../images/panelimages/blueP.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 25%;
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	background-position: center;
	height: 16px;
	line-height: 18px;
	margin-top: -2px;
}
.bg_black_red {
	background-image: url(../../images/panelimages/redB.png) !important;
}
.bg_black_green {
	background-image: url(../../images/panelimages/greenT.png) !important;
}
.bg_player, .bg_banker  {
	background-image: url(../../images/panelimages/circlewithbluedot.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 25%;
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	background-position: center;
	height: 18px;
	line-height: 18px;
	margin-top: -2px;
}
.bg_banker {
	background-image: url(../../images/panelimages/circlewithreddot.png) !important;
}
/* Bead Plate CSS */
.bg_color,  .empty_td {
	background-image: url("../../images/panelimages/blueP.png");
	width: 80% !important;
	background-size: contain;
	background-repeat: no-repeat;
	text-align: center;
	margin: 4px auto;
	background-position: center;
	padding: 0;
	color: #fff;
	font-size: 9px;
	text-transform: uppercase;
}
.bg_p {
	background-image: url("../../images/panelimages/blueP.png");
}
.bg_b {
	background-image: url("../../images/panelimages/redB.png") !important;
}
.bg_t {
	background-image: url("../../images/panelimages/greenT.png") !important;
}
.empty_td, .empty_td_br {
	background: none !important;
}

/* predict css */


/* Big Road CSS */
.bg_outline, .empty_td_br {
	background-image: url(../../images/panelimages/redoutline.png);
	width: 80% !important;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    margin: 0px auto;
    background-position: center;
    padding: 0;
    color: #fff;
    font-size: 12px;
    height: 20px;
}
.bg_outline_r {
	background-image: url(../../images/panelimages/redoutline.png) !important;
}
.bg_outline_b {
	background-image: url(../../images/panelimages/blueoutline.png) !important;
}
.bg_outline_g {
	background-image: url(../../images/panelimages/greenoutline.png) !important;
}

/* Road Map CSS End */
.main_img {
	text-align: left;
}
img.image-box.rules_Swanhouse {
	width: 15%;
}
img.img-large-responsive {
	width: 50px;
	height: 50px;
}

/* Big eye boy */
.bg_bigEye {
	background-image: url(../../images/panelimages/blue.png);
    width: 50% !important;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    margin: 0px auto;
    background-position: center;
    padding: 0;
    color: #fff;
    font-size: 12px;
    height: 20px;
    float: left;
    display: flex;
}
.bg_bigEye1 {
	background-image: url(../../images/panelimages/red.png);
    width: 50% !important;
    height: 20px !important;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
    margin: 0px auto;
    background-position: center;
    padding: 0;
    color: #fff;
    font-size: 12px;
    float: left;
    display: inline-block;
}

/* small road */
.bg_smallRoad{
	background-image: url(../../images/panelimages/redoutline.png);
	width: 50% !important;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    margin: 0px auto;
	background-position: center;
    padding: 0;
    color: #fff;
    font-size: 12px;
    height: 20px;
    float: left;
    display: flex;
}
.bg_smallRoad1{
	background-image: url(../../images/panelimages/blueoutline.png);
	width: 50% !important;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    margin: 0px auto;
	background-position: center;
    padding: 0;
    color: #fff;
    font-size: 12px;
    height: 20px;
    float: left;
    display: flex;
}
/* ockroach */
.bg_cockroach {
	background-image: url(../../images/panelimages/redslantedline.png);
	width: 50% !important;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    margin: 0px auto;
	background-position: center;
    padding: 0;
    color: #fff;
    font-size: 12px;
    height: 20px;
    float: left;
    display: flex;
}
.bg_cockroach1 {
	background-image: url(../../images/panelimages/blueslantedline.png);
	width: 50% !important;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    margin: 0px auto;
	background-position: center;
    padding: 0;
    color: #fff;
    font-size: 12px;
    height: 20px;
    float: left;
    display: flex;
}
/* --------ROULETTE------- */
.baccaratCard_2{
	transform: rotate(90deg);
	float: right !important;
	margin-left: 15px;
}
li.li_left {
	text-align: justify;
	font-size: 14px;
}
li.li_left_sub {
	text-align: justify;
	font-size: 14px;
}
tbody.tbody_auto {
	height: auto !important;
}


@media (max-width: 937px) and (min-height: 578px){
	body[base="mobile"] .scratch_title{
		margin-top: 30px;
		/* font-size: large; */
	}
}

/* @media only screen and (max-device-width: 767px) and (orientation: portrait){
	.history-table{
		padding-left: 15px;
		padding-right: 15px;
	}
	.scratch_name{
		position: absolute;
		top: -8vh;
	}
	#cashier_icon{
		margin-left: 16px;
		margin-top: 0px;
	}
	#home_icon{
		margin-left: 4vw;
	}
} */
@media only screen and (max-device-width: 812px) and (orientation: landscape){
	/* .mobile_display{
		display: block !important;
	} */
	/* #cashier_icon{
		margin-left: 37px;
	} */
	/* #home_icon{
		margin-left: 23px;
	} */
}
@media (max-height: 600px) {
	/* body[base="desktop"] .auto_play_container {
		margin-top: 5%;
		overflow: scroll;
		height: 400px;
		padding-right: 30px;
		overflow-x: hidden;
	} */
	body[base="desktop"] .panel-container {
		color: white;
		font-size: 15px;
	}
	/* body[base="desktop"] img.img.img-responsive {
		width: 25px;
	} */
	body[base="desktop"] h2.h2-auto {
		text-align: center;
		font-size: 25px;
		margin-top: -45px !important;
	}
	body[base="desktop"] img.img.history-img, img.img.book-img, img.img.info-img, img.img.setting-img {
		width: 25px;
		cursor: pointer;
	}
	body[base="desktop"] .nav-tabs > li.active a::after {
		bottom: -15px;
		left: 15%;
		width: 32px;
		height: 11px;

	}
	body[base="desktop"] .start_img {
		width: 85px;
		height: 36px;
	}
}

@media (max-height: 480px) {
	body[base="desktop"] .auto_play_container {
		margin-top: 2%;
		overflow: scroll;
		height: 340px !important;
		padding-right: 30px;
		overflow-x: hidden;
	}
	
}
@media (max-height: 420px) {
	body[base="desktop"] .auto_play_container {
		margin-top: 2%;
		overflow: scroll;
		height: 300px !important;
		padding-right: 30px;
		overflow-x: hidden;
	}
	body[base="desktop"] img.img.img-responsive {
		width: 20px;
	}
	body[base="desktop"] h2.h2-auto {
		font-size: 20px;
		margin-top: -40px !important;
	}
	body[base="desktop"] .start_img {
		width: 80px;
		height: 34px;
	}
	body[base="desktop"] .box select {
		width: 200px;
	}
	body[base="desktop"] img.img.history-img, img.img.book-img, img.img.info-img, img.img.setting-img {
		width: 20px;
		cursor: pointer;
	}
}
@media (max-height: 370px) {
	body[base="desktop"] img.img.img-responsive {
		width: 15px;
	}
	body[base="desktop"] h2.h2-auto {
		text-align: center;
		font-size: 15px;
		margin-top: -40px !important;
	}
	body[base="desktop"] .panel-container {
		color: white;
		font-size: 13px;
	}
	body[base="desktop"] .auto_play_container {
		height: 260px !important;
	}
	body[base="desktop"] .box select {
		width: 150px;
	}
	body[base="desktop"] .start_img {
		width: 61px;
		height: 26px;
	}
	body[base="desktop"] .start_span {
		font-size: 10px;
	}
	body[base="desktop"] .slider-container .slider::-webkit-slider-thumb {
		-webkit-appearance: none;
		width: 15px;
		height: 15px;
		border-radius: 80%;
		background-color: white;
		cursor: pointer;
	}
	body[base="desktop"] img.img.history-img, img.img.book-img, img.img.info-img, img.img.setting-img {
		width: 15px;
		cursor: pointer;
	}
	body[base="desktop"] .nav-tabs > li.active a::after {
		bottom: -15px;
		left: 20%;
		width: 23px;
		height: 8px;
	}
	body[base="desktop"] .rules_title {
		text-transform: uppercase;
		font-size: 15px;
		margin-bottom: 0px;
	}
	body[base="desktop"] h2.h2-history {
		font-size: 15px;
		text-transform: uppercase;
	}
	body[base="desktop"] .sec-h5 {
		font-size: 15px;
	}
	body[base="desktop"] .sec-p {
		font-size: 12px;
	}
}


/* ---------------------------Media Quaries----------------- */

@media (max-width: 1920px) {
	
}
@media (max-width: 1420px) {
	
}
@media (max-width: 1250px) {
	
}
@media (max-width: 1160px) {
	

}
@media (max-width: 1060px) {
	
	
}
@media (max-width: 980px) {
	
	
}

@media (max-width: 1124px) {
	
}
@media (max-width: 1024px) {
	/* autoplay  */
	body[base="desktop"] .auto_play_container {
		overflow: auto;
		max-height: 390px;
		padding-right: 20px;
	}
	/* game rules  */
	
	/* history table */
	
	.date-sub {
		margin-top: 0px;
		/* margin-left: -15px; */
	}
}
@media (max-width: 900px) {
	/* ------baccarat--------------- */	
	body[base="desktop"] .sidepanel img {
		width: 9px;
		height: auto;
	}
	body[base="desktop"] .roadmap-subheading {
		font-size: 8px;
	}
	body[base="desktop"] .roadmap-p {
		font-size: 8px;
	}

	/* autoplay  */
	body[base="desktop"] img.img.img-responsive {
		width: 30px;
	}
	body[base="desktop"] h2.h2-auto {
		font-size: 30px;
	}
	body[base="desktop"] .autoplay-scroll {
		height: 330px;
	}
	/* game rules  */
	
	body[base="desktop"] #rules-container h2 {
		font-size: 25px;
	}
	body[base="desktop"] .rules_title {
		font-size: 18px;
	}
	
	body[base="desktop"] .nav-tabs > li.active a::after {
		width: 35px;
	}
	/* history table */
	
}

.rules_title {
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 15px;
	margin-top: 10px;
	color: #ffff;
}
@media (max-width: 768px) {
	/* autoplay  */
	body[base="desktop"] img.img.img-responsive {
		width: 30px;
	}
	body[base="desktop"] h2.h2-auto {
		font-size: 30px;
	}
	body[base="desktop"] .auto_play_container {
		max-height: 210px;
	}
	body[base="desktop"] .auto_play_container {
		margin: 0% 0%;
	}
	/* game rules  */
	
	/* history table */
	
	body[base="desktop"] table.table.table-bordered.history-table thead th,
	table.table.table-bordered.history-table tbody td {
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/* @media only screen and (min-width: 892px) and (orientation: landscape){
	.scroll_gamerules{
		height: 37vh;
	}
} */
@media (max-width: 640px) {
	body[base="desktop"] .autoplay-scroll {
		height: 170px;
	}
	/* game rules  */
	body[base="desktop"] .sec-h5 {
		font-size: 15px;
	}
	/* body[base="desktop"] .scroll_gamerules {
		height: 64vh !important;
	} */
	/* body[base="desktop"] #scratchPanel .scroll_gamerules {
		height: 450px !important;
	} */
	/* body[base="desktop"] .rules_content {
    column-count: 1;
  } */
	/* history panel  */
	body[base="desktop"] .nav-tabs > li.active a::after {
		width: 30px;
		height: 15px;
	}
	body[base="desktop"] .nav-tabs > li.active a::after {
		bottom: -15px;
	}
	body[base="desktop"] h2.h2-history {
		font-size: 20px;
	}
	body[base="desktop"] .table-responsive {
		font-size: 12px;
	}
}

/*@media (max-width: 818px) and (max-height: 578px){
	 .scratch_title{
		margin-top: 20px;
	}
	body[base="mobile"] .scratch_title{
		margin-top: 15px;
		font-size: x-large;
	} 
}*/

@media (orientation: landscape){
	body[base="mobile"] #scratchrules .accordion{
		margin-top: 25px;
	}
	
	body[base="mobile"] #scratchrules #scroll-box{
		top: 10vh;
	}
}

@media (min-width: 825px) and (max-width: 935px){
	#scratchPanel .main-container{
		top: 70px;
	}
}


@media only screen and (min-device-width: 567px) and (max-device-width: 1024px) {
	
	#sidepanel-header {
		position: relative;
		border-top-left-radius: 0px;
    	border-top-right-radius: 0px;
	}
	#game_icons_content img {
		padding: 7px 11px 7px 15px;
		max-width: 100% !important;
		height: auto;
		width: 24.7% !important;
	}
	/* -------autoplay------- */
	#autoplay {
		/* padding: 0px 15%; */
		font-size: 15px;
	}
	.autoplay-scroll {
		margin: 0% 0%;
		overflow: auto;
		height: 220px;
		padding: 0px 20px;
	}
	img.img.img-responsive {
		width: 30px;
	}
	h2.h2-auto {
		font-size: 27px;
	}
	.start_img {
		position: fixed;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		width: 76px;
		height: 32px;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.start_span {
		font-size: 13px;
	}
	/* game rules  */
	img.img.history-img,
	img.img.book-img,
	img.img.info-img,
	img.img.setting-img {
		width: 30px;
	}
	.nav-tabs > li.active a::after {
		width: 35px;
	}
	#rules-container h2 {
		font-size: 20px;
	}
	.sec-h5 {
		font-size: 16px;
	}
	h2.rules_title.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
		font-size: 18px;
	}
	img.image-box.rules_Swanhouse {
		width: 25%;
	}
	img.image-box.rules_bookofamunra_book_img {
		width: 35%;
	}
	/* -------------history table----------- */
	/* h2.h2-history {
		font-size: 20px;
	} */
	.table-responsive {
		font-size: 13px;
	}
	.table-responsive>.table>tbody>tr>td,
	.table-responsive>.table>tbody>tr>th,
	.table-responsive>.table>tfoot>tr>td,
	.table-responsive>.table>tfoot>tr>th,
	.table-responsive>.table>thead>tr>td,
	.table-responsive>.table>thead>tr>th {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	tbody#scroll_thumb {
		font-size: 13px;
	}
	.row .history-row {
		column-count: 2;
	}
	/* modal popup */
	h5#exampleModalLongTitle {
		font-size: 25px;
	}
	.modal-header .close {
		font-size: 30px;
	}
	.modal-body {
		font-size: 15px;
	}
	.img-row-5 {
		width: 8%;
		margin: 2px;
	}
	.remove-padding {
		padding: 0 !important;
		text-align: center;
	}
	/* sidepanel */
	#sidepanel-body {
		margin-top: 0;
		/* height: 80vh !important; */
		padding-top: 0 !important;
		border-top-left-radius: 0px;
    	border-top-right-radius: 0px;
	}
	.sidepanel img {
		width: 15px;
	}
	/* #promotion_content {
		line-height: 56vh;
	} */
	.sidepanel-image img {
		padding: 10px 0px 0px 10px;
		width: 24.7% !important;
		height: auto;
		float: left;
		display: inline-block;
	}
	#close-side-panel img {
		width: 20px;
		top: 5px;
	}
	#promotion_content img {
		width: 15%;
	}
	select#combination {
		margin: 0px 10px 10px 0;
		font-size: 12px;
	}
	img.sidepanel-heading {
		width: 24% !important;
	}
	/* bet panel  */
	.auto_play_container {
		margin-top: 0%;
	}
	.bet_ok {
		position: fixed;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
	}
	h2.h2-bet {
		font-size: 20px;
	}
	/* settings  */
	.toggle_sound {
		margin-right: 21% !important;
	}
	p.sound {
		margin-left: 35% !important;
	}

	/* promotion tab */
	.promotionBackground{
		background-image: url(../../images/panelimages/coinsbg.png);
		min-height: 91vh;
		background-position: center;
		background-size: 100% 100%;
		background-color: #cc181e;
		background-repeat: no-repeat;
		width: 100%;
		height: auto;
		padding: 15px 0 100px 0;
	}
	.promotionBackground1{
		background-image: url(../../images/panelimages/banner.png);
		width: 100%;
		position: relative;
		margin-bottom: 5px;
		top: 20px;
		height: 200px;
		background-size: 100% 100%;
	}
	.promotionBackground2{
		background-image: url(../../images/panelimages/timerbg.png);	
		position: relative;
		font: status-bar;
		margin-bottom: 10px;
		width: 100%;
		background-size: 100%;
		height: 250px;
	}
	.promotionBackground3{
		background-image: url(../../images/panelimages/jackpotbg.png);
		background-size: 100%;
		position: relative;
		margin-bottom: 5px;
		margin-left: 6px;
		width: 98%;
		top: 0px;
		height: 232px;
	}
	.dailyJackpot{
		text-transform: uppercase;
		/* color: #8C1213; */
		font-size: 27px;
		margin: 0;
		position: absolute;
		/* top: 20%; */
		top: 30%;
		width: 100%;
		font-weight: bold;
		font-family: SemplicitaPro-Bold;
		letter-spacing: 1px;
		background: -webkit-linear-gradient(#CD181E, #531B04);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	}
	.dailyJackpotAmount{
		color: #6d5404;
		font-size: 27px;
		margin-top: 0px;
		position: absolute;
		bottom: 45px;
		width: 100%;
		font-family: SemplicitaPro-Bold;
		letter-spacing: 1px;
	}
	.dailyJackpotContent1{
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		margin: 0;
		position: absolute;
		/* top: 31%; */
		top: 36%;
		width: 100%;
		font-family: SemplicitaPro-Bold;
	}
	.dailyJackpotContent2{
		color: #ffffff;
		text-transform: uppercase;
		font-size: 20px;
		margin: 0;
		position: absolute;
		/* top: 16%; */
		top: 35%;
		width: 100%;
		font-family: SemplicitaPro-Bold;
	}
	.dailyJackpotContent{
		color: #ffffff;
		text-transform: uppercase;
		font-size: 20px;
		margin: 0;
		position: absolute;
		/* top: 15%; */
		top: 25%;
		width: 100%;
		font-family: SemplicitaPro-Bold;
	}
	.dailyJackpotAmount1{
		color: #F3BA04;
		margin-top: 0px;
		font-size: 20px;
		margin: 0;
		position: absolute;
		top: 45%;
		width: 100%;
		font-family: SemplicitaPro-Bold;
	}
	.dailyJackpotAmount2{
		color: #F3BA04;
		margin-top: 0px;
		font-size: 20px;
		margin: 0;
		position: absolute;
		top: 52%;
		width: 100%;
		font-family: SemplicitaPro-Bold;
	}
	.contentText{
		color: #ffffff;
		margin: 0;
		position: absolute;
		float: left;
		width: 100%;
		bottom: 22%;
		font-size: 20px;
		font-family: SemplicitaPro-Bold;
		text-transform: uppercase;
	}
	.contentText1{
		color: #ffffff;
		font-size: 18px;
		margin: 0;
		position: absolute;
		top: 50%;
		width: 100%;
		font-family: SemplicitaPro-Bold;
	}
}

@media only screen and (device-width: 768px) {
	table.table.table-bordered.history-table thead th {
		font-size: 14px !important;
	}
	body[base="desktop"] .h2-history {
		font-size: 18px;
	}
	/* ----------history table --------- */
}
@media (max-width: 480px) {
	#sidepanel-header {
		position: relative;
		z-index: 10;
		border-top-left-radius: 0px;
    	border-top-right-radius: 0px;
	}
	body[base="desktop"] .rules_title {
		font-size: 15px;
		margin-top: 10px;
	}
	body[base="desktop"] .sec-h5 {
		font-size: 15px;
	}
	body[base="desktop"] .sec-p {
		font-size: 12px;
	}
	/* autoplay */
	img.img.img-responsive {
		width: 30px;
	}
	h2.h2-auto {
		font-size: 25px;
	}
	.errormsg {
		position: fixed;
		bottom: 15%;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}
	.errormsgloss {
		position: fixed;
		bottom: 10%;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}
	.start_img {
		position: fixed;
		bottom: 2%;
		left: 50%;
		transform: translateX(-50%);
	}
	.auto_play_container {
		height: 460px;
	}
	/* -----------------game rules---------------- */
	#gamerules {
		width: 97%;
	}
	#scratchrules{
		width: 97%;
	}

	img.img.history-img,
	img.img.book-img,
	img.img.info-img,
	img.img.setting-img {
		width: 30px !important;
	}
	.main_img {
		padding-left: 15px;
	}
	img.image-box.rules_Swanhouse {
		width: 35%;
	}
	img.image-portrait {
		width: 90%;
	}
	.nav-tabs > li.active a::after {
		left: 20%;
		width: 30px !important;
		bottom: -15px;
	}
	#rules-container h2 {
		font-size: 25px;
	}
	h2.rules_title.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
		/* font-size: 17px !important; */
		padding: 0% 0%;
		width: 100%;
	}
	.sec-h5 {
		font-size: 18px;
		/* margin-left: 4%; */
	}
	img.image-box.rules_bookofamunra_book_img {
		width: 35%;
	}
	/* ----------history panel-------------- */
	.container-section {
		padding: 0px 0px;
	}
	tbody#scroll_thumb {
		font-size: 13px;
	}
	.table-responsive>.table>tbody>tr>td,
	.table-responsive>.table>tbody>tr>th,
	.table-responsive>.table>tfoot>tr>td,
	.table-responsive>.table>tfoot>tr>th,
	.table-responsive>.table>thead>tr>td,
	.table-responsive>.table>thead>tr>th {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	input.form-control.history-datepicker {
		font-size: 11px;
	}
	.col-xs-12 .history-scroll {
		overflow: auto;
		height: 500px;
	}
	.date-sub {
		margin-top: 1vh;
	}
	/* model popup */
	h5#exampleModalLongTitle {
		font-size: 25px;
	}
	.modal-header .close {
		margin-top: 10px;
		font-size: 25px;
		/* top: 4%; */
	}
	.modal-body {
		font-size: 13px;
	}
	.img-row-5 {
		width: 15%;
		margin: 7px;
	}
	#game_icons_content img {
		width: 46.5% !important;
	}
	/* side panel  */
	.sidepanel img {
		width: 20px;
	}
	img.img.sidepanel-logo {
		width: 30px;
	}
	.respo {
		margin: 5px 0px 0px;
	}
	#close-side-panel {
		top: 27px;
		width: 9%;
	}
	/* #autoplay,
	.bet-panel {
		padding: 0 5%;
	} */
	.sidepanel-image img {
		/* padding: 10px 3px 0px 10px; */
		width: 46.5% !important;
		height: auto;
		float: left;
		margin: 10px 0px 0px 10px;
	}
	/* #promotion_content {
		line-height: 82vh;
	} */
	#sidepanel-body {
		height: 100% !important;
		border-top-left-radius: 0px;
    	border-top-right-radius: 0px;
	}
	/* .sidepanel-image {
    width: 50%;
    display: inline-block;
    float: left;
  } */
	#promotion_content img {
		width: 40%;
	}
	select#combination {
		width: 100px;
		margin: 0px 10px 10px 0;
		font-size: 12px;
	}
	img.sidepanel-heading {
		width: 30% !important;
	}
	/* bet panel */
	.bet_bar_container {
		/* margin-top: 10px; */
		height: 30px;
	}
	h2.h2-bet {
		font-size: 20px;
	}
	.bet-panel .autoplay-row {
		margin-bottom: 10px;
	}
	.bet_ok {
		position: fixed;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
	}
	table.table.table.table-striped.table-dark.history-table.text-size {
		margin: 2% 4%;
		width: 92%;
	}
	/* promotion tab  */
	/* .promotionBackground1 {
		top: 20px;
		height: 150px;
		background-size: 100% 100%;
	}
	.dailyJackpot {
		top: 25%;
	}
	.dailyJackpotAmount {
		bottom: 35px;
	}
	.promotionBackground2 {
		width: 100%;
		background-size: 100%;
		top: 0px;
		height: 128px;
	}
	.dailyJackpotContent1 {
		top: 36%;
	}
	.contentText1 {
		top: 55%;
	}
	.promotionBackground3 {
		width: 96%;
		top: 0px;
		height: 130px;
	}
	.dailyJackpotContent2 {
		top: 30%;
	}
	.dailyJackpotAmount2 {
		top: 60%;
	}
	.dailyJackpotContent {
		top: 24%;
	} */

	.promotionBackground{
		background-image: url(../../images/panelimages/coinsbg.png);
		height: 91vh;
		background-position: center;
		background-size: 100% 100%;
		background-color: #cc181e;
		background-repeat: no-repeat;
		width: 100%;
		backdrop-filter: none;
		overflow-y: scroll;
		padding: 10px 0px 50px 0px;
	}
	.promotionBackground1{
		background-image: url(../../images/panelimages/banner.png);
		width: 100%;
		position: relative;
		line-height: 157px;
		margin-bottom: 5px;
		top: 20px;
		height: 150px;
		background-size: 100% 100%;
	}
	.promotionBackground2{
		background-image: url(../../images/panelimages/timerbg.png);	
		position: relative;
		font: status-bar;
		margin-bottom: 10px;
		width: 100%;
		background-size: 100%;
		top: 0px;
		height: 128px;
	}
	.promotionBackground3{
		background-image: url(../../images/panelimages/jackpotbg.png);
		background-size: 100%;
		position: relative;
		margin-bottom: 5px;
		margin-left: 6px;
		width: 96%;
		top: 0px;
		height: 130px;
	}
	.dailyJackpot{
		text-transform: uppercase;
		/* color: #8C1213; */
		font-size: 27px;
		margin: 0;
		position: absolute;
		/* top: 20%; */
		top: 30%;
		width: 100%;
		font-weight: bold;
		font-family: SemplicitaPro-Bold;
		letter-spacing: 1px;
		background: -webkit-linear-gradient(#CD181E, #531B04);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	}
	.dailyJackpotAmount{
		color: #6d5404;
		font-size: 27px;
		margin-top: 0px;
		position: absolute;
		bottom: 30px;
		width: 100%;
		font-family: SemplicitaPro-Bold;
		letter-spacing: 1px;
	}
	.dailyJackpotContent1{
		color: #ffffff;
		text-transform: uppercase;
		font-size: 10px;
		margin: 0;
		position: absolute;
		/* top: 31%; */
		top: 39%;
		width: 100%;
		font-family: SemplicitaPro-Bold;
	}
	.dailyJackpotContent2{
		color: #ffffff;
		text-transform: uppercase;
		font-size: 16px;
		margin: 0;
		position: absolute;
		/* top: 16%; */
		top: 30%;
		width: 100%;
		font-family: SemplicitaPro-Bold;
	}
	.dailyJackpotContent{
		color: #ffffff;
		text-transform: uppercase;
		font-size: 14px;
		margin: 0;
		position: absolute;
		/* top: 15%; */
		top: 30%;
		width: 100%;
		font-family: SemplicitaPro-Bold;
	}
	.dailyJackpotAmount1{
		color: #F3BA04;
		margin-top: 0px;
		font-size: 14px;
		margin: 0;
		position: absolute;
		top: 50%;
		width: 100%;
		font-family: SemplicitaPro-Bold;
	}
	.dailyJackpotAmount2{
		color: #F3BA04;
		margin-top: 0px;
		font-size: 16px;
		margin: 0;
		position: absolute;
		top: 52%;
		width: 100%;
		font-family: SemplicitaPro-Bold;
	}
	.contentText{
		color: #ffffff;
		margin: 0;
		position: absolute;
		float: left;
		width: 100%;
		bottom: 20%;
		font-size: 10px;
		font-family: SemplicitaPro-Bold;
		text-transform: uppercase;
	}
	.contentText1{
		color: #ffffff;
		font-size: 10px;
		margin: 0;
		position: absolute;
		top: 55%;
		width: 100%;
		font-family: SemplicitaPro-Bold;
	}
	#sidepanel-body{
		padding-top: 0px !important;
	}
}
@media all and (max-width: 360px) {
	/* ----------game rules---------- */
	
	#rules-container h2 {
		font-size: 25px;
	}
	.sec-h5 {
		font-size: 17px;
	}
	h2.rules_title.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
		font-size: 16px;
		padding: 0% 0%;
	}
	.nav-tabs > li.active a::after {
		width: 28px;
	}
	img.img.history-img,
	img.img.book-img,
	img.img.info-img,
	img.img.setting-img {
		width: 25px !important;
	}
	img.img.img-responsive {
		width: 25px;
	}
	/* history table  */
	
	.img-row-5 {
		margin: 6px;
	}
	/* autoplay  */
	.errormsg {
		margin-top: 50px;
	}
	h2.h2-auto {
		margin-top: -47px;
	}
}
/* @media (max-width: 220px) {
	img.img.history-img, img.img.book-img, img.img.info-img, img.img.setting-img {
		width: 15px !important;
	}
	img.img.img-responsive {
		max-width: 15px !important;
		margin-top: 5px;
	}
} */

@media (max-width: 325px) {
    img.img.history-img, img.img.book-img, img.img.info-img, img.img.setting-img {
        width: 15px !important;
    }
    #menu_ids img {
        margin: 0 5px !important;
    }
    #menu_ids_scratch img {
        margin: 0 5px !important;
    }

    h2.rules_title.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
        font-size: 14px !important;
	}
	.rules_title {
		margin-bottom: 20px;
		margin-top: 10px;
	}
	.sec-h5 {
    font-size: 12px;
	}
	.contentBox .sec-h5.header{
		font-size: small;
	}

	.contentBox.active .icon{
		background-size: 20px 12px;
	}

	.label .icon{
		background-size: 20px 12px;
	}
	.sec-p {
		font-size: small;
	}
    .nav-tabs > li.active a::after {
        left: 20%;
        width: 20px !important;
        bottom: -15px;
    }
    img.img.img-responsive {
        max-width: 20px !important;
    }

    /* autoplay */
    h2.h2-auto {
        font-size: 15px;
    	margin-top: -41px;
    }
    .auto_play_container {
        font-size: 13px;
    }
    .box select {
        width: 150px;
	}
	.errormsg {
		bottom: 10%;
	}
    p.eroormsgLoss {
		font-size: 12px;
	}
    .start_img {
        width: 78px;
    	height: 33px;
    }
    span.start_span {
        font-size: 12px;
    }

    /* sidepanel */
    #game_icons_content img {
        width: 90% !important;
    }

    /* bet panel */
    .bet_ok{
        width: 78px;
        height: 33px;
    }
    h2.h2-bet {
        font-size: 15px;
    }
    .slider-container .betbar1 {
        top: 28px;
    }

    /* sound */
    p.sound {
        font-size: 14px;
        margin-left: 27%;
    }
    .toggle_sound {
        width: 41px;
        height: 20px;
        margin-right: 15%;
    }

	/* history */
	
    h2.h2-history {
        font-size: 14px;
    }
    .date-sub {
        margin-left: 0px;
        padding: 0;
    }
    .history-date {
        float: left;
        font-size: 14px !important;
        margin-bottom: 0;
        margin-right: 10px;
        line-height: 28px;
        margin-top: 0px !important;
    }
    button.btn.btn-md.history-submit {
        float: right;
    }
    .table-responsive>.table {
        font-size: 10px !important;
    }

    /* model popup */
    h5#exampleModalLongTitle {
        font-size: 15px;
    }
    .container.historypopup {
        font-size: 12px !important;
    }
    .modelpopuph4 {
        font-size: 15px;
    }
    .modal-header .close {
        font-size: 20px;
    }
    .img-row-5 {
        margin: 4px;
    }
}
/* Smartphones (portrait) ----------- */

@media only screen and (min-width: 320px) and (max-width: 420px) {
	/* Styles */
	/* .slider-container .betslider {
    top: 10px;
  } */
	.combi {
		position: absolute;
		top: 0;
		left: 0;
	}
}
/* iphone 5 */

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
	/* autoplay  */
	.auto_play_container {
		margin: 0% 0%;
		font-size: 16px;
	}
	h2.h2-auto {
		font-size: 20px;
		margin-top: -42px;
	}
	#autoplay .errormsg {
		margin-top: 2% !important;
	}
	#autoplay .errormsgloss {
		margin-top: 2%;
	}
	/* game rules  */
	img.img.history-img,
	img.img.book-img,
	img.img.info-img,
	img.img.setting-img {
		width: 20px !important;
	}
	.nav-tabs {
		margin-top: 1%;
	}
	#rules-container h2 {
		font-size: 20px;
	}
	
	/* history  */
	
	.nav-tabs > li.active a::after {
		bottom: -15px;
		width: 28px !important;
		height: 14px;
	}
	.img-row-5 {
		width: 15%;
		margin: 5px;
	}
	.combi {
		position: absolute;
		top: 0;
		left: 0;
	}
	/* promotion tab */
	.promotionBackground2 {
		height: 108px;
	}
	.promotionBackground3 {
		height: 110px;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
	/* autoplay  */
	h2.h2-auto {
		font-size: 20px;
		margin-top: -45px;
	}
	#autoplay {
		height: 230px;
	}
	.autoplay-scroll {
		max-height: 177px;
	}
	/* bet panel  */
	.combi {
		position: absolute;
		top: 0;
		left: 0;
	}
	/* game rules  */
	
	.errormsg {
		margin-top: 22px;
	}
	.errormsgloss {
		margin-top: -28px;
	}
	/* history  */
	
	img.img.history-img,
	img.img.book-img,
	img.img.info-img,
	img.img.setting-img {
		width: 25px;
	}
	img.img.img-responsive {
		width: 25px;
	}
	.nav-tabs > li.active a::after {
		bottom: -15px;
		width: 32px !important;
		height: 14px;
	}
}
@media screen and  (min-width: 825px) and (max-width: 930px) and (max-height: 824px){
	.nav.nav-tabs{
	   display: flex;
	   justify-content: center;
   }
}
@media screen and  (min-width: 825px) and (max-width: 930px) and (max-height: 838px){
	#scratchPanel .nav.nav-tabs{
	   display: flex;
	   justify-content: center;
	   margin-bottom: 60px;
   }
}
@media only screen and (min-device-width: 480px) and (max-device-width: 1024px) {
	.combi {
		position: absolute;
		top: 0;
		left: 0;
	}
}
/* i Pad portrait  */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {

	.autoplay-scroll {
		height: 500px;
	}
	
	img.img.history-img,
	img.img.book-img,
	img.img.info-img,
	img.img.setting-img {
		width: 30px !important;
	}
	.errormsg {
		position: fixed;
		bottom: 10%;
		left: 50%;
		transform: translateX(-50%);
	}
	.errormsgloss {
		position: fixed;
		bottom: 7%;
		left: 50%;
		transform: translateX(-50%);
	}
	/* .scroll_gamerules {
		height: 830px;
	} */
	.sidepanel-image img {
		padding: 15px 0px 0px 15px;
		width: 33% !important;
		height: auto;
		float: left;
		display: inline-block;
	}
	select#combination {
		width: 200px;
		font-size: 15px;
	}
	
	.date-sub {
		margin-left: -15px;
	}
	.img-row-5 {
		width: 15%;
		margin: 10px;
	}
	img.image-portrait {
		width: 100%;
	}
	.promotionBackground1 {
		width: 95%;
		margin-left: 2%;
	}
	.promotionBackground2 {
		height: 286px;
	}
	.promotionBackground3 {
		height: 269px;
	}
	/* #promotion_content {
		line-height: 84vh;
	} */
}
/* i pad landscape  */

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
	table.history-table tbody {
		height: 70vmin;
	}
	.autoplay-scroll {
		height: 500px;
	}/* height: 505px !important; */
	}
	img.img.history-img,
	img.img.book-img,
	img.img.info-img,
	img.img.setting-img {
		width: 30px !important;
	}
	.errormsgloss {
		position: fixed;
		bottom: 10%;
		left: 50%;
		transform: translateX(-50%);
	}
	.errormsg {
		position: fixed;
		bottom: 14%;
		left: 50%;
		transform: translateX(-50%);
	}
	/* #promotion_content {
		line-height: 79vh;
	} */
	.bet_ok {
		left: 50%;
		transform: translateX(-50%);
	}
	
	.img-row-5 {
		width: 15%;
		margin: 10px;
	}
	/* p.sound {
		margin-left: 30% !important;
	} */
	/* promotion tab  */
	.promotionBackground {
		background-image: url(../../images/panelimages/coinsbg.png);
		min-height: 91vh;
		background-position: center;
		background-size: contain;
		background-color: #cc181e;
		background-repeat: repeat;
		width: 100%;
		height: auto;
		padding: 10px 0 100px 0;
	}
	.promotionBackground1 {
		background-image: url(../../images/panelimages/banner.png);
		width: 50%;
		position: relative;
		margin-bottom: 5px;
		top: 20px;
		margin-left: 26%;
		height: 200px;
		background-size: 100% 100%;
	}
	.promotionBackground2 {
		background-image: url(../../images/panelimages/timerbg.png);
		position: relative;
		font: status-bar;
		margin-bottom: 10px;
		width: 50%;
		background-size: 100%;
		height: 195px;
		margin-left: 26%;
	}
	.promotionBackground3 {
		background-image: url(../../images/panelimages/jackpotbg.png);
		background-size: 100%;
		position: relative;
		margin-bottom: 5px;
		margin-left: 6px;
		width: 50%;
		top: 0px;
		height: 185px;
		margin-left: 26%;
	}
/* Ipad */

/* ipad pro Portrait*/

@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	
	h2.rules_title.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
		font-size: 25px;
		width: 100%;
	}
	.sec-h5 {
		font-size: 23px;
	}
	.sec-p {
		font-size: 20px;
	}
	p.sound {
		font-size: 23px;
		margin-left: 38% !important;
	}
	.table-responsive {
		font-size: 23px;
	}
	h2.h2-history {
		font-size: 18px;
	}
	tbody#scroll_thumb {
		font-size: 23px;
	}
	h3.history-date {
		font-size: 23px;
	}
	.autoplay-scroll {
		height: 500px;
	}
	.errormsgloss {
		position: fixed;
		bottom: 6%;
		left: 50%;
		transform: translateX(-50%);
	}
	.errormsg {
		position: fixed;
		bottom: 8%;
		left: 50%;
		transform: translateX(-50%);
	}
	.sidepanel-image img {
		padding: 15px 0px 0px 15px;
		width: 33% !important;
		height: auto;
		float: left;
		display: inline-block;
	}
	
	select#combination {
		width: 200px;
		font-size: 15px;
	}
	
	.img-row-5 {
		width: 15%;
		margin: 10px;
	}
/* promotion tab  */
.promotionBackground {
    background-image: url(../../images/panelimages/coinsbg.png);
    min-height: 91vh;
    background-position: center;
    background-size: contain;
    background-color: #cc181e;
    background-repeat: repeat;
    width: 100%;
    height: auto;
    padding: 100px 0 100px 0;
}
.promotionBackground1 {
	background-image: url(../../images/panelimages/banner.png);
	width: 50%;
	position: relative;
	margin-bottom: 5px;
	top: 20px;
	margin-left: 26%;
	height: 200px;
	background-size: 100% 100%;
}
.promotionBackground2 {
	background-image: url(../../images/panelimages/timerbg.png);
	position: relative;
	font: status-bar;
	margin-bottom: 10px;
	width: 50%;
	background-size: 100%;
	height: 195px;
	margin-left: 26%;
}
.promotionBackground3 {
	background-image: url(../../images/panelimages/jackpotbg.png);
	background-size: 100%;
	position: relative;
	margin-bottom: 5px;
	margin-left: 6px;
	width: 50%;
	top: 0px;
	height: 185px;
	margin-left: 26%;
}
}
/* Landscape*/

@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	/* .mobile_display {
		display: inline-block !important;
	} */
	.bet_ok {
		position: fixed;
		bottom: 2%;
		left: 46%;
	}
	h2.rules_title.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
		font-size: 25px;
	}
	.sec-h5 {
		font-size: 23px;
	}
	.sec-p {
		font-size: 23px;
	}
	p.sound {
		font-size: 23px !important;
		margin-left: 38% !important;
	}
	.toggle_sound {
		margin-right: 25% !important;
	}
	.table-responsive {
		font-size: 23px;
	}
	h2.h2-history {
		font-size: 18px;
	}
	tbody#scroll_thumb {
		font-size: 23px;
	}
	h3.history-date {
		font-size: 23px;
	}
	.start_img {
		position: fixed;
		bottom: 2%;
		left: 46%;
	}
	.errormsgloss {
		position: fixed;
		bottom: 7%;
		left: 50%;
		transform: translateX(-50%);
	}
	.errormsg {
		position: fixed;
		bottom: 10%;
		left: 50%;
		transform: translateX(-50%);
	}
	.scroll_gamerules {
		/* height: 830px; */
		margin-bottom: 10px;
		margin-top: 10px;
		overflow: auto;
		float: left;
	}
	/* #promotion_content img {
		width: 15%;
	} */
	/* #promotion_content {
		line-height: 87vh;
	} */
	.sidepanel-image img {
		padding: 7px 15px 7px 15px;
		width: 25% !important;
		height: auto;
		float: left;
		display: inline-block;
	}
	img.sidepanel-heading {
		width: 20% !important;
	}
	
	#game_icons_content img {
		padding: 7px 11px 7px 15px;
		width: 25% !important;
		height: auto;
	}
	.promotionBackground {
		background-image: url(../../images/panelimages/coinsbg.png);
		min-height: 91vh;
		background-position: center;
		background-size: contain;
		background-color: #cc181e;
		background-repeat: repeat;
		width: 100%;
		height: auto;
		padding: 100px 0 100px 0;
	}
	.promotionBackground1 {
		background-image: url(../../images/panelimages/banner.png);
		width: 50%;
		position: relative;
		margin-bottom: 5px;
		top: 20px;
		margin-left: 26%;
		height: 200px;
		background-size: 100% 100%;
	}
	.promotionBackground2 {
		background-image: url(../../images/panelimages/timerbg.png);
		position: relative;
		font: status-bar;
		margin-bottom: 20px;
		width: 50%;
		background-size: 100%;
		height: 260px;
		margin-left: 26%;
	}
	.promotionBackground3 {
		background-image: url(../../images/panelimages/jackpotbg.png);
		background-size: 100%;
		position: relative;
		margin-bottom: 5px;
		margin-left: 6px;
		width: 50%;
		top: 0px;
		height: 248px;
		margin-left: 26%;
	}
	.dailyJackpot {
		top: 33%;
	}
	.dailyJackpotAmount {
		bottom: 47px;
	}
	.dailyJackpotContent1 {
		font-size: 20px;
		top: 34%;
	}
	.contentText1 {
		font-size: 20px;
		top: 49%;
	}
	.dailyJackpotContent2 {
		font-size: 20px;
		top: 40%;
	}
	.dailyJackpotAmount2 {
		font-size: 20px;
		top: 58%;		
	}
	.dailyJackpotContent {
		font-size: 20px;
		top: 33%;
	}
	.dailyJackpotAmount1 {
		font-size: 20px;
		top: 50%;
	}
	.contentText {
		font-size: 20px;
		bottom: 23%;
	}
}
/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
	
	table.history-table tbody {
		height: 67vmax;
	}
}
/* ----------- iPhone X ----------- */

/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
	table.history-table tbody {
		max-height: 67vh;
	}
	/* .scratch_title{
		top: -0vh;
	} */
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
	.scroll_gamerules {
		height: 72vh;
	}
	/* .scratch_title{
		top: -0vh;
	} */
}
/*---------- pixel 2xl----------  */

/* Portrait */

@media screen and (device-width: 411px) and (device-height: 823px) {
	
	table.history-table tbody {
		max-height: 68vh;
	}
}
@media screen and (device-width: 411px) and (device-height: 731px) {
	table.history-table tbody {
		max-height: 66vh;
	}
}
.toggle_sound {
	background-size: cover;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	position: relative;
	display: inline-block;
	width: 49px;
	height: 24px;
	/* background-color: red; */
	background-image: url(../../images/panelimages/toggleOff.png);
	border-radius: 30px;
	margin-right: 10%;
}
/* After slide changes */

/*.toggle_sound:after { 
        content: ''; 
        position: absolute; 
        width: 50px; 
        height: 50px; 
        border-radius: 50%; 
        background-color: gray; 
        top: 1px;  
        left: 1px; 
        transition:  all 0.5s; 
    }*/

/* Toggle text */

/* p { 
        font-family: Arial, Helvetica, sans-serif; 
        font-weight: bold; 
    }  */

/* Checkbox cheked effect */

.checkbox_sound:checked + .toggle_sound::after {
	left: 49px;
}
/* Checkbox cheked toggle label bg color */

.checkbox_sound:checked + .toggle_sound {
	background-size: cover;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-image: url(../../images/panelimages/toggleOn.png);
	/* background-color: green; */
}
/* Checkbox vanished */

.checkbox_sound {
	display: none;
}
p.sound {
	float: left;
	font-size: 16px;
	margin-left: 28%;
	font-family: SemplicitaPro-Bold;
}
div#soundSettings {
	margin-top: 10%;
}
div#soundSettings_scratch {
	margin-top: 10%;
}

#game_rule_head.sec-h5{
	font-size: 18px;
	text-align: center;
}

.rtp,.lastdate{
	margin-left: 24px;
	margin-top:10px;
}

@media (min-width: 577px) and (max-width: 816px) and(max-height: 578px){
	body[base="desktop"] .nav-tabs{
		display: flex;
		justify-content: center;
	}
	body[base="desktop"] .fixed-bottom{
		position: fixed;
		bottom: 30px;
		margin: auto;
		width: 60%;
	}
}
/* @media screen and (max-width: 818px) and (max-height: 578px){
	
	body[base="desktop"] #menu_ids_scratch .fixed-bottom-scratch{
		position: fixed;
		bottom: 30px;
		margin: auto;
		width: 60%;
	} 
}*/

/* Accordion */




.label{
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
}

.label .icon{
	background: url(../../images/rules_arrow_down.png) no-repeat;
	background-size: 25px 15px;
	width: 25px;
	margin-top: 4px;
	/* margin-right: -5%; */
}

.contentBox.active .icon{
	background: url(../../images/rules_arrow_down.png) no-repeat;
	background-size: 25px 15px;
	transform: rotate(180deg);
	transform-origin: center center;
	width: 25px;
	margin-top: 4px;
}

/* @media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	background-size: 25px 15px;
	width: 25px;
	margin-top: 4px;
} */

.accordion .contentBox{
	position: relative;
	margin: 15px 20px;
}

.accordion .contentBox .label{
	position: relative;
	padding-top: 15px;
	padding-bottom: 0px;
	border-top: 2px solid #584c5e;


}

.accordion .contentBox .label::before{
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	font-size: 1.5em;
}

.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > thead > tr > th {
  white-space: pre-wrap;
}

.accordion .contentBox .content{
	position: relative;
	background: transparent;
	height: 0;
	margin-left: -3%;
	overflow: hidden;
	/* transition: 0.5s; */
	overflow-y: auto;
}

.accordion .contentBox.active .content{
	height: auto;
	margin-left: 1%;
}


.contentBox{
	cursor: pointer;
}
/* Accordion close */

/* Accordion for mobile */

/* @media all and (max-width: 767px) {
    .label{
        display: flex;
        justify-content: space-between;
    }
    
    .label .icon{
		margin-right: -5%;
    }

    .contentBox.active .icon{
        width: 35px;
    }
    
    .accordion .contentBox{
        position: relative;
        margin: 10px 20px;
    }
    
    .accordion .contentBox .label{
        position: relative;
        padding-top: 10px;
        border-top: 2px solid white;
    }
    
    .accordion .contentBox .label::before{
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        font-size: 1.5em;
    }
    
    
    .accordion .contentBox .content{
        position: relative;
        background: transparent;
        height: 0;
		margin-left: -3%;
        overflow: hidden;
        transition: 0.5s;
        overflow-y: auto;
    }
    
    .accordion .contentBox.active .content{
        height: auto;
		margin-left: 0%;
    } 
}*/

@media only screen 
    and (device-width : 812px) 
    and (device-height : 375px){ 
		.label{
			display: flex;
			justify-content: space-between;
		}
		
		.accordion .contentBox{
			position: relative;
			margin: 10px 20px;
		}
		
		.accordion .contentBox .label{
			position: relative;
			padding-top: 10px;
			padding-right: 12px;
			padding-left: 12px;
			border-top: 2px solid white;
		}
		
		.accordion .contentBox .label::before{
			position: absolute;
			top: 50%;
			right: 20px;
			transform: translateY(-50%);
			font-size: 1.5em;
		}
		
		
		.accordion .contentBox .content{
			position: relative;
			background: transparent;
			height: 0;
			margin-left: -3%;
			overflow: hidden;
			/* transition: 0.5s; */
			overflow-y: auto;
		}
		
		.accordion .contentBox.active .content{
			height: auto;
			margin-left: -3%;
		}
	}

@media only screen and (max-width : 578px){
	/* #scratchrules{
		top: 4vh;
	} */
}

.date-grid{
	display: flex;
}

/* css fixes */


/* @media only screen and (max-width: 818px){
	
	.rules_content {
		padding: 0 5%;
	}
	#roulettepanel .rules_content{
		padding: 0%;
	}
	#roulettepanel .rules_content{
		padding: 0%;
	}
	#menu_ids{
		position: relative;
	}	
} */
@media screen and (orientation: portrait){
	.com{
		margin: 0%;
	}
	.rules_title{
		margin-bottom: 12px;
		margin-top: 10px;
	}
	.date-grid{
		display: grid;
		grid-template-columns: 3fr 1fr;
	}
	/* body[base="mobile"] table.history-table tbody{
		height: 50vh;
	} */
	/* #close-button{
		left: 60px;
	} */

	

	.nav-tabs{
		display: flex;
		justify-content: center;
	}
	.fixed-bottom{
		position: fixed;
		bottom: 30px;
		margin: auto;
		width: 60%;
	}	
	body[base="mobile"] .fixed-bottom{
		width: 63%;
	}



}

@media (max-width: 330px){
	.contentBox.active .icon{
		background-size: 20px 12px;
	}

	.label .icon{
		background-size: 20px 12px;
	}
	.contentBox .sec-h5.header{
		font-size: 12px;
	}
	.sec-p{
		font-size: small;
		padding-left: 5px;
	}
	#lastdate{
		margin-left: 2%;
	}

	.payout_img{
		width: 50px;
	}
	.payout_img2{
		width: 40px;
	}
	.payoutv_img{
		width: 50px;
	}

	.payout_desc{
		font-size: small;
	}

	.grid-row{
		gap: 1em;
	}

	img.img.history-img,
	img.img.book-img,
	img.img.info-img,
	img.img.setting-img {
		width: 20px !important;
	}

	#cashier_icon{
		margin-left: 13px;
	}

	/* #scratchrules .sec-p{
		padding-left: 0px;
	} */
}


@media (min-height: 1000px){
	body [base="desktop"] .scroll_gamerules{
		margin-top: 10px;
		height: 95vh !important;
	}
}


 /* iphone 6 ,7 ,8 landscape */
 @media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape){
	/* table.history-table tbody{
		height: 125px;
	} */
  }

@media only screen and (max-width: 668px) and (orientation: landscape) {
	.date-grid{
		display: grid;
		grid-template-columns: 3fr 1fr;
	}

	.rules_title{
		margin-bottom: 9px;
	}
	 
	body[base="mobile"] .fixed-bottom .nav.nav-tabs{
		position: absolute;
		top: 31px;
		right: 72vw;
		display: flex;
		width: 50px;
		flex-direction: column;
		gap: 30px;
	}
	/* #close-button{
		left: 100px;
	} */
	
	#panel-history{
		width: 90%;
    }

	/* .date-sub{
		margin-top: 6vh;
	} */
	.accordion .sec-h5{
		margin-left: -1%;
	}
	.label .icon{
		margin-right: -3%;
	}

}
/* @media only screen and (min-width: 668px) and (max-width: 818px) and (orientation: landscape){
	#close-button{
		left: 114px;
		top: 0px;
	}
	
	body[base="mobile"] .fixed-bottom .nav.nav-tabs{
		position: absolute;
		top: 31px;
		right: 72vw;
		display: flex;
		width: 50px;
		flex-direction: column;
		gap: 30px;
	}
	
	.nav-tabs{
		display: flex;
		margin-left: -6px;
	}
	.nav-tabs >li.active a::after{
		left: 15%;
	}

	.sec-h5.header{
		font-size: 16px;
	}
	.col-xs-12{
		margin-left: 0px;
    	width: 100%;
	}

	.history-date-container {
		margin-left: 14vw;
	}
} */
@media (min-width: 1200px){
	.container  {
		width: 1100px;
	}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	/* #scroll-box.scroll_gamerules{
		height: 95vh;
	} */
	.fixed-bottom{
		left: 18vw;
	}

	/* #close-button{
		top: 0px;
		left: 95px;
	} */
	/* #cashier_icon{
		margin-left: 44px;
	} */
	#home_icon{
		margin-left: 60px;
	}
	
	#scratch_Home_icon{
	margin-left: 60px;
	}
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	/* table.history-table tbody {
		height: 192px;
		max-height: 90px;
	} */
	/* #home_icon {
		margin-left: 16px;
	} */
	.rules_title{
		margin-bottom: 10px;
		margin-top: 10px;
	}
}