/* Sticky footer styles
-------------------------------------------------- */
html {
  width: 100%;
  height: 100%;
}
body {
  overflow: hidden;
  height: 100%;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: auto;
  background-color: #f5f5f5;
}


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

.footer > div > p > small > span {
  white-space: nowrap;
}

.container {
  width: auto;
  padding: 0 15px;
  max-width: 600px;
}

.container .text-muted {
  margin: 10px 0;
}

/* own stuff */
.middle {
  height: calc(100% - 400px);
}

.middle > .row {
  overflow: hidden;
  height: 100%;
}

.alert {
  word-wrap: break-word;
  margin-bottom: 15px;
  padding: 6px;
}
.announce {
  padding-bottom: 5px;
  display: block;
}
.box {
  padding-bottom: 5px;
  display: block;
  visibility: hidden;
  height: 62px;
}

.streambox {
  padding-bottom: 5px;
}

.glyphicon-ti::before {
  content: url('/img/ti20px.png');
}

.input {
  padding-bottom: 20px;
}

.streams {
  display: none;
  padding-top: 5px;
}

.streams > h3 {
  padding-bottom: 15px;
}

.boxheader {
  display: flex;
  flex-direction: row;
}

.viewers {
  flex: auto;
  text-align: right;
  white-space: nowrap;
}

.title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 20px;
}

.streamurl {
  font-weight: bold;
  white-space: nowrap;
}

span.glyphicon-eye-open {
  padding-left: 10px;
}

span.glyphicon {
  vertical-align:-1px;
  padding-right: 5px;
}

/* vim: set ts=2 sw=2: */