@charset "UTF-8";
/* https://opqa.com/cacherver/ */
/*  */
/*
 //COBRANDED 1

    $c0_base : #4cc97d;


    $radius-base : 0px;
    $radius-small : 0px;

    $main_logo: 'https://opqa.com/cacherver/res/svg/ico/files/logoSampleb.auto';


*/
/* LAYOUT BASE - A*/
.gamebingo {
  display: flex;
  flex-direction: row;
  color: white;
  height: 100%;
  position: relative;
}

.bingoMain {
  flex: 0 0 825px;
  width: 100%;
  position: relative;
  /* background-color: #00ff0021; */
  /* text-align: center; */
  /*border: 1px solid white;*/
  /* display: flex; */
  /* align-items: center; */
  /* align-content: center; */
  /* justify-content: center; */
  /* max-width: 825px; */
  /* flex-wrap: wrap; */
  /* flex-direction: row; */
}

.gamebingo .oGBet {
  display: none;
}

.gamebingo #gameSecondary {
  margin-bottom: 50px;
}

.gamebingo .gameMyButtons {
  display: block !important;
  text-align: left;
  pointer-events: none;
  /* background-color: red; */
}

.gamebingo .oGFastSend {
  bottom: 40px;
  color: black;
}

.bingoMyCredits {
  /* position: absolute; */
  /* left: 160px; */
  /* padding-top:10px; */
  /* background-color: #003380; */
  /* width: 200px; */
  /* bottom: 0px; */
  padding: 10px;
  /* border-radius: 5px 5px 0px 0px; */
  /* border: 2px solid #179cba; */
  /* height: 53%; */
  max-height: none;
  /* top: 0px; */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: top;
}

.bingoMyCredits:after {
  content: "©";
}

/*  LAYOUT BASE - Z */
#bingoScale {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.bingoRow {
  display: flex;
  align-items: flex-end;
  align-content: center;
  /* justify-content: center; */
  /* justify-items: flex-end; */
  flex-wrap: wrap;
  /* flex: 1; */
  height: 100%;
  /* max-height: 752px; */
  /* transform: scale(0.73); */
  justify-content: center;
  max-width: 405px;
  padding: 0px;
}

/* ESCALADO DE CARTONES _ PIVOTE AL CENTRO - A */
.bingoMain[data-scale="1"] .bingoRow {
  align-content: center;
}

/* ESCALADO DE CARTONES _ PIVOTE AL CENTRO - Z */
/* CARTON BASE - A*/
.bingoMain[data-serie="1"] .bingoRow:first-child .bingoCarton:nth-child(odd) {
  background-color: #39C9F2;
  color: #275F69;
}

.bingoMain[data-serie="1"] .bingoRow:first-child .bingoCarton:nth-child(even) {
  background-color: #1CA8D0;
  color: #17545F;
}

.bingoMain[data-serie="1"] .bingoRow:last-child .bingoCarton:nth-child(even) {
  background-color: #FD93C4;
  color: #84465D;
}

.bingoMain[data-serie="1"] .bingoRow:last-child .bingoCarton:nth-child(odd) {
  background-color: #E7619F;
  color: #712F47;
}

/* CARTON BASE - Z*/
/* COLOR DE LOS CARTONES SEGUN DIFERENTE SERIE - A */
.bingoMain[data-serie="0"] .bingoRow:first-child .bingoCarton:nth-of-type(odd),
.bingoMain[data-serie="0"] .bingoRow:last-child .bingoCarton:nth-of-type(even) {
  background-color: #39C9F2;
  color: #275F69;
}

.bingoMain[data-serie="0"] .bingoRow:first-child .bingoCarton:nth-of-type(even),
.bingoMain[data-serie="0"] .bingoRow:last-child .bingoCarton:nth-of-type(odd) {
  background-color: #FD93C4;
  color: #84465D;
}

@media (hover: none) {
  .bingoMain[data-serie="1"] .bingoRow:first-child .bingoCarton:active {
    background-color: #44FFFD !important;
  }
  .bingoMain[data-serie="0"] .bingoRow:first-child .bingoCarton:nth-of-type(odd):active,
.bingoMain[data-serie="0"] .bingoRow:last-child .bingoCarton:nth-of-type(even):active {
    background-color: #44FFFD !important;
  }
  .bingoMain[data-serie="1"] .bingoRow:last-child .bingoCarton:active {
    background-color: #FFCFE5 !important;
  }
  .bingoMain[data-serie="0"] .bingoRow:first-child .bingoCarton:nth-of-type(even):active,
.bingoMain[data-serie="0"] .bingoRow:last-child .bingoCarton:nth-of-type(odd):active {
    background-color: #FFCFE5 !important;
  }
}
/* COLOR DE LOS CARTONES SEGUN DIFERENTE SERIE - Z */
/* COLOR DE LOS CARTONES SEGUN MISMA SERIE - A */
/* COLOR DE LOS CARTONES SEGUN MISMA SERIE - Z */
/* BOTON CANTAR A - Insertado en gameControls*/
/* BOTON CANTAR Z*/
.gameControlsbingo {
  display: flex;
  /* height:100px; */
  position: relative;
  background-color: transparent;
  max-height: 110px;
  order: 3;
}

.gameControlsbingo button {
  flex: 1;
  /* background-color:transparent; */
}

.gameControlsbingo .gameControlsFix {
  /* width:200px; */
  flex: 0 0 60px;
}

.btnCantarCont {
  flex: 10;
  position: relative;
  max-height: 200px;
}

.bingoBtnWarning {
  position: absolute;
  background-color: rgba(168, 28, 144, 0.9098039216);
  width: 100% !important;
  height: 100% !important;
  min-height: 60px;
  top: 0px;
  padding: 30px;
  border-radius: 8px;
  font-size: 1.2em;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/*----------CARTON BASE----------A-*/
.gC08TicketsCont {
  /* width: 100%; */
  /* height: 100%; */
  text-align: center;
  position: fixed;
  bottom: -999px;
  top: -999px;
  margin: auto;
  height: 915px;
  /* zoom: 0.7; */
  transform-origin: 50% 50%;
  transform: scale(0.3);
  /* background-color: $c0_base; */
  width: 1100px;
  /* margin: auto; */
  left: -999px;
  right: -999px;
}

.bingoCarton, .bingoCartonSpace {
  /* background-color: #53C7D2; */
  border-radius: 10px;
  /* border: 3px solid white; */
  /* margin-top:5px; */
  width: 405px;
  display: inline-block;
  /* position: absolute; */
  /* top: 0px; */
  /* left: 0px; */
  /* bottom: 0px; */
  /* right: 0px; */
  /* margin: auto; */
  /* border-collapse: collapse; */
  table-layout: fixed;
  border-width: 2px 5px;
  border-color: white;
  border-style: solid;
  border-spacing: 4px;
  margin: 0px;
}

.bingoCarton:first-of-type {
  border-top-width: 4px;
}

.bingoCarton:last-of-type {
  border-bottom-width: 4px;
}

.bingoCarton td, .bingoCartonSpace td {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 7px;
  margin: 1.8px;
  border-spacing: 5px;
  height: 42px;
  line-height: 18px;
  max-width: 39px;
  width: 39px;
  min-width: 39px;
  /* display: inline-block; */
  /* vertical-align: top; */
  padding-top: 2px;
  font-family: chat-OPQA;
  font-size: 1.7em;
  /* color: #29606A; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  text-align: center;
  border: 3px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media (hover: hover) {
  .bingoCarton td:hover {
    background-color: rgb(255, 255, 255);
    cursor: pointer;
  }
  .bingoCarton td:active {
    background-color: rgba(0, 0, 0, 0.22);
  }
}
.bingoCartonCheck {
  position: relative;
  background-color: rgba(0, 0, 0, 0.42) !important;
  border: 3px solid rgba(0, 0, 0, 0.4) !important;
  padding-top: 0px !important;
}

.bingoCartonCheck::before {
  content: "";
  border-bottom: 4px solid rgba(0, 0, 0, 0.7) !important;
  width: 80%;
  position: absolute;
  left: 10%;
  top: 50%;
}

.bingoCartonOff {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoStarCarton.auto) center center/85% no-repeat !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
  pointer-events: none;
}

.bingoCartonSpace {
  opacity: 0;
  /* height: 147px; */
  pointer-events: none;
  padding: 0px !important;
  border: 0px !important;
  margin: 0px !important;
}

.bingoCartonSpace table {
  margin: 0px;
}

.bingoCartonSpace .bingoCarton:first-of-type {
  border-top-width: 2px;
}

.bingoCartonSpace .bingoCarton:last-of-type {
  border-bottom-width: 2px;
}

/*----------CARTON----------Z-*/
/*----------TVs-----------*/
.tvScene {
  perspective: 400px;
  height: 260px;
  width: 100%;
  overflow: hidden;
  position: relative;
  font-family: Smooth, "Nunito Black", Tahoma, sans serif !important;
  order: 1;
  z-index: 3;
}

#tvLeft, #tvRight {
  margin-bottom: 80px;
  height: 200px;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 1000ms ease 0ms;
  border: 5px solid black;
  border-radius: 5px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  /* position: relative; */
  width: 100%;
}

