.pos-container {
      width:100% !important;
      height:100vh !important;
      background: #222;
      z-index:999;
      top:0px;
      padding:0;
      margin:0;
    }

    .game-picker {
      cursor:pointer !important;
      background: #ccc;
      width:100% !important;
      height: 50px !important;
    }

    .nav-tabs li {
      background: green ;
      text-align: left;
      width:250px;
      padding:0px;
      height:50px;
      cursor:pointer !important;
      margin:0px  !important;

    }   
    .nav-tabs li a {
      padding:12px 10px 0px 10px !important;
      margin:0px !important;
      color:white !important;
      font-size:18px !important;
      text-align: center;

    }

    .nav-tabs > .menu {
      width:100px !important;
    }

    .nav-tabs > .menu  a {
      padding-top:15px !important;
      font-weight: bold;
    }

    .progress-bar2 {
      width:95%;
      height:20px;
      background: #222;
      display:block;
      margin-left:10px;
      border:1px solid #888;
      border-radius:10px;
    }

    .game-title {
      float:left;
      padding-top:20px;
      width:100%;
      height:50px !important;
      text-shadow: 0px 2px 2px black;
      font-size:25px;
    }
    .active {
      background: #333 !important;
    }
    .game-bet-container {
      background: yellow;
      display: flex;
      height:100%;
    }
    .sidebar {
      flex: 3 60rem;
      background: #222;
      -webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.75);
      box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.75);
      background-image: url("../images/1_hri.jpg") ; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;

    }
    .cart {
     flex: 1 20rem;
     background: #333;
   }
   .tickets {
    background: #111;
    height:60%;
    overflow-y:auto;
  }
  .amounts {
   background: #333;
   height:34%;
   display:flex;
 }

 .no-radius-amount-action-buttons {
  border-radius: 0px;
  font-size:22px;
  width:100%;
  height:50%;
}
.buttons-right {
 width:50%;
 background: #333;
 display:flex;
 flex-direction: column;
 /*justify-content: flex-start;*/
 /*align-items: flex-start;*/
 flex-wrap: wrap;
}

.buttons-left {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100px;
  height: 100%;
  align-content: space-between;
}
.amount-right-divs {
  width:100%;
  font-size:13px;
  text-align: center;
  color:white;
}
.amount-inputs {
  width:90%;
  height:30px;
  border-radius: 2px;
  background: white;
  margin-left:auto;
  margin-right:auto;
  border:1px solid #222;
  color:black;
  text-align: center;
  font-size: 18px;
}

.fixed-amounts-buttons {
  display:block;
}

.amount-buttons {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  border-radius: 0;
  height:16.6%;
}

.game-name h2 {
  color:white !important;
  padding-left:10px;
  margin-bottom: 10px;
  width:95%;
  text-shadow: 0px 3px 3px black;
}

body.moving {
  cursor: move;
}

.roulette {
  /*margin: 40px;*/
  padding: 40px;
  position: relative;
  width: 100%;
  /*transform: rotate(90deg);*/
  margin-left:-10px;
  margin-top:-20px;
}



.roulette table,
tr {
  border-collapse: collapse;
  /*border-spacing: 0;*/
}

.roulette td {
  border-spacing: 0;
  border-collapse: collapse;
  border: 2px solid white;
  width: 90px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 18px;
  color: white;
  white-space: nowrap;
}

/* elements */

.disabled {
  background: rgb( 34, 32, 0 ,0.2);
}

.sector {
  background: rgb( 34, 32, 0 , 0.7);
  color:white !important;
  cursor: pointer;
}

.sector:hover {
  background: rgb( 34, 32, 0 ,1);
}
.roulette .sector .vt {
  font-size: 15px;
}

.roulette .num {
  font-size: 22px;
}

.roulette .num span {
  display: block;
  /*transform: rotate(270deg);*/
}

.roulette .zero {
  background: rgb( 92, 193, 15 , 0.7);  
  color:white !important;
  width: 60px;
  font-size: 22px;
}
.num {
  cursor:pointer;
}
.zero:hover {
 background: rgb( 92, 193, 15 , 1) !important;   
}
.roulette .empty {
  border: none;
}

/* colors */
.roulette .green {
  color: #8EB891;
}

.roulette .red {
  background: rgb(  222, 30, 30  , 0.7);
  color: white;
}

.red:hover {
  background: rgb(  222, 30, 30  , 1) !important;
}
.roulette .black {
  background: rgb(0,0,0,0.7);
  color: white;
}
.black:hover {
  background: rgb(0,0,0,1) !important;
}

/* others */
.hidden {
  display: none;
}

.selected-picks:hover{
  background: #f0ad4e;
  color:black;
  cursor: pointer;
  font-weight: bold;
}

.progressBar {
  width: 95%;
  margin-left: 10px;
  height: 22px;
  background-color: #222;
}

.progressBar div {
  height: 100%;
  text-align: right;
  padding: 0 10px;
  line-height: 22px; /* same as #progressBar height if we want text middle aligned */
  width: 0;
  background-color: #dc0000;
  box-sizing: border-box;
  color:white !important;
}

.progressBar2 {
  width: 95%;
  margin-left: 10px;
  height: 22px;
  background-color: #222;
}

.progressBar2 div {
  height: 100%;
  text-align: right;
  padding: 0 10px;
  line-height: 22px; /* same as #progressBar height if we want text middle aligned */
  width: 0;
  background-color: #dc0000;
  box-sizing: border-box;
  color:white !important;
}

.draw-in-progress-display {
  width:94.5%;
  height:100%;
  position: absolute;
  background: rgb(0,0,0,0.4);
  z-index: 9;
  color:white;
  font-size: 10vh;
  font-weight: bold;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.timeControls {
  width:100%;
  display:flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding-top:50px;
}

.timeControls button {
  width:20%;
  height:45px;
  font-size:22px;
  font-weight: bold;
  color:black;

}
.menu button, .menu button:active, .menu button:hover, .menu button:focus{
  background: transparent !important;
  padding:0;
  font-size:16px;
  text-align: left !important;
  padding-top:15px;
  padding-left:10px;
}
.dropdown-menu  li > a {
  height:50px;
  padding-top:0;
}

.action-buttons {
  font-size:12px !important;width:50px;height:25px;padding-top:3px;text-align: center;
}

.cashout_input {
  height:50px;
  font-size:22px;
  font-weight: bold;
  text-align: center;
}

.required {
  font-weight: bold;
  color:red;
}