html {
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	-o-user-select: none !important;
	user-select: none !important;
	overflow: hidden !important;
}
.modal-backdrop {
	z-index: 30 !important;
}
.modalMenuPermanente {
	max-width: 75% !important;
}
.modalMenuPermanenteContent {
	width: 100% !important;
}
.wrap-slider {
	color: white;
	padding: 1rem 3rem;
	margin-bottom: 1rem;
}
.itemInstrucciones div {
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 350px;
}
.itemInstrucciones div img {
	width: 200px !important;
	height: 200px !important;
}
.itemInstrucciones div p {
	padding-left: 15px;
	color: white;
	font-size: 16px;
}
/* .wrapInstruccionse,
.itemInstrucciones {
	background: #2a86ca;
} */
#tablaTop {
	border: 2px solid #91cbec;
}
#tablaTop thead tr,
#tablaTop thead tr th {
	background: #004481;
	color: white;
	text-align: center;
}
.dropdown-menu-casino {
	padding-left: 5px !important;
}
.datosUsuario .columns {
	margin-bottom: 0px !important;
}
.iluminarRojo {
	background: #911b2d !important;
}
.ilumiarAzul {
	background: #006cce !important;
}
.bloqueNumerosRuleta button {
	cursor: pointer;
}
#modalAcertoNumero a {
	color: white !important;
}
.resp1,
.resp2,
.resp3,
.resp4 {
	cursor: pointer;
	overflow-y: hidden;
}
#modalTransparent .modal-background {
	background-color: rgba(255, 255, 255, 0) !important;
}
.containerResultadosBlack img {
	width: 55px !important;
	padding-right: 2px !important;
}
.containerResultadosBlack p {
	margin-right: 5px !important;
	margin-left: 5px !important;
	font-weight: bold;
}
#modalTextoCorrecta {
	font-weight: bold;
}
.mostrarElemento {
	display: inline-flex !important;
}
.removerElemento {
	display: none !important;
}
.pan {
	padding-top: 8px;
}

.pistaFinal {
	background: url("../img/casillas.png") !important;
}

.pistaFinalEstatico {
	background: url("../img/casillas.png") !important;
}

/*Animation*/
.pista.moverUno {
	animation: pistaUno 5s linear;
	animation-fill-mode: forwards;
}
.pista.moverDos {
	animation: pistaDos 5s linear;
	animation-fill-mode: forwards;
}
.pista.moverTres {
	animation: pistaTres 5s linear;
	animation-fill-mode: forwards;
}
.pista.moverCuatro {
	animation: pistaCuatro 5s linear;
	animation-fill-mode: forwards;
}
.pista.moverCinco {
	animation: pistaCinco 5s linear;
	animation-fill-mode: forwards;
}
@keyframes pistaUno {
	to {
		background-position: -1020px;
	}
}
@keyframes pistaDos {
	to {
		background-position: -1020px;
	}
}
@keyframes pistaTres {
	to {
		background-position: -1020px;
	}
}
@keyframes pistaCuatro {
	to {
		background-position: -1020px;
	}
}
@keyframes pistaCinco {
	to {
		background-position: -1020px;
	}
}
.divPartidaCaballos button {
	cursor: pointer;
}
.alumbrarCaballo {
	background: #ffffff !important;
	color: #004481 !important;
	box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%),
		0 2px 4px -1px rgb(0 0 0 / 30%) !important;
	border: none !important;
	transform: scale(1, 1.1);
}
/*Modales caballos*/
.colTablaPreguntas,
.colTablaCaballos {
	display: flex;
	align-items: center;
	justify-content: center;
}
.colTablaPreguntas th,
.colTablaPreguntas td,
.colTablaCaballos th,
.colTablaCaballos td {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}
.colTablaPreguntas th,
.colTablaCaballos th {
	background: #2986ca;
	color: white;
}
.colTablaPreguntas table tr,
.colTablaCaballos table tr {
	color: #15283e;
}
.colTablaPreguntas5 table tr,
.colTablaCaballos5 table tr {
	color: white;
}
.colTablaPreguntas table,
.colTablaCaballos table {
	border: 2px solid #8ac8eb;
}
.filaDineroCerrar {
	padding-top: 10px;
	text-align: center;
}
.filaDineroCerrar h3 {
	margin-top: 2px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.1rem;
}
.filaDineroCerrar a {
	color: white !important;
}