/*----------TV IZQUIERDA-----------*/
#tvLeft {
  background-image: radial-gradient(#1C3D85, #020919);
  transform: rotateY(10deg) translate3d(20px, 30px, -20px);
}

#tvPrizes {
  width: 100%;
  height: 100%;
  table-layout: fixed;
}

#tvPrizes td {
  width: 57%;
  text-align: center;
  margin: 5px;
  height: 30px;
  overflow: hidden;
  position: relative;
}

#tvPrizes1A {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoLINEA-1T.auto) center 3px/120px no-repeat, radial-gradient(#0997A7, #04545D);
  padding-top: 23px;
}

#tvPrizes1A.tvPrizes1Aoff {
  background: radial-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://opqa.com/cacherver/res/svg/games/bingo/icoLINEA-1T.auto) center 3px/120px no-repeat, radial-gradient(#0997A7, #04545D);
  color: rgba(255, 255, 255, 0.3);
}

#tvPrizes2A {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoDOBLEL-1T.auto) center top 6px/140px no-repeat, radial-gradient(#338AC9, #0F5180);
  padding-top: 23px;
}

#tvPrizes2A.tvPrizes2Aoff {
  background: radial-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://opqa.com/cacherver/res/svg/games/bingo/icoDOBLEL-1T.auto) center 3px/140px no-repeat, radial-gradient(#338AC9, #0F5180);
  padding-top: 23px;
  color: rgba(255, 255, 255, 0.3);
}

#tvPrizes3A {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoBINGO-1T.auto) center 2px/120px no-repeat, radial-gradient(#7043A5, #431A7B);
  padding-top: 23px;
}

#tvPrizes3A.tvPrizes3Aoff {
  background: radial-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://opqa.com/cacherver/res/svg/games/bingo/icoBINGO-1T.auto) center 2px/120px no-repeat, radial-gradient(#7043A5, #431A7B);
  padding-top: 23px;
  color: rgba(255, 255, 255, 0.3);
}

#tvPrizes1B {
  background: radial-gradient(#0997A7, #04545D);
}

#tvPrizes2B {
  background: radial-gradient(#338AC9, #0F5180);
}

#tvPrizes3B {
  background: radial-gradient(#7043A5, #431A7B);
}

#tvPrizes {
  text-shadow: 1px 3px 0px rgba(0, 0, 0, 0.29);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dynStarC1 {
  width: 100%;
  height: 100%;
}

#tvPrizes td:first-child p {
  height: 15px; /*line-height:15px;*/
  margin: 2px;
  margin-bottom: 0px;
}

#tvPrizes td:nth-child(2) {
  vertical-align: top;
  padding-top: 0px;
}

#tvPrizes td:nth-child(2) p {
  height: 58px;
  width: 53px;
  /*line-height:15px;*/
  margin: 2px;
  margin-top: 0px;
  /* margin-left: 20px; */
  position: absolute;
  /* left: 10px; */
  padding-top: 18px;
}

#tvPrizes td:nth-child(2) p:nth-child(1) {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; /* background-color: red; */
  font-size: 1.1em;
  right: 4px;
}

#tvPrizes1B p:nth-child(1) {
  background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/dynaStar1.auto);
}

#tvPrizes2B p:nth-child(1) {
  background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/dynaStar2.auto);
}

#tvPrizes3B p:nth-child(1) {
  background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/dynaStar3.auto);
}

#tvPrizes td:nth-child(2) p:nth-child(2) {
  margin-top: 2px;
  right: auto;
  left: 5px;
  width: 50%;
}

@media (max-width: 1500px) {
  #tvPrizes1A {
    background-size: 90px, auto;
  }
  #tvPrizes1A.tvPrizes1Aoff {
    background-size: auto, 90px, auto;
  }
  #tvPrizes2A {
    background-size: 110px, auto;
  }
  #tvPrizes2A.tvPrizes2Aoff {
    background-size: auto, 110px, auto;
  }
  #tvPrizes3A {
    background-size: 90px, auto;
  }
  #tvPrizes3A.tvPrizes3Aoff {
    background-size: auto, 90px, auto;
  }
}
#tvWinners {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.tvWinners1, .tvWinners2, .tvWinners3, .tvWinners4 {
  position: absolute;
  /* background-color: red; */
  top: 0px;
  width: 100%;
  height: 100%;
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoBingoAdorno.auto) center/cover no-repeat, radial-gradient(#1C3D85, #020919);
  text-shadow: 3px 3px rgba(0, 0, 0, 0.5215686275);
}

.tvWinnersTitle1, .tvWinnersTitle2, .tvWinnersTitle3 {
  position: absolute;
  top: 4%;
  left: 7px;
  height: 30px;
}

.tvWinnersTitle1 {
  width: 92px;
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoBingoLinea.auto) left/100% no-repeat;
}

.tvWinnersTitle2 {
  width: 140px;
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoBingoDobleL.auto) left/100% no-repeat;
}

.tvWinnersTitle3 {
  width: 100px;
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoBingoBingo.auto) left/100% no-repeat;
}

.tvWinners1 .tvWinnersTitle1 {
  /*position:absolute;*/
  /*top: 8%;*/
  /*left: 5px;*/
  width: 110px;
  /*height:30px;*/
  /*background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoBingoLinea.auto) left/100% no-repeat;*/
}

.tvWinners1 .tvWinnersTitle2 {
  /*position:absolute;*/
  /*top:8%;*/
  /*left:5px;*/
  /* width: 140px; */
  /*height:30px;*/
  /* background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoBingoDobleL.auto) left/100% no-repeat; */
}

.tvWinners1 .tvWinnersTitle3 {
  /*position:absolute;*/
  /*top: 8%;*/
  /*left: 5px;*/
  width: 110px;
  /*height:30px;*/
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoBingoBingo.auto) left/100% no-repeat;
}

.tvWinnersPrize1, .tvWinnersPrize2, .tvWinnersPrize3 {
  position: absolute;
  top: 4%;
  /* left: 160px; */
  width: 60px;
  font-size: 1.4em;
  right: 10px;
  text-align: right;
}

