body{ background: #fcebd9; }
.result-box .box{  width: 100%;
  display: inline-block;
  background: #fff;
  margin: 10px 0;
  border: 2px solid #000;
  padding-bottom: 20px;
  border-radius: 28px;
 }
.result-box .box .game_name {   color: #fff;
  font-size: 25px;
  width: 100%;
  text-transform: uppercase;
  background: #d1690e;
  padding:15px; border-radius: 25px;}
.result-box .box .game_interval {    margin-top: 10px; color: #f00; font-size: 25px; width: 100%; display: none; }
.result-box .box .game_number {    margin-top: 0px; color: #000; font-size: 35px; width: 100%; }
.result-box .box .game_next_result {    margin-top: 0; color: #000; font-size: 15px; width: 100%; }
.coin { background: url('../images/coinbg.png') no-repeat center center;background-size: 100% 100%; height: 140px; width: 140px; text-align: center; line-height: 4.6; font-size: 30px; color: black; font-weight: bold; float: left;     opacity: 0.5; cursor: pointer;}
.coin.selected { opacity: 1; }
.bid-btn,.bid-btn-andar, .bid-btn-bhar{     background: #674828;
  color: #fff;
  cursor: pointer;
  margin: 7PX auto;
  border-radius: 58%;
  padding: 10px;}
  .bid-btn:hover { background-color:  #000;} 
.bid-input { margin: 0 auto; text-align: center;}
.onholdscreen {width: 100%; position: fixed; height: 100%; z-index: 5000; background: rgba(0,0,0,0.5); top: 0;color:#fff;   vertical-align: middle; text-align: center; padding-top: 10%;}
footer{margin-top: 4%; background: #D90000;}
label.error { color: red; font-size:11px;}
input.error{ border: 1px solid red;}
li.divider { border: 0.5px solid #ccc; }
.andar-bhar {
    height: 104px;
    background:url(../images/andar-bhar.png);
    width: 104px;
    background-size: 100% 100%;
}
.navbar-toggler{ display: none;}
/* Responsive */
@media only screen and (max-width: 767px) {
  .coins { margin: 0 auto;    width: 100%;
    position: relative;
}
div#custom-coin * {
  float: left;
  margin-right: 40px;
}
.coins table { width: 100% !important;}
.navbar.navbar-expand-lg{position: absolute;  width: 100%;    z-index: 3;  }
.navbar-collapse { background-color: #000;
    padding: 10px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0px 0px 59px #fff;}
.navbar-collapse.collapse.show li.nav-item { border-bottom: #fff 1px solid;}
.dropdown-menu.show { width: 100%; text-align: left !important; background: #000;}
.dropdown-menu.show li a { color: #fff;}
.navbar-toggler{ display: block;}
.coin{height: 50px; width: 50px; font-size: 11px;}
.table td, .table th { padding: 0.1em; border: 0;}
.andar-bhar { height: 44px; width: 100%;}
p { margin-bottom: 0.1em; font-size: 10px;}
.bid-btn, .bid-btn-andar, .bid-btn-bhar { width: 25px; padding: 3px; font-size: 9px;}
.h3, h3 { font-size: 1em;}
.h4, h4 { font-size: 0.8em;}
.h5, h5 { font-size: 0.75em;}
.container { padding-left:5px; padding-right:5px;}
}
@media only screen and (max-width: 600px) {
  .bid-input { padding: 0; font-size: 8px;     border-radius: 0;}
  .result-box {
    width: 50%;
    margin-top: 20px;
    padding: 10px;

}
.result-box .box {background: #fff;border-radius: 14px;
  border: 2px solid #000 ;
  height: auto;
  padding-bottom: 10px; min-height: 115px;
}
  .result-box .box .game_name {
    margin-top: 10px;
    font-size: 15px;
    padding:3px;
}
.result-box .box .game_interval {
  font-size: 18px;
}
.result-box .box .game_number {
  color: #000;
  font-size: 24px;
}
.result-box .box .game_next_result {
  font-size: 9px;
}
}
@media only screen and (max-width: 320px) {
  .coins { width: 55%;}
  .coin { font-size: 9px; width: 40px; height: 40px;}
}

.blinking{
  animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
  0%{     color: #fff;    }
  49%{    color: #fff; }
  60%{    color: transparent; }
  99%{    color:transparent;  }
  100%{   color: #fff;    }
}