@charset "utf-8";
/**
 * Player Simple
 * version: 0.90016
 **/

exp{
  font-size:70%;
  vertical-align:top;
}

#player_yuca{
	width:100%;
	height:100%;
}
#player_yuca #player_container{
    padding: 0!important;
    width: 100%;
    height: 100%;
}

/*#player_container #streamroot-graphs{
  position:absolute; top:0; left:0; z-index:10;
}*/

.use-ap-design .display_manager div.skin{
  left:0; right:20px;
  width:auto;
}
.use-ap-design .displayinstance.skin .bg{
  padding-right: 20px;
  box-sizing: content-box;
  width: 100%;
}
.use-ap-design .right-part{
    margin-right: 5px;
}

.no-dvr .menu-skin{
  top:-6px;
}

.menu-skin.menu-srt{
  left:20px;
  transform:translate(-50%,-100%);
}
.menu-skin.menu-srt a{
  white-space:nowrap;
}

.display_manager,
.display_manager .displayinstance,
.display_manager .displayinstance>iframe,
.display_manager .displayinstance>video,
.player-instance{
  transition:none;
}
.displayinstance.hls,
.displayinstance.video{
  position:relative;
  width:100%; height:100%;
}
.display_manager .displayinstance>video,
.display_manager .displayinstance.videoreference{
  width:100%!important;
  height:100%!important;
}
.displayinstance>canvas{
  position: absolute; top: 50%; left: 50%;
  width:100%!important; height:auto!important;
  transform: translate(-50%,-50%);
}
.votvhd-button.votvhd-lng{
  float:left;
}
.votvhd-lng line{
  display:none;
}
.no-dvr .videoreference,
.no-dvr .progress-timecode,
.no-dvr.playing .playbutton,
.no-dvr .votvhd-progress-control,
.no-dvr.playing .votvhd-play-pause{
  display:none!important;
}
/** Patch pour éviter de voir le back to live en mode no-dvr **/
.no-dvr .dvr .live-button .backtolive-state{
  display:none!important;
}
.no-dvr .dvr .live-button .live-state{
  display:block!important;
}
/** ******************************************************** **/

.no-fs .votvhd-fullscreen{
  display:none!important;
}
.no-fs .menu-skin.menu-quality{
  margin-left:-30px;
}

.background-mode .display_manager .displayinstance>video,
.background-mode .display_manager .displayinstance.videoreference{
  position:absolute; top:0; left:0;
  width:100%; left:100%;
}
.background-mode .display_manager .displayinstance>video,
.background-mode .display_manager .displayinstance.videoreference img{
  object-fit: cover;
}
.background-mode .display_manager .displayinstance.videoreference,
.background-mode .display_manager div.title,
.background-mode .display_manager div.overlay,
.background-mode .display_manager div.skin{
  z-index:-1!important;
  display:none!important;
}
.background-mode .display_manager .displayinstance.playbutton{
  display:none;
}
.background-mode video{
  pointer-events: none;
}

.live-button .live-state {
  margin-left:10px;
  /*display:none;*/
}
.icon-volume{
  box-sizing:border-box;
}

.paused .playpausetoggle,
.playing .playpausetoggle{
  display:block!important;
  opacity:1!important;
 /* top:0;left:0;margin:0;width:100%;height:100%;*/
}
.no-dvr.playing .playpausetoggle{
  display:none!important;
}

.playpausetoggle .guy{
  display:block;
  /*top:50%;left:50%;width:4em;height:4em;margin:-2em 0 0 -2em;*/
}
/*
.paused .playpausetoggle .guy,
.playing .playpausetoggle .guy{
  display:block;
}*/
.paused .playpausetoggle .guy{
  opacity:0.5;
}
.playing .playpausetoggle .guy{
  opacity:0;
  transition:opacity 0.5s 2s;
}

/*******************************************************************************/
/*#player_container>#streamroot-graphs*/
.P2P_Graphs{position:absolute; z-index:6; top:15px; left:15px; right:15px; max-height:calc(100% - 30px); background:rgba(255,255,255,0.8); border-radius:5px; overflow:auto; }
#player_container.GraphHidden .P2P_Graphs{ display:none; }
.GraphButton{ position:absolute; z-index:7; top:5px; right:5px; display:block; width:30px; height:30px; line-height:28px; text-align:center; cursor:pointer; color:#000; background:#fff; outline:1px solid #000; border-radius:3px; }
.GraphButton::before{ content:'x'; font-size:180%; }
#player_container.GraphHidden .GraphButton::before{ content:'[~]'; font-size:100%; line-height:32px; }
#quanteec-visualize-tool{ margin:0!important; }

@media screen and (max-width:640px){
	/*.elemQualityQuanteecSerie{ transform:scale(2); }*/
  /*#quanteec-visualize-tool{ width:calc(1.5 * (100% - 30px); transform:scale(0.66); }*/
  .ct-chart-donut{ width:15vw!important; }
}

.paused .playpausetoggle,
.playing .playpausetoggle{
  display:block!important;
  opacity:1!important;
 /* top:0;left:0;margin:0;width:100%;height:100%;*/
}
.no-dvr.playing .playpausetoggle{
  display:none!important;
}

.playpausetoggle .guy{
  display:block;
  /*top:50%;left:50%;width:4em;height:4em;margin:-2em 0 0 -2em;*/
}
/*
.paused .playpausetoggle .guy,
.playing .playpausetoggle .guy{
  display:block;
}*/
.paused .playpausetoggle .guy{
  opacity:0.5;
}
.playing .playpausetoggle .guy{
  opacity:0;
  transition:opacity 0.5s 2s;
}
/*******************************************************************************/