/*header grid (logo and login)*/
	.grid-container {
	display: grid;
	grid-template-columns: auto  auto auto;
	grid-template-rows: 95px;
	grid-gap: 10px;
	padding: 0;
	}

	.grid-container > div {
	padding: 0;
	}

/*main page casino display*/
	.flex-container {
	width:85%;
	margin:auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	  }

	.flex-container > div {
	margin:0px 5px 20px 5px;
	}
/*main page casino display background color change*/
	.example1 {
        float: left;
        width: 250px;
        text-align: center;
        border-radius: 10px 10px 0px 0px;
        transition: background .5s;
	}
	.example1 img {
        display: inline-block;
        vertical-align: middle;
        border-radius: 10px 10px 0px 0px;
	}
	.displaycasino{
 	border-radius: 20px 20px 10px 10px;
	width: 250px;
	background:#fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	span.payments {
	//  display: inline;
	  padding: 3px;
	  text-align:center;
	//  border: 1px solid blue;    
	//  background-color: yellow; 
	}
	.tooltip {
	  position: relative;
	  display: inline-block;
	}
	
	.tooltip .tooltiptext {
	  visibility: hidden;
	  width: 160px;
	  background-color: #452363;
	   opacity: 0.9;
	  color: #fff;
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 0;
	  position: absolute;
	  z-index: 1;
	  bottom: 150%;
	  left: 50%;
	  margin-left: -80px;
	}

	.tooltip .tooltiptext::after {
	  content: "";
	  position: absolute;
	  top: 100%;
	  left: 50%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: #452363 transparent transparent transparent;
	}

	.tooltip:hover .tooltiptext {
	  visibility: visible;
	}
/*END main page casino display background color change*/

/*left & right display UNTABLE*/
	.page-container {
	width:100%;
	display: grid;
	grid-template-columns: 20px 300px auto;
	grid-gap: 10px;
	padding: 0;
	}

	.page-container > div {
	padding: 0;
	}

/*LEFT BOX*/
	div.leftmenu{
	
	width:230px;
	background: #b20c10;
	border:solid 2px #000;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	td.lefthead{
	background:#f9fa7f;
	border-bottom:2px solid #000;
	width:230px;
	text-align:center;
	FONT-weight: 600;
	color: #000;
	}
	td.lefthead2{
	background:#f9fa7f;
	border-bottom:2px solid #000;
	border-top:2px solid #000;
	color: #000;
	width:230px;
	text-align:center;
	FONT-weight: 600;}
	p.lefthead{
	line-height:30px;
	}
	.leftside{
	    FONT-weight: 600;

	margin-left:8px;
	color: #d6d6d6;
	}
/*LOGIN REGISTER ERROR*/
	.form-container {
	border-radius: 5px;
	padding: 20px;
	background: #fff;
	border:solid 1px #707070;
	width:500px;
	margin:auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	.col-25 {
	  float: left;
	  width: 30%;
	  margin-top: 6px;
	  
	}
	
	.col-75 {
	  float: left;
	  width: 70%;
	  margin-top: 6px;
	}
		.row:after {
		  content: "";
		  display: table;
		  clear: both;
		}

/*Casino.php*/
	.casino-container {
	width:1000px;
	margin:auto;
	border-radius: 5px;
	background: #fff;
	border:solid 1px black;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	.cas-75 {
	float: left;
	width: 710px;
	margin-top: 2px;
	padding:8px;
	}
	.cas-25 {
	float: left;
	width: 250px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height:20px;
	border-left:solid 1px grey;
	font-size:13px;
	padding:8px;
}

	/* Clear floats after the columns */
	.casino-container:after {
	  content: "";
	  display: table;
	  clear: both;
	}
	.bonuslistca{
	border-collapse: collapse;
	width:88%;
	margin:auto;
	}
	.blheader{
	font-size: 12px;
	font-weight: 600;
	}
.a {
  padding: 5px;
	font-size: 13px;
	color: #5ac47a;
	font-weight: 600;
	 border-top: 1px solid grey; 
}
.b {
  padding: 5px;
	font-size: 13px;
	 border-top: 1px solid grey; 
}
.c {
  padding: 5px;
	font-size: 12px;
}
.highlight {
	font-size: 15px;
	color: #452363;
	font-weight: 600;
}

/*caasino page betcoin display*/
	.casflex-container {
	width:90%;
	margin:auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	 align-content: flex-start;
	  }

	.casflex-container > div {
	margin:0px 5px 20px 5px;
	white-space: nowrap;
	font-size:13px;
	}