body {
    background: rgb(69, 163, 229);
}
.body-play {
    background: #fafafa;
}
.body-red {
    background: #fc3759;
}
.body-green {
    background: #69be43;
}
.body-leader {
    background: rgb(70, 23, 143);
}
.body-thanks {
    background: coral;
}
.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
}
.preloaderbg {
    background: black;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    position: fixed;
}
.preloaderimg {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -316px;
    margin-top: -199px;
}
.preloaderimg2 {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -64px;
    margin-top: -27px;
}

.logo {
    font-size: 200%;
    text-align: center;
    margin-top: 60px;
    color: white;
    font-weight: bold;
}
input.form-control {
    border: 3px solid #ccc;
}
.btn-un {
    background: rgb(48, 48, 48);
    color: white;
    display: block;
    width: 100%;
    border-radius: 0;
}
.btn-un2 {
    background: rgb(48, 48, 48);
    color: white;
    border: 1px solid #ccc;
    padding: 5px 20px;
    border-radius: 0;
    font-weight: bold;
}

.form-control {
    border-radius: 0;
}
.form-control:focus {
    border-color: inherit;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline-offset: 0;
    border: 3px solid black;
 }
 .subhead {
     text-align: center;
     color: yellow;
     font-size: 120%;
 }
 .message-buy {
     font-size: 100%;
     text-align: center;
     color: white;
 }
.tambola {
    width: 200px;
    margin: auto;
    margin-top: 50px;
}
.tambola-ticket {
    width: 400px;
    margin: auto;
    margin-top: 50px;
    text-align: center;
}
.ticket-table {
    margin-top: 20px;
    margin-bottom: 50px;
    width: 100%;
}
.ticket-table tr td {
    background: #eee;
    border: 1px solid;
    width: 20px;
    height: 34px;
    line-height: 34px;
}
.entergame {
    width: 200px;
    margin: auto;
    margin-top: 50px;
}
.entergame input {
    text-align: center;
    font-size: 120%;
    font-weight: bold;
}
.entergame input.upcase {
    text-transform: uppercase;
}
.entergame:focus {
}
.white-a:link, .white-a:active, .white-a:visited {
    color: white;
    cursor: pointer;
}
.white-a:hover {
    text-decoration: underline;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
  }

  .nav-un {
      border-bottom: 3px solid #ccc;
  }
