/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
    box-sizing: border-box;
  }
  * {
    margin: 0;
  }

  html,
  body {
      width: 100vw;
      height: 100vh;
      margin: 1px 0 0 0;
      transform: translateZ(0);
      -webkit-user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      background-color: black;
      overflow: hidden;
  }

  /* .full-height {
    height: 100%;
  }

  .jw-text-live {
    display: none !important;
  }

  .jw-icon-rewind {
    display: none !important;
  }

  .jw-icon-pip {
    display: none !important;
  }

  .jw-icon-settings {
    display: none !important;
  }

  .jw-controlbar {
    display: none !important;
  }

  #soundon {
    position: absolute;
    left: 92vw;
    top: 88vh;
    z-index: 3;
    width: 6vw;
    height: auto;
    background-color: transparent;
    border: none;
}

#soundoff {
    position: absolute;
    left: 92vw;
    top: 88vh;
    z-index: 3;
    width: 6vw;
    height: auto;
    background-color: transparent;
    border: none;
} */

#myStream {
  overflow: hidden !important;
}

.myplayer-refresh {
  display: none !important;
}