.tvWinnersPrize1:after, .tvWinnersPrize2:after, .tvWinnersPrize3:after {
  content: "©";
}

.tvWinners1 .tvWinnersPrize1 {
  /*position:absolute;
  top: 8%;
  left: 150px;
  width:60px;
  font-size: 1.4em;*/
}

.tvWinners1 .tvWinnersPrize2 {
  /*position:absolute;*/
  /*top: 37px;*/
  /* left: 160px; */
  /*width:60px;*/
  /*font-size: 1.4em;*/
}

.tvWinners1 .tvWinnersPrize3 {
  /*position:absolute;*/
  /*top: 37px;*/
  left: 128px;
  /*width:60px;*/
  /*font-size: 1.4em;*/
}

.tvWinnersBote {
  position: absolute;
  top: 26%;
  left: 7px;
  width: 77px;
  height: 30px;
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoBingoBote.auto) left/100% no-repeat;
}

.tvWinnersPot {
  position: absolute;
  top: 40%;
  left: 10px;
  font-size: 1.4em;
  color: lime;
  text-align: right;
}

.tvWinners1 .tvWinnersBote {
  /* position:absolute; */
  /*top: 26%;*/
  /*left: 7px;*/
  /* width: 90px; */
  /*height:30px;*/
  /* background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoBingoBote.auto) left/100% no-repeat; */
  /* font-size: 1.4em; */
}

.tvWinners1 .tvWinnersPot {
  /*position:absolute;*/
  /*top: 26%;*/
  /* left: 110px; */
  /*font-size: 1.4em;*/
  /*color: lime;*/
}

.tvWinnersPot:after {
  content: "©";
}

.tvWinnersPotOff {
  display: none;
}

.tvWinnersNick {
  position: absolute;
  bottom: 0px;
  left: 30px;
  right: 40px;
  margin: auto;
  text-align: center;
  font-size: 1.2em;
  z-index: 3;
}

.tvWinnersNick p {
  margin: 0px;
}

.tvWinners2 .tvWinnersNick p {
  text-align: right;
}

.tvWinners2 .tvWinnersNick p:not(:first-child) {
  text-align: left;
  position: absolute;
  bottom: 0px;
}

.tvWinners1 .tvWinnersNick {
  position: absolute;
  top: 138px;
  left: 0px;
  right: 0px;
  margin: auto;
  text-align: center;
  font-size: 2em;
  z-index: 3;
}

.tvWinners1 .tvWinnersNick p {
  margin: 0px;
}

.tvWinners1 .tvWinnersNick p:not(:first-child) {
  display: none;
}

.tvWinners2 .tvWinnersNick p {
  display: none;
  /* transform: translateY(10px); */
}

.tvWinners2 .tvWinnersNick p:first-child, .tvWinners2 .tvWinnersNick p:nth-child(2) {
  display: block;
}

.tvWinners3 .tvWinnersNick, .tvWinners4 .tvWinnersNick {
  top: 71px;
}

.tvWinners4 .tvWinnersNick {
  left: 0px;
  right: 0px;
  top: 81px;
  width: 100%;
  text-align: center;
  height: 180px;
  /* background-color: red; */
  /* margin: inherit; */
  overflow: hidden;
  white-space: normal;
  line-height: 13px;
}

.tvWinners4 .tvWinnersNick p {
  text-align: left;
  font-size: 0.8em;
  display: inline;
  margin: 0px;
}

.tvWinners4 .tvWinnersNick p:after {
  /* content:','; */
}

.tvWinnersAvatar1 {
  position: absolute;
  bottom: -135px;
  left: auto;
  margin: auto;
  right: -56px;
  z-index: 0;
  width: 200px;
  height: 300px;
  /* background-color: red; */
  /*background: top center/contain no-repeat;
  background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);*/
  transform: scale(-1, 1);
}

.tvWinnersAvatar2 {
  position: absolute;
  bottom: -148px;
  left: -52px;
  /* margin: auto; */
  /* right: 0px; */
  z-index: 0;
  width: 150px;
  height: 300px;
  /* background-color: red; */
  /*background: top center/contain no-repeat;
  background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);*/
}

.tvWinners1 .tvWinnersAvatar1 {
  position: absolute;
  bottom: -210px;
  right: -50px;
  margin: auto;
  left: auto;
  z-index: 0;
  width: 200px;
  height: 400px;
  /* background-color: red; */
  /*background: top center/contain no-repeat;
  background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);*/
  transform: scale(-1, 1);
}

.tvWinners1 .tvWinnersAvatar2 {
  display: none;
}

.tvWinners3 .tvWinnersAvatar1, .tvWinners3 .tvWinnersAvatar2, .tvWinners4 .tvWinnersAvatar1, .tvWinners4 .tvWinnersAvatar2 {
  display: none;
}

#txtBet0:after, #txtBet1:after, #txtBet2:after {
  content: "©";
}

#txtPot0:after, #txtPot1:after, #txtPot2:after {
  content: "©";
}

/*----------TV DERECHA-----------*/
#tvBalls {
  /* background-color: red; */
  /* width: 360px; */
  width: 100%;
  height: 100%;
  /* max-width: 300px; */
  /* display: inline; */
}

#tvRight {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/bgTvR.auto) center/cover no-repeat, radial-gradient(#1C3D85, #020919);
  transform: rotateY(-10deg) translate3d(-20px, 30px, -20px);
}

#tvNumbers {
  text-align: center;
  font-size: 80px;
  height: 120px;
  width: 120px;
  position: absolute;
  top: 0px;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: auto;
  transform: translate3d(-440px, 30px, -20px) rotateZ(-360deg);
  background-color: #4EB16A;
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoBingoDecoration.auto) center/100%, radial-gradient(120px at 40px 43px, #4EB16A 49%, #2c8646 50%);
  border-radius: 80px;
  padding: 12px 8px;
  border: 5px solid #97E3AC;
  -webkit-animation: 4000ms cubic-bezier(1, -0.84, 0.63, 0.62) 0ms 1 normal none running TVBall;
          animation: 4000ms cubic-bezier(1, -0.84, 0.63, 0.62) 0ms 1 normal none running TVBall;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  /*animation: none;*/
  text-shadow: 4px 3px rgb(44, 134, 70);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@-webkit-keyframes TVBall {
  0% {
    transform: translate3d(-440px, 30px, -20px) rotateZ(-360deg);
  }
  20% {
    transform: translate3d(0px, 0px, 0px) rotateZ(0deg);
  }
  80% {
    transform: translate3d(0px, 0px, 0px) rotateZ(0deg);
  }
  100% {
    transform: translate3d(290px, 30px, -20px) rotateZ(360deg);
  }
}

@keyframes TVBall {
  0% {
    transform: translate3d(-440px, 30px, -20px) rotateZ(-360deg);
  }
  20% {
    transform: translate3d(0px, 0px, 0px) rotateZ(0deg);
  }
  80% {
    transform: translate3d(0px, 0px, 0px) rotateZ(0deg);
  }
  100% {
    transform: translate3d(290px, 30px, -20px) rotateZ(360deg);
  }
}
#tvNumbersMini {
  position: absolute;
  bottom: 0px;
  vertical-align: bottom;
  text-align: center;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#tvNumbersMini > p {
  display: inline-block;
  background-color: #477BD7;
  margin: 0px 1.5px;
  border-radius: 20px;
  height: 30px;
  width: 30px;
  padding: 5px;
  vertical-align: bottom;
}

#tvNumbersMini > p:first-child, #tvNumbersMini > p:nth-child(2), #tvNumbersMini > p:nth-child(3) {
  background-color: #74B64A;
  height: 40px;
  width: 40px;
  border-radius: 20px;
  padding: 6px;
  font-size: 1.4em;
  vertical-align: bottom;
  text-shadow: 2px 3px rgba(0, 0, 0, 0.25);
}

.tvBallNumber {
  position: absolute;
  width: 50px;
  height: 50px;
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/dynaStar4.auto) center/100% no-repeat;
  right: 0px;
  text-align: center;
  padding-top: 15px;
  font-size: 1.1em;
  /* font-weight: bold; */
}

#tvWait {
  /* display:none; */
  width: 100%;
  height: 100%;
  /* order: 1; */
}

#tvWait p {
  color: #54AEFF;
  text-align: center;
  padding-top: 0px;
  text-shadow: 1px 3px 0px rgba(0, 0, 0, 0.29);
  font-size: 1.2em;
}

#tvWaitUsers {
  width: 80px;
  height: 65px;
  position: absolute;
  top: 16px;
  bottom: 0px;
  left: 15px;
  margin: auto;
  background: url("https://opqa.com/cacherver/res/svg/games/bingo/icoBingoUsers.auto") center/100% no-repeat;
  text-align: center;
  text-shadow: 3px 2px rgba(0, 0, 0, 0.4117647059);
  font-size: 1.5em;
  padding-top: 24.6px;
}

#tvWaitTime {
  width: 120px;
  height: 110px;
  position: absolute;
  top: 47px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  background: url("https://opqa.com/cacherver/res/svg/games/bingo/icoRelojBingo.auto") center/100% no-repeat;
  text-align: center;
  padding-top: 22px;
  color: #2ABF82;
  /* text-shadow: 2px 2px #00000029; */
  font-size: 2.6em;
}

#tvWaitCredits {
  width: 190px;
  height: 63px;
  position: absolute;
  top: 20px;
  bottom: 0px;
  right: -100px;
  margin: auto;
  /* margin-left: 2px; */
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoBingoCarton.auto) center/100% no-repeat;
  /* text-align: left; */
  padding-top: 20px;
  padding-left: 20px;
  transform: rotate(5deg);
  box-shadow: 7px 4px rgba(0, 0, 0, 0.2196078431);
  text-shadow: 3px 2px rgba(0, 0, 0, 0.4117647059);
  font-size: 1.3em;
}

#tvWaitCredits:after {
  content: "©";
}

#tvNext {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/bgTvR.auto) center/cover no-repeat, radial-gradient(#1C3D85, #020919);
}

#tvNext p {
  margin: 0px;
  margin-top: 7px;
  text-align: center;
  font-size: 1.5em;
  color: #D4F0FF;
  transform: rotate(-1deg);
  text-shadow: 2px 2px black;
  white-space: normal;
  z-index: 1;
  position: absolute;
  width: 100%;
}

#tvNext .tvNextIcon {
  width: 140px;
  height: 60px;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
  transform: rotate(4deg);
  z-index: 0;
}

#tvNext .tvNextLabel {
  width: 200px;
  max-width: 90%;
  height: 50px;
  bottom: 10px;
  left: 0px;
  right: 0px;
  margin: auto;
  position: absolute;
  transform: rotate(-2deg);
}

#tvNext[data-stage="1"] .tvNextIcon {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/mcBingoCarton1.auto) center 2px/contain no-repeat;
}

#tvNext[data-stage="2"] .tvNextIcon {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/mcBingoCarton2.auto) center 2px/contain no-repeat;
}

#tvNext[data-stage="3"] .tvNextIcon {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/mcBingoCarton3.auto) center 2px/contain no-repeat;
}

#tvNext[data-stage="1"] .tvNextLabel {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoLINEA-1T.auto) center 2px/contain no-repeat;
}

#tvNext[data-stage="2"] .tvNextLabel {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoDOBLEL-1T.auto) center 2px/contain no-repeat;
}

#tvNext[data-stage="3"] .tvNextLabel {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoBINGO-1T.auto) center 2px/contain no-repeat;
}

/*----------PANEL NUMEROS CANTADOS-----------*/
#panelNumbersOld {
  background-color: #22073C;
  border: 3px solid white;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 20px;
  max-width: 370px;
  overflow: hidden;
  right: 0px;
  position: relative;
  display: inline-block;
  order: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.panelTable {
  width: 100%;
  table-layout: fixed;
  max-width: 370px;
}

#panelNumbersOld td {
  /* display: inline-block; */
  width: 35px;
  text-align: center;
  background-color: #0D0217;
  border-radius: 5px;
  height: auto;
  /* line-height: 38px; */
  width: auto;
  padding-top: 0px;
  /* margin: 2px; */
  font-family: "Chat-OPQA";
  font-size: 1.1em;
  /* overflow: hidden; */
  text-overflow: clip;
  color: rgba(255, 255, 255, 0.25);
}

#panelNumbersOld td:nth-child(odd) {
  color: rgba(255, 255, 255, 0.37);
}

.panelActive {
  background-color: #8C802A !important;
  color: white !important;
}

.bingoPanel0 {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoStarCarton.auto) center center/80% no-repeat, url(https://opqa.com/cacherver/res/svg/games/bingo/icoStarCarton.auto) center center/80% no-repeat, url(https://opqa.com/cacherver/res/svg/games/bingo/icoStarCarton.auto) center center/80% no-repeat, #2F1C4B !important;
  vertical-align: top;
}

/*----------PANEL NUMEROS CANTADOS-----------*/
#btnCantar {
  border-radius: 8px;
  height: 100%;
  text-align: center;
  padding-top: 30px;
  width: 100%;
}

.btnCantar1 {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoCantar1.auto) center/contain no-repeat, url(https://opqa.com/cacherver/res/svg/games/bingo/btnTile.auto) top left/1.7em 1.7em, #89C060;
  border: 4px solid #89C060;
}

.btnCantar2 {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoCantar2.auto) center/contain no-repeat, url(https://opqa.com/cacherver/res/svg/games/bingo/btnTile.auto) top left/1.7em 1.7em, #5EA3CD;
  border: 4px solid #5EA3CD;
}

.btnCantar3 {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoCantar3.auto) center/contain no-repeat, url(https://opqa.com/cacherver/res/svg/games/bingo/btnTile.auto) top left/1.7em 1.7em, #7E56B3;
  border: 4px solid #7E56B3;
}

@media (hover: hover) {
  .btnCantar1:hover {
    background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoCantar1.auto) center/contain no-repeat, url(https://opqa.com/cacherver/res/svg/games/bingo/btnTile.auto) top left/1.7em 1.7em, #03FF00;
    border: 4px solid white;
    cursor: pointer;
  }
  .btnCantar2:hover {
    background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoCantar2.auto) center/contain no-repeat, url(https://opqa.com/cacherver/res/svg/games/bingo/btnTile.auto) top left/1.7em 1.7em, #00E9FF;
    border: 4px solid white;
    cursor: pointer;
  }
  .btnCantar3:hover {
    background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoCantar3.auto) center/contain no-repeat, url(https://opqa.com/cacherver/res/svg/games/bingo/btnTile.auto) top left/1.7em 1.7em, #FF3FE8;
    border: 4px solid white;
    cursor: pointer;
  }
}
.btnCantar1:active {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoCantar1.auto) center/contain no-repeat, url(https://opqa.com/cacherver/res/svg/games/bingo/btnTile.auto) top left/1.7em 1.7em, #028200;
  border: 4px solid white;
  cursor: pointer;
}

.btnCantar2:active {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoCantar2.auto) center/contain no-repeat, url(https://opqa.com/cacherver/res/svg/games/bingo/btnTile.auto) top left/1.7em 1.7em, #00E9FF;
  border: 4px solid white;
  cursor: pointer;
}

