@charset "utf-8";
/**
 * version: 0.90015
 **/

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

/*#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;
}

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




/*******************************************************************************/
/*#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;
}




/*******************************************************************************/
/** COUNTER CUSTOM **/


.displayinstance.counter{
  background:none;
  font-family: Arial, Helvetica, sans-serif;
}
.displayinstance.counter .libelle-counter,
.width-small .displayinstance.counter .libelle-counter,
.width-verysmall .displayinstance.counter .libelle-counter,
.width-medium .displayinstance.counter .libelle-counter{
  font-family:inherit;
  top: 50%;
  margin-top: -8.5vw;
  font-size: 1.9vw;
}

span.br{ display:none; }

.libelle-counter{
  display:none;
}

.displayinstance.counter .libelle-counter h2{
  /*font-family: 'SteinburgModernInlineBold';*/
  /*font-family: 'ProximaNovaA-Bold';*/
  text-transform:uppercase;
  font-size:40%;
}
.zh .displayinstance.counter .libelle-counter h2{
  font-size:60%;
}
.displayinstance.counter .libelle-counter h3{
  /*font-family: 'ProximaNovaA-Bold';*/
  /*font-size:1.46vw;*/
  text-transform:uppercase;
  padding-top:1vw;
  /*font-size:3.6vw;*/
  font-size:60%;
}
.zh .displayinstance.counter .libelle-counter h3{
  font-size:40%;
}
.displayinstance.counter .data-counter,
.width-small .displayinstance.counter .data-counter,
.width-verysmall .displayinstance.counter .data-counter,
.width-medium .displayinstance.counter .data-counter{
  font-family:inherit;
  top:auto;
  bottom:50%;
  margin-bottom:-7.3vw;
  /*font-family: 'ProximaNovaA-Bold';*/
  font-size:11vw;
  /*height:4.6vw; line-height:4.6vw;*/
}
.displayinstance.counter .data-counter li{
  position: relative;
  display: inline-block;
  list-style: none;
  /*width: 15.5vw; margin: 0 2vw;*/
  width: 19vw; margin: 0vw;
}
.displayinstance.counter .data-counter li::before{
  content:":";
  /*position:absolute; top: 31%; right: 107%;*/
  position:absolute; top: 31%; right: 100%;
  margin-right:-1vw;
  width: 2vw;
  font-size: 40%;
}
.displayinstance.counter .data-counter li:first-child::before{
  content:none;
}
.displayinstance.counter .data-counter u{
  text-decoration:none;
  display:block;
  /*border-bottom:2px solid #fff;*/
  height:inherit; line-height:inherit;
}
.displayinstance.counter .data-counter b{
  display:block;
  margin:2vw 0 0;
  height:inherit; line-height:inherit;
}
.displayinstance.counter .data-counter small{
  position:absolute; top:100%; left:0; right:0;
  display:block;
  vertical-align:middle;
  font-size:10%;
  margin:0;/*-0.7vw 0 0;*/
  height:inherit; line-height:inherit;
}
.displayinstance.counter .data-counter span{
  display:block;
  font-size:34%;
}

@media screen and (max-width:767px){
  .displayinstance.counter{
    transform: scale(1.25);
  }
  .displayinstance.counter .libelle-counter,
  .width-small .displayinstance.counter .libelle-counter,
  .width-verysmall .displayinstance.counter .libelle-counter,
  .width-medium .displayinstance.counter .libelle-counter{
    font-size:4vw;
    white-space: pre;
    top: auto;
    bottom: 50%;
    margin: 0 0 4.5vw;
  }
  .displayinstance.counter .data-counter,
  .width-small .displayinstance.counter .data-counter,
  .width-medium .displayinstance.counter .data-counter,
  .width-verysmall .displayinstance.counter .data-counter{
    
  }
  .displayinstance.counter .data-counter small{
    font-size:20%;
  }
}

@media screen and (max-width:0.767px){
  /*.displayinstance.counter .libelle-counter{
    display:none;
  }
  .displayinstance.counter .data-counter,
  .width-small .displayinstance.counter .data-counter,
  .width-verysmall .displayinstance.counter .data-counter{
    top:auto;
    font-size:12vw;
  	height:13vw; line-height:13vw;
  }
  .displayinstance.counter .data-counter b{
    margin:0 4vw 0 0;
  }
  .displayinstance.counter .data-counter small{
    margin:0 2vw 0 3vw;
  }*/
  .displayinstance.counter .libelle-counter{
    font-size:200%;
  }
  .displayinstance.counter .data-counter,
  .width-small .displayinstance.counter .data-counter,
  .width-medium .displayinstance.counter .data-counter,
  .width-verysmall .displayinstance.counter .data-counter{
    top:auto; bottom:51%;
    font-size:12vw;
  	height:13vw; line-height:13vw;
  }
  .displayinstance.counter .data-counter b{
    margin:0 4vw 0 0;
  }
  .displayinstance.counter .data-counter small{
    margin:0 2vw 0 3vw;
  }
  .displayinstance.counter .libelle-counter,
  .width-small .displayinstance.counter .libelle-counter,
  .width-medium .displayinstance.counter .libelle-counter,
  .width-verysmall .displayinstance.counter .libelle-counter{
    bottom:auto; top:52%;
    font-size:10vw;
  }
  span.br{ display:inline; }
  /*.displayinstance.counter .libelle-counter h2{
    font-size:6vw;
  }
  .displayinstance.counter .libelle-counter h3{
    font-size:6vw;
  }*/
}