# GR-LEGALS CSS

  .disclaimer{
	  margin:10px;
  }

  /* HIDE TOP BRAND LEGAL (By Default) */
#component-msg-BRAND_DISCLAIMER {
	display: none;
}

/* BRANDS */
[class^="brand-"] div { display: inline;}
.gr-legals [class^="brand-"], [class^="brand-"], .confirmation-text { display: none; }
.gr-legals .brand-default, .brand-default {display: inherit;}
.gr-legals .winner { display: none;}

[class^="brand-"], .brand-default, #confirmation-text-legal {
	display: none !important;
}

.disclaimer.brand-mobiworld  .brand-default,

.disclaimer.brand-frogstar  .brand-frogstar,

.disclaimer.brand-funiwin  .brand-funiwin,

.disclaimer.brand-winifun  .brand-winifun,

.disclaimer.brand-winimo  .brand-winimo,

.disclaimer.brand-winimi  .brand-winimi,

.disclaimer.brand-gamezones  .brand-gamezones,

.disclaimer.brand-appspool  .brand-appspool,

.disclaimer.brand-mobioastro  .brand-mobioastro,

.disclaimer.brand-checkastro  .brand-checkastro,

.disclaimer.brand-sugar-girls  .brand-sugar-girls{

display: inherit  !important;

}

.gr-legals li:nth-last-child(1), .gr-legals li:nth-last-child(2) {
	display: none;
}

/* STYLE */
.gr-legals {
	font-size: 11px;
    border: 1px solid #1e1e1e;
    background: rgba(0, 0, 0,0.75 );
	border-radius: 3px;
	text-align: left;
	padding:5px;
	margin:20px 0px;
	color:#ccc;
	max-width: 960px;
	position: relative;
	z-index: 1;
	max-width: 100%;
	display: block;
}

.gr-legals ul {
	margin: 0;
	padding: 10px;
}

.gr-legals ul li {
	margin: 0;
	padding: 5px;
	list-style: none;
	line-height: 18px;
	display: inline-block;
}

.hook-bottomCenter {
	margin: 0 auto;
	padding: 10px;
	display: block;
	max-width: 960px;
}

.gr-legals a {
	color:inherit;
}

a {
	color: inherit;
	text-decoration: none;
}

.bupper-popup-block {
	z-index: 2;
}

.gr-legals .table-head {

	color:#ccc;
	font-weight: bold;
	font-size: 13px;
	min-height:16px;
	line-height: 18px;
	padding:5px;
	background: rgba(0, 0, 0, 0.5);
	border-top:0;
}

.gr-legals .table-head .info {
	font-size: 13px;
	width:16px;
	height:16px;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	margin-right:5px;
	background:#f00;
	color:#000;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-weight: bold;
}

.gr-legals li {
    padding:2px 5px;
}


.gr-legals li>label{
	width:30%;
	max-width: 150px;
	float: left;
}

.gr-legals li>div {
	display: inline-block;
}

.mesa{
	top: 10px;
	width:28px;
	height:25px;
	right: 10px;
	display: block;
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-image:url("../src/assets/imgs/mesa_logo.png");
}
@media only screen and (min-width: 768px) {

	.gr-legals .table-head {
		border-radius: 3px;
	}

	.gr-legals li,
	.gr-legals li.table-head {
		display: inline-block;
		padding:5px;
		height:18px;
		line-height: 18px;
		border:none;
	}
	.gr-legals li>label,
	.gr-legals li>div{
		width: auto;
		max-width: none;
		float: none;
		display: inline-block;
	}

	.gr-legals li>div{
        border: 1px solid #1e1e1e;
		padding:2px 5px 0 5px;
        border-radius: 3px;
        background-color: rgba(0,0,0,0.5);
	}

	.gr-legals .winner>div {
		border:0;
		padding:0;
		box-shadow: none;
	}

	.mesa{
		height: 30px;
		position: static;
		float:right;
	}


}

@media only screen and (min-width: 980px) {
	.gr-legals {
		margin: 10px auto;
	}
}

@media only screen and (max-width: 767px) {
	.gr-legals .gr-title {
	  border: none;
	  border-radius: 0px;
	}
	.gr-legals ul li {
	  display: block;
	  border-bottom: 1px solid #636363;
	}
	.gr-legals ul li:last-child {
	  border-bottom: none;
	}
	.gr-legals ul li span {
	  border: none;
	  background: transparent;
	}
	.gr-legals ul li span a {
	  color: inherit;
	  text-decoration: underline;
	}
	.mesa {
	  top: -10px;
	  right: -10px;
	}
  }