.btnCantar3:active {
  background: url(https://opqa.com/cacherver/res/svg/games/bingo/icoCantar3.auto) center/contain no-repeat, url(https://opqa.com/cacherver/res/svg/games/bingo/btnTile.auto) top left/1.7em 1.7em, #8E0B7E;
  border: 4px solid white;
  cursor: pointer;
}

/*///////////////////////FONDO///////////////////*/
/*///////////////////////FONDO///////////////////*/
 #gameBg {
  /* background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/bgBingo.png); */
  /*  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;*/ /* USAR ESTO CUANDO REESCALEN LAS MESAS TB*/
  /*----- ESTO SOLO ENCAJA SIN ZOOM Y A PANTALLA COMPLETA----*/
  /* background-position: center; */
  /* background-repeat: no-repeat; */
  /* background-size: 100%; */
  /*----- ESTO SOLO ENCAJA SIN ZOOM Y A PANTALLA COMPLETA----*/
  /* background-color: red; */
  position: fixed;
  width: 1920px;
  height: 1080px;
  top: -9999px;
  bottom: -9999px;
  margin: auto;
  left: -9999px;
  right: -9999px;
  z-index: -5;
  /* overflow: hidden; */
  /* margin: 0px; */
  /* max-width: 100%; */
}

.bgBingoSara {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0;
  height: 300px;
  background: url("https://opqa.com/cacherver/res/svg/ico/files/icoAzafata.auto") top/cover no-repeat;
  width: 160px;
  margin: auto;
}

.bingoAvatar {
  position: absolute;
}

img.bingoAvatar {
  --AvImgX: -10px;
  --AvImgY: -4px;
}

.bgBingoMesa {
  /* display:none; */
  position: absolute;
  background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/bingoMesa.auto);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 300px 100px;
}

.bgBingoAvS {
  /*display:none;*/
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  width: 200px;
  height: 400px;
  --AvImgX: 0px;
  --AvImgY: 0px;
}

[class*=bgAv08][class$="2"], [class*=bgAv08][class$="3"], [class*=bgAv09][class$="2"], [class*=bgAv09][class$="3"] {
  /* display:none; */
  transform: scaleX(-1);
}

[class*=bgAv02], [class*=bgAv01] {
  /* display:none; */
  transform: scale(0.9);
}

[class*=bgAv02][class$="2"], [class*=bgAv02][class$="3"], [class*=bgAv01][class$="2"], [class*=bgAv01][class$="3"] {
  transform: scale(-0.9, 0.9);
}

[class*=bgAv00], [class*=bgAv13], [class*=bgAv12] {
  transform: scale(0.76);
  /* display:none; */
}

[class*=bgAv00][class$="2"], [class*=bgAv00][class$="3"], [class*=bgAv13][class$="2"], [class*=bgAv13][class$="3"], [class*=bgAv12][class$="2"], [class*=bgAv12][class$="3"] {
  transform: scale(-0.76, 0.76);
}

[class*=bgAv10], [class*=bgAv11] {
  transform: scale(0.69);
  /* display:none; */
}

[class*=bgAv10][class$="2"], [class*=bgAv10][class$="3"], [class*=bgAv11][class$="2"], [class*=bgAv11][class$="3"] {
  transform: scale(-0.69, 0.69);
}

[class*=bgAv06], [class*=bgAv07] {
  transform: scale(0.62);
  /* display:none; */
}

[class*=bgAv06][class$="2"], [class*=bgAv06][class$="3"], [class*=bgAv07][class$="2"], [class*=bgAv07][class$="3"] {
  transform: scale(-0.62, 0.62);
}

[class*=bgAv04], [class*=bgAv05] {
  transform: scale(0.56);
  /* display:none; */
}

[class*=bgAv04][class$="2"], [class*=bgAv04][class$="3"], [class*=bgAv05][class$="2"], [class*=bgAv05][class$="3"] {
  transform: scale(-0.56, 0.56);
}

[class*=bgAv03] {
  transform: scale(0.5);
}

[class*=bgAv03][class$="2"], [class*=bgAv03][class$="3"] {
  transform: scale(-0.5, 0.5);
}

.bgBingoSillas {
  /* display:none; */
  position: absolute;
  background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/bingoSillas.auto);
  background-position: center center;
  background-repeat: no-repeat;
}

