body {
  padding-top: 50px;
  font-size: 12px;
}

#footer {
  height: 20px;
  background-color: #f5f5f5;
  text-align: center;
  padding-top: 5px;
  margin-top: 5px;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {

}

.contents_booth_watch {
    width: auto;
    padding: 0 15px;

    margin-right: 0px;
    margin-left: 0px;
}

.contents {
  margin-top: 10px;
}

@media (min-width: 992px) {
.col-md-3 {
width: 200px;
}
}

.col-md-3 {
  margin: 2px;
    padding: 10px;
}

.maintenance {
  background-color: #666666;
}
.danger {
  background-color: #a94442;
}
.count_to_get {
  background: -moz-linear-gradient(top, #ffd700, #a94442);
  background: -webkit-linear-gradient(top, #ffd700, #a94442);
  background: linear-gradient(to bottom, #ffd700, #a94442);
}
.play_count_win {
  background: -moz-linear-gradient(top, #dc143c, #a94442);
  background: -webkit-linear-gradient(top, #dc143c, #a94442);
  background: linear-gradient(to bottom, #dc143c, #a94442);
}
.play {
  background-color: #3366CC;
}
.wait {
  background-color: #339966;
}
.wait-long {
  background-color: #D86E27;
}
.wait-longer {
  background-color: #D86E27;
}
.inquiry {
  background-color: #FF5722;
}
.image_diff {
  background-color: #9E9D24;
}

.booth_panel {
  height: 235px;
}

.panel {
  margin: 5px;
}

.panel table {
    text-align: center;
}

.boothno{
    text-align: center;
    font-size: 48px;
    padding-left: 22px !important;
}
.conncnt{
    text-align: center;
    font-size: 24px;
}

.playable{
    position: absolute;
    top: 51px;
    right: 18px;
    font-size: 12px;
    color: crimson;
}

.playable_booth{
    position: absolute;
    top: 6px;
    right: 18px;
    font-size: 12px;
    color: crimson;
}

.panel .maintenance {
  background-color: #CCCCCC;
}
.panel .winning {
  background-color: #FFCCCC;
}
.panel .timeout {
  background-color: #FFCCCC;
}
.panel .danger {
  background-color: #FFCCCC !important;
}
.panel .play {
  background-color: #CCFFFF;
}
.panel .wait {
  background-color: #CCFFCC;
}
.panel .wait-long {
  background: -moz-linear-gradient(top, #339966, #a94442);
  background: -webkit-linear-gradient(top, #339966, #a94442);
  background: linear-gradient(to bottom, #339966, #a94442);
}
.panel .inquiry {
  background-color: #FFCC80;
}
.panel .image_diff {
  background-color: #F0F4C3;
}
.panel .charges {
  background-color: gold;
}
.panel .under3 {
  background-color: #ff99ff;
}
.panel .under0 {
  background-color: #FFE6FF;
}

.panel .product {
  font-weight: bold;
    font-size: 12px;
}

div._boothBox table td {
    width: 50%;
    padding: 2px;
    font-size: 11px;
}
div._boothBox._deliveryLink {
    cursor: pointer;
}
div._boothBox._deliveryLink:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.boothno span._deliveryIcon {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 10px 3px 12px 8px;
    font-size: 12px;
    display: none;
}
.boothno span._deliveryIcon span.glyphicon {
    margin-right: 0.4em;
}
div._boothBox._deliveryLink .boothno span._deliveryIcon {
    display: inline;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    display: inline;
}
li.status_normal {

}
li.status_error {
    display: none;
}


/* 現場タブレット用調整*/
@media screen and (orientation: portrait) {
  /* 縦向きの場合のスタイル */
   @media (max-width: 1024px) {
    .col-md-3 {
      float: left;
      width: 24%;
    }
    .boothno {
        font-size: 46px;
    }
    .conncnt {
        font-size: 25px;
    }
    .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
      padding: 3px;
    }
    .panel .product {
        font-size: 12px;
    }
    .panel {
      margin: 3px;
      height: 200px;
    }
  }
}
@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */
   @media (max-width: 1024px) {
    .col-md-3 {
      float: left;
      width: 16%;
    }
    .boothno {
        font-size: 50px;
    }
    .conncnt {
        font-size: 25px;
    }
    .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
      padding: 3px;
    }
    .panel .product {
        font-size: 12px;
    }
    .panel {
      margin: 3px;
      height: 200px;
    }
  }
}

.booth-btn:disabled {
    /* background: #d9edf7; */
    cursor: not-allowed;
    /* color: black; */
    border-width: 3px;
    border-color: black;
    padding: 3px 8px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-15 {
  margin-bottom: 15px;
}

.camera-grid:after {
  content: '';
  position: absolute;
  background-image: url("../img/camera_grid.png");
  top: 32px;
  right: 0;
  bottom: 0;
  left: 19px;
  width: 480px;
  height: 360px;
  object-fit: cover;
  opacity: 0.7;
}

.star_product {
    font-size: 16px;
    color: #ff0000;
}

.navbar-text{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #FFFFFF !important;
}
.navbar-text .channel{
    font-size: 24px;
}