.filaDineroCerrar5 h3 {
	color: white !important;
}
.cuadro-final {
	position: absolute;
	top: 0;
	left: 25%;
	width: 25%;
	height: 30%;
	background: rgba(157, 96, 1, 0.5);
}
.pista-ubicacion .cuadro-rojo {
	left: 50% !important;
	width: 25% !important;
}
.spacerBotoom {
	padding-bottom: 10px;
	padding-top: 15px;
}
.item {
	font-size: 1.5rem;
	font-weight: 600;
}
.tablaAciertos,
.tablaAcumulados,
.colMontoApostar h2 {
	font-size: 1.1rem;
}
.tablaAciertos td,
.tablaAcumulados td {
	padding: 5px;
}
.divBtnArriesgar {
	margin-top: 20px;
}
#montoAcumulado,
#montoInspector,
#montoApostar,
#monto3aciertos,
#monto21aciertos,
#monto0aciertos {
	font-weight: bold;
	color: #004481;
}
#estaSeguro .button {
	width: 50px;
	color: white;
	font-weight: bold;
}
#estadistica .modal-dialog {
	max-width: 625px;
}
.filaEstadisticaRuleta,
.filaEstadisticaBlackjack,
.filaEstadisticaCaballos,
.filaEstadisticaMonedas,
.filaEstadisticaInspector,
.filaEstadisticaTotal {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 5px;
	margin-bottom: 8px;
	border-bottom: 1px solid #2a86ca;
}
.filaEstadisticaRuleta img,
.filaEstadisticaBlackjack img,
.filaEstadisticaCaballos img,
.filaEstadisticaMonedas img,
.filaEstadisticaInspector img,
.filaEstadisticaTotal img {
	width: 70px;
	height: 70px;
}
.filaEstadisticaTotal div:first-child {
	background: rgba(0, 68, 128, 0.3);
}
.filaEstadisticaRuleta div:first-child,
.filaEstadisticaBlackjack div:first-child,
.filaEstadisticaCaballos div:first-child,
.filaEstadisticaMonedas div:first-child,
.filaEstadisticaInspector div:first-child,
.filaEstadisticaTotal div:first-child {
	display: flex;
	justify-content: center;
	align-items: center;
}
.filaEstadisticaRuleta td,
.filaEstadisticaBlackjack td,
.filaEstadisticaCaballos td,
.filaEstadisticaMonedas td,
.filaEstadisticaInspector td,
.filaEstadisticaTotal td {
	padding-left: 15px;
}
.block-datos-usuario {
	cursor: pointer;
}
.tituloMontoGeneral,
.tituloTiempoGeneral {
	font-size: 0.75rem !important;
}

.block-instrucciones .toggle-button-instrucciones img {
	width: 35px !important;
}

.tempInstrucciones {
	width: 195px !important;
	height: 60px !important;
}

.block-instrucciones h3 {
	margin-top: 7px !important;
}

.infoCartas {
	position: absolute;
	right: 0px;
	bottom: 15px;
	width: 400px;
}
#tiempoPregunta {
	font-weight: bold !important;
	background: #dc3545 !important;
}
.block-instrucciones {
	width: 200px !important;
}
.block-instrucciones {
	height: 48px !important;
}
.show-instrucciones {
	width: 50vw !important;
	height: auto !important;
}
.content-instrucciones {
	overflow: auto !important;
}
.forzarFondoPregunta {
	background: #2dcccd !important;
}
#divMonto,
#divTiempo {
	color: #2bcbcd !important;
	padding-left: 5px !important;
}
.navigation .block-datos-usuario {
	/* border: 1px solid #da3851 !important; */
}
.tituloMontoGeneral,
.tituloTiempoGeneral {
	text-align: right !important;
}
.block-datos-usuario {
	font-size: 0.7rem !important;
}
.divMontoApuesta p {
	margin-top: 10px;
}
.casino-principal .container-casino img {
	margin: 0 auto !important;
}
@media (max-width: 1200px) {
	.show-instrucciones {
		width: 70vw !important;
	}
}

