/* Stream Box */
.stream-box {
  font-family: Arial, Helvetica, sans-serif;

  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.stream-box .streams {
  margin: 5px; 
}
.stream-box .streams .stream {
  /* padding-top: 5px; */
}

.stream-box .streams .stream .stream-bottom {
  background-color: #201001;
  border: 2px solid #3f250b;
  color:antiquewhite;
  width: 225px;
  padding: 2px;
}
.stream-box .streams .stream .stream-hover {
  height: 50px;
  position: absolute;
  width: 224px;
  height: 126px;
  cursor: pointer;
}
.stream-box .streams .stream:hover {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}

.stream-box .alerter {
  cursor: pointer;
  margin: 5px; 
  color:antiquewhite;
  background-color: #181824;
  border: 2px solid #009ef7;
  padding: 2px;
  font-size: 14px;
  width: 218px;
}
@media only screen and (max-width: 1000px) {
.alerter {
    padding: 20px 2px !important;
    /*margin-bottom: 25px !important;*/
    margin-bottom: 50px !important;
    z-index: 999999;
    
}
}
.stream-box .live {
    float: right;
}
.stream-box .dot {
  height: 9px;
  width: 9px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
}
.blink_dot {
  animation: blinker 2s linear infinite;
}
@keyframes blinker {
  50% { opacity: 0; }
}