.time-header {
}
#schedule {
  width: 60rem;
}
#schedule, th, tr {
  border: 1px solid black;
  border-collapse: collapse;
}
.addr {
  border: 1px solid black;
  border-collapse: collapse;
}
.bandcell {
  padding-left: .5em;
  background-color: #F0F0FF;
  border: 1px solid black;
  border-collapse: collapse;
  white-space: nowrap;
}
.final {
  background-color: #FFF0F0;
}
.blockout {
  position: absolute;
  background-color: #E0E0E0;
}
.closed {
  position: absolute;
  background-color: #808080;
}

#container {
  margin-bottom: 5em;
}

#grid-container {
  position: absolute;
  left:.5em; right: 20px;
  top: 200px; bottom: 0;
  font-size: .65em;
  text-align: left;
  border-top: 1px solid black;
}

.header {
  font-weight: bold;
  height: 1em;
}

.grid-row {
  position: absolute;
  border-bottom: 1px solid black;
}

.grid-addr {
  position: absolute;
  height: 2em;
  width: 8em;
  white-space: nowrap;
  border: 1px solid black;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

#host-title {
  width: 8em;
  border-left: 1px solid black;
  user-select: none;
  -webkit-user-select: none;
}
.host-number {
  color: blue;
  font-weight: bold;

  font-size: .8em;
  margin: .1em;
  padding: .1em;
  border-radius: 2em;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
.host-addr {
  font-size:.9em;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
.host-title {
  font-size:.84em;
  margin-left: .2em;
  font-weight: bold;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

#status-message {
  font-size: 1.2em;
  margin-top: .2em;
  background-color: #e9e4e4;
  border: 1px solid rgb(184, 179, 202);
  width: 100%;
}

#time-headers {
  position: absolute;
  overflow: hidden;
  height: 1em;
  left: 8em;
  top:0;
  right: 0;
}
.time-header {
  position: absolute;
  top: 0;
  height: 100%;
  width: 8.3333%;
  border-right: 1px solid black;
  box-sizing: border-box;
}
.half-hour {
  color: #A0A0A0;
}
#grid {
  position: absolute;
  top: 0;
  left: 8em;
  right: 0;
  bottom:0;
  border-right: 1px solid black;
}
.cell {
  text-align: center;
  position: absolute;
  background-color: #A0FFA0;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  white-space: nowrap;
  overflow:hidden;

  -webkit-box-shadow:inset 0px 0px 0px 1px #404040;
  -moz-box-shadow:inset 0px 0px 0px 1px #404040;
  box-shadow:inset 0px 0px 0px 1px #404040;
}

.final {
  background-color: #FFA0A0;
}
.arranged {
  background-color: hsl(240, 100%, 81%);
}
.timeblockout {
  position: absolute;
  background-color: #00000080;
}
#dashboard {
  width: 35em;
}
#unplaced_bands_count {
  color: red;
  vertical-align: middle;
}
#band_select {
  font-size: .6em;
  padding: .1em;
}
.dash-button {
  font-size: .7em;
  margin-left: .5em; margin-right:.5em;
  cursor: pointer;
}

.host-size {
  font-size: .85em;
  float:right;
  margin-top: -.2em;
  margin-right: .3em;
  border: 1px solid #BB6600;
  border-radius: .2em;
  min-width: 1em;
  text-align: center;
  color: black;
  pointer-events: none;
}

.band-size {
  font-size: .85em;
  margin-top: -.2em;
  margin-right: .3em;
  text-align: center;
  color: black;
}

.size-warning {
  font-weight: bold;
  color: red;
}

.host-size-warning {
  background-color:#FF6666;
  font-weight: bold;
}

#grid-scroll {
  /*background-color: green;*/
  position: absolute;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  left: 0;
  top: 1.05em;
  right:-15px;
  bottom: 10px;
  overflow-y: auto;
}

.incompatible {
  background-color: #FF6666 !important;
}

.host-complete {
  background-color: #A0FFA0;
}