body {
  height: 100%;
  width: 100%;
  overflow-y: scroll;

  background-color: #010D25;
  color: #fff;
}

 .section {
  margin-top: 30px;
  margin-bottom: 30px;
} 

 .videoStream {
    width: 100%;
 }

 .video.rotate {
  margin-top: 200px;
  margin-bottom: 300px;
  transform: rotate(270deg);
 }

.pull-right {
  float: right;
}

.form-control[readonly] {
  background-color: #fff;
}


.stats > .stat{
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
  overflow-wrap: break-word;
  border-bottom: 1px solid #ececec;
  padding-bottom: 15px;

}


.stats .stat .title {
  font-size: 16px;
  font-weight: 600;


}

.stat-col {
  margin-bottom: 15px;
}

#stats-general .title {
  padding-bottom: 10px;
}

#stats-general .title .fas {
  margin-right: 5px;
}

.stats .stat .type {
  font-weight: 600;
  margin-bottom: 5px;
  opacity: 0.7;
}

.stats .stat .key {
  font-weight: 600;
}

.buttons {
  margin-top: 50px;
}



.btn {
  font-weight: 700;
  height: 70px;
}

.btn-sm {
  font-weight: 400;
  margin-top: 10px;
  height: 38px;
}

.credit {
  text-align: right;
  margin-bottom: 20px;
}

.credit .label {
  display: inline-block;
  font-weight: 700;
  font-size: 24px;
}

.credit .value {
  color: red;
  display: inline-block;
  font-weight: 700;
  font-size: 24px;
}

.controls .stats {
  margin-top: 20px;
  text-align: center;
}

.controls .stat {
  display: inline-block;
  margin-right: 15px;
  margin-left: 15px;
}