.bgBingo {
  position: relative;
  /* FALLA FONDO GRANDE 1440 con cacherver */
  /*background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/bgBingo.auto);*/
  background-image: url("./bgBingo.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: -180;
  background-size: contain;
  /* background-position: top left; */
  /* background-position: 0px -57px; */
  /* background-color: lime; */
}

/*-----POSICION x,y,"z" DE MESAS, SILLAS, AVATARES*/
/*-----MESA 0 ------*/
.bgBM08, .bgBS08 {
  width: 620px;
  height: 400px;
  top: 441px;
  left: -60px;
  z-index: -20;
  background-size: 86%;
}

.bgAv080 {
  z-index: -21;
  top: calc(373px + var(--AvImgX));
  left: calc(-6px + var(--AvImgY));
}

.bgAv081 {
  z-index: -21;
  top: calc(351px + var(--AvImgX));
  left: calc(95px + var(--AvImgY));
}

.bgAv082 {
  z-index: -21;
  top: calc(351px + var(--AvImgX));
  left: calc(202px + var(--AvImgY));
  transform: scaleX(-1);
}

.bgAv083 {
  z-index: -21;
  top: calc(368px + var(--AvImgX));
  left: calc(308px + var(--AvImgY));
}

.bgBS08 {
  z-index: -29;
}

/*-----MESA 1 ------*/
.bgBM09, .bgBS09 {
  width: 620px;
  height: 400px;
  top: 430px;
  left: 1313px;
  z-index: -31;
  background-size: 84%;
}

.bgAv090 {
  z-index: -32;
  top: calc(355px + var(--AvImgX));
  left: calc(1373px + var(--AvImgY));
}

.bgAv091 {
  z-index: -33;
  top: calc(339px + var(--AvImgX));
  left: calc(1479px + var(--AvImgY));
}

.bgAv092 {
  z-index: -34;
  top: calc(340px + var(--AvImgX));
  left: calc(1578px + var(--AvImgY));
}

.bgAv093 {
  z-index: -35;
  top: calc(353px + var(--AvImgX));
  left: calc(1687px + var(--AvImgY));
}

.bgBS09 {
  z-index: -39;
}

/*-----MESA 2 ------*/
.bgBM02, .bgBS02 {
  width: 620px;
  height: 400px;
  top: 357px;
  left: 960px;
  z-index: -41;
  background-size: 70%;
}

.bgAv020 {
  z-index: -42;
  top: calc(300px + var(--AvImgX));
  left: calc(1054px + var(--AvImgY));
}

.bgAv021 {
  z-index: -43;
  top: calc(290px + var(--AvImgX));
  left: calc(1134px + var(--AvImgY));
}

.bgAv022 {
  z-index: -44;
  top: calc(290px + var(--AvImgX));
  left: calc(1214px + var(--AvImgY));
}

.bgAv023 {
  z-index: -45;
  top: calc(300px + var(--AvImgX));
  left: calc(1294px + var(--AvImgY));
}

.bgBS02 {
  z-index: -49;
}

/*-----MESA 3 ------*/
.bgBM01, .bgBS01 {
  width: 620px;
  height: 400px;
  top: 360px;
  left: 317px;
  z-index: -51;
  background-size: 72%;
}

.bgAv010 {
  z-index: -52;
  top: calc(300px + var(--AvImgX));
  left: calc(403px + var(--AvImgY));
}

.bgAv011 {
  z-index: -53;
  top: calc(290px + var(--AvImgX));
  left: calc(489px + var(--AvImgY));
}

.bgAv012 {
  z-index: -54;
  top: calc(286px + var(--AvImgX));
  left: calc(578px + var(--AvImgY));
}

.bgAv013 {
  z-index: -55;
  top: calc(300px + var(--AvImgX));
  left: calc(658px + var(--AvImgY));
}

.bgBS01 {
  z-index: -59;
}

/*-----MESA 4 ------*/
.bgBM00, .bgBS00 {
  width: 620px;
  height: 400px;
  top: 295px;
  left: 650px;
  z-index: -61;
  background-size: 57%;
}

.bgAv000 {
  z-index: -62;
  top: calc(251px + var(--AvImgX));
  left: calc(764px + var(--AvImgY));
}

.bgAv001 {
  z-index: -63;
  top: calc(242px + var(--AvImgX));
  left: calc(828px + var(--AvImgY));
}

.bgAv002 {
  z-index: -64;
  top: calc(238px + var(--AvImgX));
  left: calc(893px + var(--AvImgY));
}

.bgAv003 {
  z-index: -65;
  top: calc(251px + var(--AvImgX));
  left: calc(960px + var(--AvImgY));
}

.bgBS00 {
  z-index: -69;
}

/*-----MESA 5 ------*/
.bgBM13, .bgBS13 {
  width: 620px;
  height: 400px;
  top: 290px;
  left: -300px;
  z-index: -71;
  background-size: 57%;
}

.bgAv130 {
  z-index: -72;
  top: calc(245px + var(--AvImgX));
  left: calc(-192px + var(--AvImgY));
}

.bgAv131 {
  z-index: -73;
  top: calc(233px + var(--AvImgX));
  left: calc(-130px + var(--AvImgY));
}

.bgAv132 {
  z-index: -74;
  top: calc(233px + var(--AvImgX));
  left: calc(-62px + var(--AvImgY));
}

.bgAv133 {
  z-index: -75;
  top: calc(245px + var(--AvImgX));
  left: calc(10px + var(--AvImgY));
}

.bgBS13 {
  z-index: -79;
}

/*-----MESA 6 ------*/
.bgBM12, .bgBS12 {
  width: 620px;
  height: 400px;
  top: 290px;
  left: 1600px;
  z-index: -81;
  background-size: 57%;
}

.bgAv120 {
  z-index: -82;
  top: calc(245px + var(--AvImgX));
  left: calc(1710px + var(--AvImgY));
}

.bgAv121 {
  z-index: -83;
  top: calc(233px + var(--AvImgX));
  left: calc(1775px + var(--AvImgY));
}

.bgAv122 {
  z-index: -84;
  top: calc(233px + var(--AvImgX));
  left: calc(1841px + var(--AvImgY));
}

.bgAv123 {
  z-index: -85;
  top: calc(245px + var(--AvImgX));
  left: calc(1903px + var(--AvImgY));
}

.bgBS12 {
  z-index: -89;
}

/*-----MESA 7 ------*/
.bgBM10, .bgBS10 {
  width: 620px;
  height: 400px;
  top: 258px;
  left: -28px;
  z-index: -91;
  background-size: 51%;
}

.bgAv100 {
  z-index: -92;
  top: calc(219px + var(--AvImgX));
  left: calc(96px + var(--AvImgY));
}

.bgAv101 {
  z-index: -93;
  top: calc(209px + var(--AvImgX));
  left: calc(159px + var(--AvImgY));
}

.bgAv102 {
  z-index: -94;
  top: calc(209px + var(--AvImgX));
  left: calc(215px + var(--AvImgY));
}

.bgAv103 {
  z-index: -95;
  top: calc(219px + var(--AvImgX));
  left: calc(272px + var(--AvImgY));
}

.bgBS10 {
  z-index: -99;
}

/*-----MESA 8 ------*/
.bgBM11, .bgBS11 {
  width: 620px;
  height: 400px;
  top: 258px;
  left: 1326px;
  z-index: -101;
  background-size: 51%;
}

.bgAv110 {
  z-index: -102;
  top: calc(214px + var(--AvImgX));
  left: calc(1447px + var(--AvImgY));
}

.bgAv111 {
  z-index: -103;
  top: calc(208px + var(--AvImgX));
  left: calc(1503px + var(--AvImgY));
}

.bgAv112 {
  z-index: -104;
  top: calc(207px + var(--AvImgX));
  left: calc(1566px + var(--AvImgY));
}

.bgAv113 {
  z-index: -105;
  top: calc(215px + var(--AvImgX));
  left: calc(1626px + var(--AvImgY));
}

.bgBS11 {
  z-index: -109;
}

/*-----MESA 9 ------*/
.bgBM06, .bgBS06 {
  width: 620px;
  height: 400px;
  top: 225px;
  left: 234px;
  z-index: -111;
  background-size: 44%;
}

.bgAv060 {
  z-index: -112;
  top: calc(193px + var(--AvImgX));
  left: calc(373px + var(--AvImgY));
}

.bgAv061 {
  z-index: -113;
  top: calc(189px + var(--AvImgX));
  left: calc(424px + var(--AvImgY));
}

.bgAv062 {
  z-index: -114;
  top: calc(186px + var(--AvImgX));
  left: calc(474px + var(--AvImgY));
}

.bgAv063 {
  z-index: -115;
  top: calc(196px + var(--AvImgX));
  left: calc(522px + var(--AvImgY));
}

.bgBS06 {
  z-index: -119;
}

/*-----MESA 10 ------*/
.bgBM07, .bgBS07 {
  width: 620px;
  height: 400px;
  top: 225px;
  left: 1064px;
  z-index: -121;
  background-size: 44%;
}

.bgAv070 {
  z-index: -122;
  top: calc(192px + var(--AvImgX));
  left: calc(1201px + var(--AvImgY));
}

.bgAv071 {
  z-index: -123;
  top: calc(189px + var(--AvImgX));
  left: calc(1250px + var(--AvImgY));
}

.bgAv072 {
  z-index: -124;
  top: calc(189px + var(--AvImgX));
  left: calc(1299px + var(--AvImgY));
}

.bgAv073 {
  z-index: -125;
  top: calc(199px + var(--AvImgX));
  left: calc(1349px + var(--AvImgY));
}

.bgBS07 {
  z-index: -129;
}

/*-----MESA 11 ------*/
.bgBM04, .bgBS04 {
  width: 620px;
  height: 400px;
  top: 197px;
  left: 452px;
  z-index: -131;
  background-size: 39%;
}

.bgAv040 {
  z-index: -132;
  top: calc(168px + var(--AvImgX));
  left: calc(595px + var(--AvImgY));
}

.bgAv041 {
  z-index: -133;
  top: calc(157px + var(--AvImgX));
  left: calc(641px + var(--AvImgY));
}

.bgAv042 {
  z-index: -134;
  top: calc(162px + var(--AvImgX));
  left: calc(686px + var(--AvImgY));
}

.bgAv043 {
  z-index: -135;
  top: calc(169px + var(--AvImgX));
  left: calc(729px + var(--AvImgY));
}

.bgBS04 {
  z-index: -139;
}

/*-----MESA 12 ------*/
.bgBM05, .bgBS05 {
  width: 620px;
  height: 400px;
  top: 197px;
  left: 847px;
  z-index: -141;
  background-size: 39%;
}

.bgAv050 {
  z-index: -142;
  top: calc(165px + var(--AvImgX));
  left: calc(992px + var(--AvImgY));
}

.bgAv051 {
  z-index: -143;
  top: calc(162px + var(--AvImgX));
  left: calc(1038px + var(--AvImgY));
}

.bgAv052 {
  z-index: -144;
  top: calc(161px + var(--AvImgX));
  left: calc(1083px + var(--AvImgY));
}

.bgAv053 {
  z-index: -145;
  top: calc(172px + var(--AvImgX));
  left: calc(1126px + var(--AvImgY));
}

.bgBS05 {
  z-index: -149;
}

/*-----MESA 13 ------*/
.bgBM03, .bgBS03 {
  width: 620px;
  height: 400px;
  top: 175px;
  left: 650px;
  z-index: -151;
  background-size: 34%;
}

.bgAv030 {
  z-index: -152;
  top: calc(152px + var(--AvImgX));
  left: calc(801px + var(--AvImgY));
}

.bgAv031 {
  z-index: -153;
  top: calc(144px + var(--AvImgX));
  left: calc(842px + var(--AvImgY));
}

.bgAv032 {
  z-index: -154;
  top: calc(146px + var(--AvImgX));
  left: calc(883px + var(--AvImgY));
}

.bgAv033 {
  z-index: -155;
  top: calc(152px + var(--AvImgX));
  left: calc(920px + var(--AvImgY));
}

.bgBS03 {
  z-index: -159;
}

/*-----CARGA DE CADA AVATAR - TESTEO*/
/*
		#AV00{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV01{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV02{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);

		}
		#AV03{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);

		}

		#AV04{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV05{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV06{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV07{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV08{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV09{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV10{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);

		}
		#AV11{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV12{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV13{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV14{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);

		}
		#AV15{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV16{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);

		}
		#AV17{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV18{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV19{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}


		#AV20{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);

		}
		#AV21{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV22{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV23{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV24{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);

		}
		#AV25{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV26{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);

		}
		#AV27{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV28{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV29{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV30{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);

		}
		#AV31{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV32{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV33{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV34{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);

		}
		#AV35{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV36{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);

		}
		#AV37{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV38{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV39{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV40{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);

		}
		#AV41{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV42{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV43{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV44{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);

		}
		#AV45{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV46{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);

		}
		#AV47{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}

		#AV48{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV49{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV50{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV51{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV52{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV53{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV54{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
		#AV55{
			background-image: url(https://opqa.com/cacherver/res/svg/games/bingo/javi.auto);
		}
*/
/*-----CARGA DE CADA AVATAR*/
/*///////////////////////FONDO///////////////////*/
/*///////////////////////FONDO///////////////////*/
/*///////////////////////LAYOUT///////////////////*/
/*///////////////////////LAYOUT///////////////////*/
/*///////////////////////HORIZONTAL///////////////////*/
/*///////////////////////iPAD///////////////////*/
/*///////////////////////iPAD///////////////////*/
/*///////////////////////iPAD///////////////////*/
@media (max-width: 1111px) {
  .bingoBody {
    padding: 0px;
    margin: 0px;
    padding-bottom: 0px;
  }
  #gameCenter {
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
  }
  .gamebingo .gameMyButtons {
    text-align: center;
  }
  .gamebingo .gameSpectator {
    margin-top: 10px;
    display: block;
    height: 60px;
  }
  .gamebingo .gameSpectator h1 {
    margin-top: 10px;
  }
  .gamebingo .gameSpectator button {
    display: none;
  }
  #gameCenter {
    background-color: transparent;
  }
  #panelNumbersOld {
    display: none;
  }
  .tvScene {
    height: 220px !important;
    /* flex: 1; */
  }
  #tvRight, #tvLeft {
    transform: rotateY(0deg) translate3d(0px, 0px, 0px) !important;
    /* height: 100%; */
    /* height: 100%; */
  }
  #tvPrizes1A, #tvPrizes2A, #tvPrizes3A {
    background-position-x: left !important;
  }
  .tvWinners2 .tvWinnersNick p:not(:first-child) {
    text-align: left;
    position: static;
    bottom: 0px;
  }
  /* AZAFATA SARA - OCULTA EN MOVIL */
  .bgBingoSara {
    display: none;
  }
  /* AJUSTES TV LEFT PARA MOVIL - A*/
  #tvPrizes {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.568627451);
  }
  #tvPrizes1A {
    padding-top: 0px;
    background-size: 60px, cover;
    background-position: center top 2px !important;
    vertical-align: top;
    padding-top: 15px;
  }
  #tvPrizes1A.tvPrizes1Aoff {
    padding-top: 0px;
    background-size: cover, 60px, cover;
    background-position: center top 2px !important;
    vertical-align: top;
    padding-top: 15px;
  }
  #tvPrizes2A {
    padding-top: 0px;
    background-size: 80px, cover;
    background-position: center top 2px !important;
    vertical-align: top;
    padding-top: 15px;
  }
  #tvPrizes2A.tvPrizes2Aoff {
    padding-top: 0px;
    background-size: cover, 80px, cover;
    background-position: center top 2px !important;
    vertical-align: top;
    padding-top: 15px;
  }
  #tvPrizes3A {
    padding-top: 0px;
    background-size: 60px, cover;
    background-position: center top 2px !important;
    vertical-align: top;
    padding-top: 15px;
  }
  #tvPrizes3A.tvPrizes3Aoff {
    padding-top: 0px;
    background-size: cover, 60px, cover;
    background-position: center top 2px !important;
    vertical-align: top;
    padding-top: 15px;
  }
  /* AJUSTES TV LEFT PARA MOVIL - B*/
  /* AJUSTES TV RIGHT PARA MOVIL - A*/
  #tvNumbers {
    width: 80px;
    font-size: 3.5em;
    height: 80px;
    padding-top: 4px;
    top: 3px;
    padding-left: 4px;
  }
  #tvNumbersMini > p:first-child, #tvNumbersMini > p:nth-child(2), #tvNumbersMini > p:nth-child(3) {
    width: 30px;
    height: 30px;
    font-size: 1em;
  }
  #tvWaitUsers {
    width: 40px;
    font-size: 1em;
    padding-top: 30px;
    top: 10px;
  }
  #tvWaitTime {
    width: 80px;
    padding-top: 31px;
    font-size: 2em;
    top: 10px;
  }
  #tvWaitCredits {
    width: 100px;
    right: -48px;
    font-size: 1em;
    padding-top: 23px;
    top: 60px;
  }
  /* AJUSTES TV RIGHT PARA MOVIL - B*/
}
@media (max-width: 1111px) and (orientation: landscape) {
  .gamebingo .gameMyButtons {
    text-align: left;
  }
  .gamebingo .bingoMyCredits {
    position: absolute;
    right: 5px;
  }
  .gamebingo .gameSpectator {
    bottom: 40px;
  }
  #tvPrizes td:first-child p {
    height: 15px;
    /* line-height: 15px; */
    margin: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    bottom: 8px;
    position: absolute;
    width: 100%;
  }
  #tvPrizes td:nth-child(2) {
    /* margin-top:3px; */
    /* background-position-y: -7px; */
    /* background-size: 33px,cover; */
  }
  #tvPrizes td:nth-child(2) p:nth-child(1) {
    margin-top: 0px;
    height: 67%;
    top: -3px;
    right: 0px;
    left: 0px;
    margin: auto;
    padding-top: 12px;
    right: 5%;
    font-size: 1em;
  }
  #tvPrizes td:nth-child(2) p:nth-child(2) {
    margin-top: 9px;
    padding-top: 4px;
    width: 50%;
    bottom: 3px;
    right: 0px;
    left: 0px;
    margin: auto;
    height: auto;
  }
  /* AJUSTE DE TV WINNERS PARA MOVIL HORIZONTAL - A*/
  .tvScene {
    max-height: 74%;
  }
  #tvLeft {
    height: 100%;
  }
  .tvWinners1 .tvWinnersTitle1 {
    width: 70px;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .tvWinners1 .tvWinnersPrize1 {
    font-size: 1em;
    top: 24px;
    text-align: center;
    right: auto;
    left: 0px;
    width: 100%;
  }
  .tvWinners1 .tvWinnersBote {
    width: 64px;
    top: 39px;
    margin: auto;
    left: 0px;
    right: 0px;
  }
  .tvWinners1 .tvWinnersPot {
    font-size: 1em;
    /* right: 4px; */
    text-align: center;
    top: 62px;
    left: 0px;
    width: 100%;
  }
  .tvWinners1 .tvWinnersNick {
    bottom: 17px;
    top: auto;
    left: 27px;
    right: auto;
    font-size: 1.5em;
  }
  .tvWinners1 .tvWinnersAvatar1 {
    transform: scale(-0.6, 0.6);
    right: -40px;
    left: auto;
    bottom: -210px;
  }
  /* AJUSTE DE TV WINNERS PARA MOVIL VERTICAL - Z*/
}
/*///////////////////////HORIZONTAL ESTRECHO///////////////////*/
/*///////////////////////HORIZONTAL ESTRECHO///////////////////*/
@media (max-height: 600px) and (orientation: landscape) {
  #panelNumbersOld {
    display: none !important;
  }
  .bgBingoSara {
    display: none;
  }
}
/*///////////////////////HORIZONTAL ESTRECHO///////////////////*/
/*///////////////////////HORIZONTAL ESTRECHO///////////////////*/
/*///////////////////////HORIZONTAL MUY ESTRECHO///////////////////*/
/*///////////////////////HORIZONTAL MUY ESTRECHO///////////////////*/
@media (orientation: landscape) and (max-height: 300px) {
  .bingoBody {
    padding: 0px;
    margin: 0px;
  }
  #gameCenter {
    margin-left: 0px;
    margin-right: 0px;
  }
  #bingoSecond {
    display: flex;
    flex-direction: column;
  }
  .tvScene {
    height: 220px !important;
  }
  #tvRight, #tvLeft {
    transform: rotateY(0deg) translate3d(0px, 0px, 0px) !important;
    overflow: hidden;
  }
  .tvScene {
    flex: 2;
    height: auto !important;
    overflow: hidden;
    /* position: relative; */
  }
  #tvRight {
    height: 100% !important;
  }
  #btnCantar {
    flex: 4;
  }
}
/*///////////////////////HORIZONTAL MUY ESTRECHO///////////////////*/
/*///////////////////////HORIZONTAL MUY ESTRECHO///////////////////*/
/*////////////////////VERTICAL//////////////////////*/
@media (orientation: portrait) {
  html, .bingoBody {
    padding: 0px;
    margin: 0px;
  }
  #gameBingo {
    flex-direction: column !important;
  }
  /*------FALTA SOLO REPARENTAR LOS AVATARES AL PRINCIPAL POR CODIGO*/
  .gamebingo .gameMyButtons {
    text-align: center;
  }
  .gamebingo .gameSpectator h1 {
    margin-top: 10px;
    line-height: 19px;
    height: 80px;
  }
  .gamebingo .gameSpectator button {
    display: none;
  }
  /* AJUSTE DE CHAT RAPIDO A*/
  .gamebingo .oGFastRead {
    width: 50%;
  }
  /* AJUSTE DE CHAT RAPIDO Z*/
  #gameCenter {
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    flex: 1;
  }
  #gamePrimary {
    display: flex;
    flex-direction: row;
    flex: 0 0 120px;
  }
  /* AZAFATA SARA - OCULTA EN MOVIL */
  .bgBingoSara {
    display: none;
  }
  #gameSecondary {
    /* max-height:120px; */
    flex: 0 0 50px;
  }
  .bingoMain {
    /* flex: 3; */
    flex-basis: 340px;
    overflow: hidden;
  }
  .bingoMyCredits {
    /* width: 120px; */
    /* left:10px; */
  }
  .tvScene {
    flex: 1;
    height: 100% !important;
  }
  #tvRight {
    height: 100%;
  }
  #tvLeft, #tvRight {
    margin-bottom: 0px !important;
    border: 0px solid black !important;
    border-radius: 0px !important;
    height: 100% !important;
  }
  #tvPrizes td:nth-child(2) {
    /* margin-top:3px; */
    /* background-position-y: -7px; */
    /* background-size: 33px,cover; */
  }
  #tvPrizes td:nth-child(2) p:nth-child(1) {
    margin-top: 0px;
    height: 112%;
    top: -3px;
    padding-top: 12px;
    right: -8px;
    font-size: 1em;
  }
  #tvPrizes td:nth-child(2) p:nth-child(2) {
    margin-top: 9px;
    padding-top: 0px;
    width: 50%;
  }
  .tvWinners2 .tvWinnersNick p:not(:first-child) {
    text-align: left;
    position: absolute;
    bottom: 0px;
  }
  .tvWinnersAvatar2 {
    position: absolute;
    bottom: -148px;
    left: -52px;
    /* margin: auto; */
    /* right: 0px; */
    z-index: 0;
    width: 150px;
    height: 300px;
    /* background-color: red; */
  }
  #bgContainer {
    height: 2000px;
    width: 2000px;
    top: 61px;
    bottom: -999px;
    margin: auto;
    left: -885px !important;
    right: -999px;
  }
  .btnCantar1, .btnCantar2, .btnCantar2 {
    height: 100% !important;
  }
  /* AJUSTE DE TV WINNERS PARA MOVIL VERTICAL - A*/
  .tvWinners1 .tvWinnersTitle1 {
    width: 70px;
    top: 0px;
  }
  .tvWinners1 .tvWinnersPrize1 {
    font-size: 1em;
    top: 4px;
    text-align: right;
    right: 4px;
    left: auto;
  }
  .tvWinners1 .tvWinnersBote {
    width: 64px;
    top: 24px;
  }
  .tvWinners1 .tvWinnersPot {
    font-size: 1em;
    /* right: 4px; */
    text-align: right;
    /* top: 23px; */
    /* left: auto; */
  }
  .tvWinners1 .tvWinnersNick {
    bottom: 17px;
    top: auto;
    left: 27px;
    right: auto;
    font-size: 1.5em;
  }
  .tvWinners1 .tvWinnersAvatar1 {
    transform: scale(-0.6, 0.6);
    right: -40px;
    left: auto;
    bottom: -220px;
  }
  /* AJUSTE DE TV WINNERS PARA MOVIL VERTICAL - Z*/
}
/*///////////////////////VERTICAL CORTO///////////////////*/
/*///////////////////////VERTICAL CORTO///////////////////*/
@media (orientation: portrait) and (max-height: 500px) {
  #panelNumbersOld {
    display: none !important;
  }
}
/*///////////////////////VERTICAL CORTO///////////////////*/
/*///////////////////////VERTICAL CORTO///////////////////*/
/*////////////////////VERTICAL//////////////////////*/
/* CARTELES DE INFORMACION A */
#compraGameCont {
  position: absolute;
  bottom: 0px;
  top: 0px;
  margin: auto;
  max-height: 300px;
  z-index: 3;
  flex: 1;
  border-radius: 10px;
}

#gameCenter .roomWarningBingo {
  bottom: 50px;
}

/* CARTELES DE INFORMACION Z */
/*# sourceMappingURL=gbingo_0.0.17.css.map */