@CHARSET "UTF-8";

#main.slot_page .platform_tab .nav-link.active {

}

#slot_btn li.nav-item {
	width: 16.66%;
}

#livecasino_btn li.nav-item {
	width: 20%;
}

.platform_tab {
	background-image: url("/res/front/images/rng/slot_bg.png"); /* The image used */
	background-color: #000; /* Used if the image is unavailable */
	background-position: top; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
}

.live_page {
	background-image: url("/res/front/images/rng/live_bg.png");
}

.platform_tab span.center-img {
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.platform_tab img {
    margin: 0 auto;
    display: inline-block;
    max-height: 470px;
}

.gradient-side {
	background: repeating-linear-gradient(to bottom, #EAAE3D, #83652C, #FEDA82 100px);
	padding: 5px;
	margin: 60px 0;
	border-radius: 15px;
}

.casinoID {
	background-color: #000;
	padding: 30px 15px;
	color: #FFF;
	border-radius: 13px;
}

.id-title,
.qr-msg {
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
}

.id-title {
	margin-bottom: 20px;
}

.qr-msg {
	margin-top: 20px;
}

.id-details {
    border: 2px solid #FFF;
    border-radius: 8px;
    padding: 30px 12px;
}

.id-details div {
	line-height: 3;
	font-size: 1.2rem;
}

/* .slot-QR {
	display: flex;
	border-bottom: 1px solid;
} */

.slot-QR img {
    max-width: 100px;
    margin: 0 auto;
    display: block;
}

#slotPTDownload {
	list-style: none;
}

#slotPTDownload .modal-dialog {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#slotPTDownload .modal-header,
#slotPTDownload .modal-footer {
	border: unset;
}

.download-now {
	border-radius: 50px;
    padding: 5px 20px;
}

.slot-nav {
	margin: 20px auto;
}

.slot-nav .navbar-nav {
	flex-wrap: wrap;
}

.slot-nav .nav-item {
    margin: 10px auto;
}

.slot-nav .nav-link {
    min-width: 120px;
    text-align: center;
	background-color: #D3D3D3;
	color: #000;
	margin: 0 10px;
	font-weight: bold;
	min-width: 140px;
}

.slot-nav .nav-link:hover {
	color: #FFF;
	background-image: linear-gradient(#edd174, #bb822e);
}

.slot-nav .nav-link.selected {
	background-image: linear-gradient(#edd174, #bb822e);
}

.login-alert {
    padding: 10px;
    text-align: center;
}

.login-alert {
    border: 1px dotted #F00;
    color: #F00;
}

@media only screen and (max-width: 1199px) {
	.platform_tab img {
		max-height: 340px;
	}
}

@media only screen and (max-width: 991px) {
	#m_slot_btn li.nav-item,
	#m_livecasino_btn li.nav-item {
		width: 50%;
	}

	#livecasino_btn li.nav-item {
		width: 25%;
	}
	
	.platform_tab span.center-img {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	#m_livecasino_btn li.nav-item {
		width: 50%;
	}
	
}

@media only screen and (max-width: 600px) {
	.platform_tab {
		background-image: url("/res/front/images/rng/slot_bg_m.jpg");
		background-size: cover;
		padding-bottom: 100px;
		margin-bottom: -100px;
	}

	.live_page {
		background-image: url("/res/front/images/rng/live_bg_m.jpg");
		height: 80vh;
	}
}