body, html {
  width: 100%;
  height: 100%;
  font-size: 16px;
  margin: 0;
  cursor: default;
  overflow: hidden !important;
  background-color: #000000;
}
  
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
}

.container{
  width: 100%;
  height: 100%;
}
.flowplayer {
  width: 100%;
  height: 100%;
  background-color: #000000 !important;
}
.fp-small-switch{
  display: none !important;
}
/* .fp-middle{
  user-select: none !important;
  pointer-events: none !important;
}
.fp-middle *{
  user-select: none !important;
  pointer-events: none !important;
} */

#player{
  user-select: none !important;
  pointer-events: none !important;
}
#player *{
  user-select: none !important;
  pointer-events: none !important;
}

#player .fp-ui .fp-controls{
  user-select: auto !important;
  pointer-events: auto !important;
}
#player .fp-ui .fp-controls *{
  user-select: auto !important;
  pointer-events: auto !important;
}

.fp-error{
  display: none !important;
}