.text-center {
    text-align: center;
}
.text-left {
    text-align: center;
}
.text-right {
    text-align: center;
}
  .text-bold {
      font-weight: bold;
  }

  .gamecontent {
    font-family: 'PT Serif', serif;
      color: white;
      text-align: center;
  }
  .connecting {
      font-size: 120%;
      margin-top: 150px;
  }
  .plrscore, .plrname {
      font-size: 150%;
      color: white;
  }

  .connected_msg {
      margin-top: 150px;
      font-size: 120%;
  }
  .joinat {
      text-align: center;
      font-size: 50px;
      background: white;
      border-bottom: 3px solid #ccc;
  }

  .lobbycontent {
      color: white;
      font-size: 200%
  }
  .lobbyplayers {
      color: white;
      font-size: 150%;
      width: 60%;
      margin: auto;
  }

 .tboard {
     display: none;
 } 
  .plrboard li {
        list-style: none;
        float: left;
        margin-right: 50px;
  }
  .waitingplayers, .statusbar {
      position: fixed;
      bottom: 0;
      height: 100px;
      background:rgb(19, 104, 206);
      width: 100%;
      color: white;
      font-size: 150%;
      padding: 10px 20px;
  }
  .statusbar {
      border-top: 3px solid #ddd;
      height: 60px;
      display: none;
      background: #fafafa;
      color: black;
  }

  .qpic, .qresbar {
      min-height: 300px;
  }

  .qpic img {
      max-height: 260px;
  }

  .qctr {
      background: #8550bc;
      display: inline-block;
      width: 80px;
      height: 80px;
      line-height: 80px;
      text-align: center;
      font-size: 180%;
      color: white;
      border-radius: 50%;
      margin-top: 100px;
      display: none;
  }

  .disabled {
      opacity: 0.5;
  }

  .questions {
      display: none;
  }
  .qoptions {
      display: none;
      width: 95%;
      margin: auto;
      margin-top: 50px;
  }
  .qanswercount {
      margin-top: 80px;
      font-size: 180%;
  }
  .qans {
      background: #ccc;
      margin-bottom: 10px;
      line-height: 50px;
      font-size: 150%;
      color: white;
      padding: 20px;
      border-radius: 4px;
  }
  .qans img {
      height: 24px;
  }
  .qans-blue {
      background: #1a62bb;
      border-bottom: 3px solid #16539f;
  }
  .qans-orange {
      background: #d79d23;
      border-bottom: 3px solid #b7861e;
  }
  .qans-green {
      background: #2b881a;
      border-bottom: 3px solid #257416;
  }
  .qans-red {
      background: #df2040;
      border-bottom: 3px solid #be1b36;
  }

  .aoptions {
      width: 95%;
      margin: auto;
  }
  .aoptions .qans {
      height: 150px;
      display: block;
      line-height: 120px;
      text-align: center;
      cursor: pointer;
  }
  .aoptions .qans:hover {
    opacity: .9;
  }

  .ans_icon, .ans_status, .thnks_icon {
      font-size: 200%;
      color: white;
  }
  .ans_icon {
      font-size: 300%;
  }
  .aoptions .qans img {
      height: 80px;
  }
  .qbrief {
    color: white;
    width: 95%;
    margin: auto;
    text-align: center;
    margin-top: 10px;
    font-size: 150%;
  }
  .awaitnext {
    position: fixed;
    bottom: 0;
    text-align: center;
    color: white;
    width: 100%;
  }
  .xscore {
    background: #ccc;
    border-radius: 5%;
    width: 100px;
    font-size: 90%;
    text-align: center;
    margin-left: 10px;
  }
  .qresults {
      display: none;
  }

  .qchart {
      height: 250px;
  }

  .qchartx {
      height: 32px;
  }
  .qchartx img {
      height: 14px;
  }

  .qresctr {
    width: 90%;
    position: absolute;
    bottom: 0;
    color: white;
    border-radius: 4px;
  }
  .qplaynext {
  }

  .thnks {
      color: white;
      font-size: 180%;
  }
  .thnks2 {
      color: white;
      font-size: 120%;
  }
  .blink_me {
    animation: blinker 1s linear infinite;
  }

  .tboardcontainer, .yourticket {
      max-width: 400px;
      margin: auto;
  }

  .tboardcontainer table {
      width: 100%;
      color: white;
      font-size: 130%;
  }
  .yourticket table {
      /*width: 100%;*/
      color: white;
      margin: auto;
      font-size: 120%;
  }
  
  .tboardcontainer table td {
      text-align: center;
  }
  .yourticket table td {
      text-align: center;
      width: 30px;
  }
  .tboardcontainer table td span {
      display: block;
      border-radius: 40%;
      background: green;
      border: 1px solid darkgreen;

  }
  .t-available span {
      background: white ! important;
      color: black ! important;
      border: 1px solid #ccc ! important;

  }
  .yourticket table td a:active, .yourticket table td a:link, .yourticket table td a:visited {
      color: black;
      text-decoration: none;
      display: block;
      border-radius: 5px;
      background: #eee;
      border: 1px solid #ccc;
      font-size: 16px;
      line-height: 30px;


  }
  .yourticket table td a.t-selected {
      background: green;
      border: 1px solid darkgreen;
      color: white;
  }
  .randomizer {
      position: fixed;
      background: black;
      opacity: 0.90;
      width: 100%;
      height: 360px;
      top: 50%;
      margin-top: -180px;
      left: 0;
      z-index: 999;
      display: none;
  }
  .randomizer .number-show {
      width: 140px;
      margin: auto;
      text-align: center;
      background: white;
      margin-top: 40px;
      font-size: 80px;
      border-radius: 50%;
      line-height: 140px;
      opacity: 1;
  }
  .randomizer .r-caption {
      color: white;
      font-size: 40px;
  }
  .t-tickcall {
      color: white;
      font-size: 120%;
      text-align: center;
  }
  .t-tapnotice {
      color: white;
      font-size: 80%;
      text-align: center;
  }
  .house-info {
      width: 100%;
      clear: both;
      font-size: 70%;
      color: wheat;
  }
  .house-info p {
      margin: 0;
  }
  .t-play-for {
      margin-right: 20px;
      color: white;
  }
  .overlay-twinner {
     position: fixed;
    background: black;
    height: 500px;
    margin-top: -250px;
    top: 50%;
    width: 100%;
    z-index: 999; 
    overflow-y: auto;
    padding-top: 30px;
  }
  .overlay-twinner p {
      text-align: center;
      color: wheat;
      margin-top: 10px;
  }
  .overlay-twinner h2 {
      text-align: center;
      margin-bottom: 30px;
      color: white;
  }
  .overlay-twinner .t-close-it {
      text-align: center;
      margin-bottom: 30px;
      margin-top: 30px;

  }
  .overlay-twinner .winner-entry {
      width: 400px;
      margin: auto;
  }


  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }