sportsbet-mobile/client/style/casino.import.less

Sportsbet mobile

.casino {

	.head-menu {

		color: #fff;
		text-align: center;
		background: #252837;
		padding: 10px 0;

		.navbar-toggle {
			display: block;
			margin: 0px auto;
			font-size: 14px;
			padding: 15px;
		}

		.cat-up-down {
			background: url('//cdn.coingaming.io/bitcasino/mobile/images/icon-upDown@2x.png') no-repeat;
			background-size: 50px 11px;
			height: 17px;
			width: 24px;
		}

		.cat-up-down.open {
			background: url('//cdn.coingaming.io/bitcasino/mobile/images/icon-upDown@2x.png') -26px 0px;
			background-size: 50px 11px;
			height: 11px;
			margin-top: 3px;
		}

		.menu-holder {
			display: none;

			&.open {
				display: block;
			}

			li {
				float: left;
				width: 31.333%;
				height: 80px;
				list-style: none;
				padding: 0;
				margin: 1%;
				font-size: 18px;
			}

			a {
				color: #fff;
				text-decoration: none;
				display: block;
				font-size: 14px;
			}

			.icon-set {
				width: 54px;
				height: 40px;
				position: relative;
				margin: 0px auto;
				display: block;
				zoom: 1;
				background-repeat: no-repeat;

				&.blackjack {
					background-image: url('//cdn.coingaming.io/bitcasino/mobile/images/cat-1.png');
					width: 35px;
				}

				&.jackpot-slots {
					background-image: url('//cdn.coingaming.io/bitcasino/mobile/images/cat-2@2x.png');
					background-size: 80px 29px;
					width: 40px;
					background-position-x: 1px;
				}

				&.video-slots {
					background-image: url('//cdn.coingaming.io/bitcasino/mobile/images/cat-3@2x.png');
					background-size: 100px 29px;
					background-position-x: 6px;
				}

				&.roulette {
					background-image: url('//cdn.coingaming.io/bitcasino/mobile/images/cat-4@2x.png');
					background-size: 80px 29px;
					background-position-x: 7px;
					width: 40px;
				}

				&.table-games {
					background-image: url('//cdn.coingaming.io/bitcasino/mobile/images/cat-5@2x.png');
					background-size: 80px 29px;
					width: 23px;
				}
				&.live-dealer {
					background-image: url('//cdn.coingaming.io/bitcasino/mobile/images/live-dealer-Icon.png');
					background-size: 30px;
					width: 29px;
				}
				&.baccarat {
					background-image: url('//cdn.coingaming.io/sportsbet-mobile/images/baccarat-icon.png');
					background-size: 95px;
					width: 41px;
					background-position-y: 7px;
				}

			}
		}
	}

	.game_collection {
		background: #fff;
		padding-top: 10px;
		display: inline-block;
		width: 100%;
		min-height: calc(~"100vh - 164px");

		.game_detail {
			color: #252837;
			position: relative;
			margin: 0 auto;
		}

		a {
			color: #fff;
			text-align: center;
			text-decoration: none;

			h2 {
				font-size: 10px;
				line-height: 12px;
				height: 20px;
				padding-top: 3px;
			}
		}

		.game-box {
			cursor: pointer;
			margin-top: 5px;
			color: #ffffff;
			font-size: 12px;
			text-align: center;

			.ribbon {
				width: 45%;
				height: 45%;
				position: absolute;
				background-size: contain;
				background-repeat: no-repeat;
				border-top-left-radius: 5px;
			}
			.blue-new {
				background-image: url('//cdn.coingaming.io/sportsbet-mobile/images/new.png');
			}
			.green-featured {
				background-image: url('//cdn.coingaming.io/sportsbet-mobile/images/featured.png');
			}
			.red-hot {
				background-image: url('//cdn.coingaming.io/sportsbet-mobile/images/hot.png');
			}
		}

		.game_img {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: auto 100%;
			height: 90px;
			width: 90px;
			margin: 0 auto;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
		}

	}

	.col-sm-3 {
		width: 33%;
	}

	.errorImageContainer {
		text-align: center;
		margin-top: 50px;
		margin-bottom: 50px;

		img {
			width: 200px;
		}

		.errorMessage {
			color: #FFF;
			font-family: Roboto;
			font-size: 14px;
			margin-top: 20px;
			display: block;
		}
	}

	.btn-row {
		margin-top: 20px;
	}

	.btn {
		&.orange {
			width: 35%;
			background: orange;
			display: inline-block;
			color: #000;
			text-shadow: none;
		}
		&.red {
			width: 70%;
			background: red;
			color: #FFF;
			text-shadow: none;
		}
	}

	.btn-separator {
		margin: 10px auto;
		color: #FFF;
		font-size: 12px;
	}

}