* { 
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html { 
  min-height: 100vh;
}
#bottom-container {
  width: 100%;
  height: 100%;
  overflow: auto;
}

table.bingocard { 
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

.ibw-platform-osx-preview table.bingocard { 
/* workaround for tool webview: height 100% gets returned as full page height */
  height: calc(100% - 40px); 
}

tr.row {
  height: 20%;
}

td.card {
  width: 20%;
  padding: 5px;
  cursor: pointer;
}

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

.cell { 
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  box-sizing: border-box;

  width: 100%;
  height: 100%;
}

.selected { 
}

.item_image { 
  margin: 5px;
}

.item_image.imageonly { 
  margin-right: 5px;
}

.starbackground { 
  width: 100%;
  height: 100%;
  background-image:url(../180717/star.da3751c8f329109ab3e36e427914ba29.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; 
}

@media only screen and (max-width: 800px) {

  html:not(.ibw-platform-osx-ibooks) .card {
    padding: 0px;
  }
}

@media only screen and (max-width: 420px) {
  @media only screen and (orientation: portrait) {

    html:not(.ibw-platform-osx-ibooks) #rotate-screen-image {
      background-image: url(../180717/phone_landscape.565ae2eb2b6d5fe53019790d4cb44e64.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      border: 10px solid rgba(0, 0, 0, 0);
      box-sizing: border-box;
      width: 100%;
      height: 100%;
    }

    html:not(.ibw-platform-osx-ibooks) .bingocard {
      display: none;
    }
  }
}