@media (max-width: 992px) {
	.show-instrucciones {
		width: 80vw !important;
	}
	.infoCartas {
		width: 320px;
	}
}

@media (max-width: 768px) {
	.modalMenuPermanente {
		max-width: 600px !important;
	}
	.wrap-slider {
		margin-bottom: 0.3rem !important;
	}
	#modalTop .modal-content,
	#modalInstrucciones .modal-content {
		max-height: 270px !important;
	}
	#modalTop .modal-title,
	#modalInstrucciones .modal-title {
		line-height: 0 !important;
	}
	#modalTop .modal-header .close,
	#modalInstrucciones .modal-header .close {
		padding-top: 0.5px !important;
	}
	#tablaTop,
	#modalInstrucciones {
		font-size: 0.7rem;
	}
	.itemInstrucciones div {
		max-height: 160px;
	}
	.itemInstrucciones div p {
		font-size: 1rem;
	}
	.itemInstrucciones div img {
		width: 150px !important;
		height: 150px !important;
		padding-top: 10px;
	}
	.datosUsuario .text-user-logged {
		padding-bottom: 0.2rem;
	}
	.instrucciones .titulo-instrucciones {
		margin-bottom: 0.2rem !important;
		margin-top: 0.9rem;
	}
	.divBtnContinuarInstrucciones .center-content {
		padding-top: 6px !important;
	}
	.divBtnContinuarPersonaje {
		padding-top: 0px !important;
	}
	.divPersonajes {
		margin-bottom: 0px !important;
		margin-top: 0px !important;
	}
	#estadistica .modal-content {
		max-height: 300px !important;
	}
	/*Pregunta*/
	.content-modal p:last-child {
		padding-bottom: 1rem !important;
	}
	.modal-pregunta .opcion-pregunta {
		min-height: 65px !important;
		font-size: 0.7rem !important;
	}
	.modal-pregunta .header-pregunta {
		font-size: 0.7rem !important;
	}

	.containerResultadosBlack img {
		width: 55px !important;
	}
	.modal .container-image img {
		width: 35px !important;
	}

	.romoverResponsive {
		display: none;
	}

	.montoApostadoResponsive {
		margin-top: 5px;
	}

	.divPartidaCaballos button {
		height: 18px !important;
	}

	.divPartidaCaballos button span {
		font-size: 0.8rem !important;
	}

	.bienvenido {
		margin-bottom: 2px !important;
		margin-left: 10px !important;
		margin-top: 10px !important;
	}

	.tablaAciertos td,
	.tablaAcumulados td {
		font-size: 0.7rem;
		padding: 1px;
	}

	.text-inspector h3 {
		font-size: 0.8rem;
	}

	.casinoInspector .welcome-game {
		margin-bottom: 3px !important;
	}

	#montoAcumulado,
	#montoInspector,
	#montoApostar,
	#monto3aciertos,
	#monto21aciertos,
	#monto0aciertos {
		font-size: 0.7rem;
	}

	.spacerBotoom {
		padding-bottom: 3px;
		padding-top: 5px;
	}

	.divBtnArriesgar {
		margin-top: 3px;
	}

	.tempInstrucciones {
		height: 40px !important;
	}

	.container-maquina-opciones .maquina-item {
		padding: 1.3rem !important;
	}

	.infoCartas {
		width: 145px;
	}

	.show-instrucciones {
		width: 100vw !important;
		height: 100vh !important;
	}

	.instruccionItem {
		font-size: 0.9rem !important;
		line-height: 15px !important;
	}

	.divPersonajes > div {
		padding-top: 0px !important;
	}

	.divMontoApuesta p {
		line-height: 12px !important;
	}
}

@media (max-width: 576px) {
	.container {
		max-width: 475px !important;
	}
}

/*Sobrescritura de css nativos*/
.instruccionesRuleta {
	border: 1px solid #004481;
}
.divMontoApuesta .value-initial,
.divMontoApuesta .value-final {
	top: 25px !important;
}
.lineaInstrucciones {
	border: 1px solid #004481;
}

@media screen and (min-width: 1088px) {
	.instruccionesRuleta .toggle-button-instrucciones {
		bottom: 12px !important;
	}
}

.img-fondo-inst {
	width: 100% !important;
}