/*player wavesurfer*/

.Pl_wrap{width: 100%;overflow: hidden;font-size: 12px ; position: fixed; bottom: 0;background-color: #ffffff; padding: 0;box-sizing: border-box;
    z-index: 1004;position: sticky;margin: 0;/*padding-left:15px!important; padding-right: 15px!important*/
box-shadow: 0px 11px 25px -3px #0000004d;
  }

  /*tooltip player*/
.highlightplayer.ui-tooltip{background: #000000 !important; border-radius: 8px;z-index: 9999999999999999; border:none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);}
.highlightplayer .ui-tooltip-content{background-color: #000000; color:white;font-family:'VelaSans-Regular'; font-size:14px }


.Pl_wrap_content .col-12{}
.Pl_wrap_content{padding: 15px 0 25px 0;position: sticky;background: white;margin: 0 auto;  width: 100%; height: 55px; box-sizing: content-box;}
.Pl_wrap img { vertical-align: unset;width: 100%;height: 100%;border-radius: 5px}
.Pl_thumbs_wrap{width: 55px; height: 55px; position: relative;flex: 0 0 55px; max-width: 55px;height: 55px;}
.Pl_content_wrap{width: auto;overflow: hidden; position: relative;height:100px }
#Pl_thumblink {height: 100%; display: block;}
/*.Pl_thumbs_wrap span.icon-playoncovers{position: absolute; text-align: center;  font-size: 30px;left: 50%;top: 50%;margin-top: -15px;margin-left: -15px;}*/
.toggleplaycover{}
/*cover*/

.Pl_thumbs_wrap span.icon-playoncovers{opacity: 0.5;transition: opacity .5s ease-out;-moz-transition: opacity .5s ease-out;-webkit-transition: opacity .4s ease-out;-o-transition: opacity .5s ease-out;}
.Pl_thumbs_wrap:hover span.icon-playoncovers{opacity: 1;cursor: pointer; }

/*region climax*/
region.wavesurfer-region:before {content: attr(data-region-label);position: absolute;top: -7px;height: 66px;left: -4px;cursor: url("/themes/cezame/assets_cezame/images/player/headphone-symbol.png") 4 12, auto; }
region.wavesurfer-region{z-index: 11!important;}

.Pl_box_info a{color:#4a4a4a }
.Pl_box_info a:focus,.Pl_box_info a:active,.Pl_box_info a:hover,.Pl_box_info a.active{-webkit-transition: color .2s linear;-ms-transition: color .2s linear; color: #2395ff}
.Pl_col_wraper{flex: 0 0 97%; max-width: 97%;}


#Pl_waveform{position: relative;height: 55px; width: auto;  border:0;/*border:1px solid #aaaaaa;overflow: hidden;*/}
.Pl_command_wrap_left{flex: 0 0 420px;max-width: 420px; height: 55px;}
.Pl_command_wrap_left ul{margin: 0;padding: 0;display: inline-block;vertical-align: top;list-style: none;}
.Pl_command_wrap_right{flex: 0 0 81px;max-width: 81px;display: flex; justify-content: flex-end;padding-right: 3px; padding-top: 16px;}
.Pl_command_wrap_right ul{margin: 0;padding: 0;display: inline-block;vertical-align: top;list-style: none;}
.Pl_col_left{height: inherit;}
.Pl_col_right{height: inherit;}

.Pl_command_wrap ul{margin: 0;padding: 0;display: inline-block;vertical-align: top;list-style: none;}
.boxcontroleplayer,.boxcontrolemedia{margin: 0; padding: 0;display: inline-block;vertical-align: middle;list-style: none}
.Pl_command_wrap_right ul li,.Pl_command_wrap_left ul li,.boxcontroleplayer,.boxcontrolemedia{margin: 0; padding: 0; list-style: none}
.Pl_zone_title{flex: 0 0 190px;max-width: 190px;height: 55px;}

/*box*/
.boxshare li{display: table-cell;vertical-align: middle;padding: 0 2px!important}
.boxcommand li,.boxdownload li,.boxvolume li,.boxtimer li{ display: table-cell;vertical-align: middle;padding: 0 3px!important}
ul.Pl_box_info.boxtitle {width: 170px;}
.separatedbox{width: 1px; height: 30px; border-left:1px solid #aaaaaa; margin: 0 4px!important}

/*button*/
#Pl_minimyseme{width: 20px; height: 5px; border-top:2px solid black; border-bottom: 2px solid black;margin: 0 auto; position: absolute;top:-10px;left:50%;margin-left: -10px;cursor: pointer;}
.Pl_wrap button, .tracklisttable button{border:0;padding: 0; margin: 0; background-color: transparent;font-size: 20px}
.tracklisttable a.btntoggle {
    margin: 0 2px;
    cursor: pointer;
    border:0;padding: 0; margin: 0; background-color: transparent;font-size: 20px
}
.tracklisttable a.btntoggle span{    display: initial;padding-right: initial;}

.icon-btn_volumedown,.icon-btn_volumeup{font-size: 20px}


#Pl_volumedown:hover,#Pl_volumeup:hover{cursor: auto}
ul.Pl_box_info.boxtimer {margin-left: 13px;padding-top: 2px;font-size: 14px}
/*range volume css*/
input[type="range"]{border:1px solid #aaaaaa;}
input[type="range"]:focus,button {outline: none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {
      overflow: hidden;
      width: 48px;
      -webkit-appearance: none;
      background-color: white;
      height: 5px;
          margin-top: -3px;
    display: block;
    }
    
    input[type='range']::-webkit-slider-runnable-track {
      height: 10px;
      -webkit-appearance: none;
      color: #2395ff;
      margin-top: -1px;
    }
    
    input[type='range']::-webkit-slider-thumb {
      width: 2px;
      -webkit-appearance: none;
      height: 5px;
      cursor: ew-resize;
      background: #2395ff;
      box-shadow: -80px 0 0 80px #2395ff;
    }

}

/** FF*/
input[type="range"]::-moz-range-progress {
  background-color: #2395ff; 
}
input[type="range"]::-moz-range-track {  
  background-color: white;
}
/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: #2395ff; 
}
input[type="range"]::-ms-fill-upper {  
  background-color: white;
}

.Pl_box_info li{
overflow: hidden;
white-space: nowrap; /* Don't forget this one */
text-overflow: ellipsis;
}



wave{overflow: hidden!important;}
.Pl_wrap button{cursor: pointer}



/*mini player*/
.Pl_wrap #Pl_waveform wave wave{border: 0!important}
.Pl_wrap.minimizeme #Pl_waveform wave wave{background-color: #2395ff;height: 3px!important; }
.Pl_wrap.minimizeme #Pl_waveform showtitle div{background-color:white!important; color: white!important; padding: 0!important; width: 0}
.Pl_wrap #Pl_waveform showtitle div{background-color:#2395ff!important; }
.Pl_wrap.minimizeme #Pl_waveform wave{height: 3px!important}
.Pl_wrap.minimizeme #Pl_waveform canvas{width: 0px!important}
.Pl_wrap.minimizeme .Pl_thumbs_wrap{display: none; height: auto}
.Pl_wrap.minimizeme #Pl_waveform{height: 3px;margin-bottom: 6px}
.Pl_wrap.minimizeme .Pl_content_wrap{height: auto}
.Pl_wrap.minimizeme region.wavesurfer-region:before{bottom: 1px!important;top:auto!important;font-size: 7px!important;height: 6px;}
.Pl_thumbs_wrap ul,.Pl_thumbs_wrap ul li{margin: 0; padding: 0;/* width: 100%;height: 100%; */position: absolute;top:50%;left: 50%}
/*.Pl_thumbs_wrap ul li button{font-size: 60px;position: absolute; text-align: center; left: 50%;top: 50%;margin-top: -30px;margin-left: -30px;display: block; color: white}*/
.Pl_thumbs_wrap ul li button {font-size: 28px;position: absolute;text-align: center;left: 50%;top: 50%;margin-top: -16px;margin-left: -14px;color: white}
.Pl_thumbs_wrap ul li button.btntoggle:hover,.Pl_thumbs_wrap ul li button.btntoggle.active{color: #f8f9faab}
.Pl_thumbs_wrap ul li{list-style: none;padding: 0; margin: 0}


/*player wavesurfer mobile*/
/*player wavesurfer mobile*/
.Pl_wrap.mobile #Pl_minimyseme{display: none}
.Pl_wrap.mobile ul li{list-style: none}
.Pl_wrap.mobile ul,.Pl_wrap.mobile li{ margin: 0; padding: 0;  }

.mobile footer{position: relative;}

.Pl_wrap.mobile{width: 100%;left: 0; font-size: 12px; bottom: 0px;padding: 15px 15px;transition: initial!important;position: sticky;}
.Pl_wrap.mobile .Pl_thumbs_wrap span.icon-playoncovers{font-size: 66px; margin-top: -33px;margin-left: -33px;}
.Pl_wrap.mobile .Pl_thumbs_wrap{width: 100%;height: 75px;position: relative;flex: 0 0 75px;max-width: 75px;}
.Pl_wrap.mobile .Pl_content_wrap{ height: 75px;padding-right: 0}


.Pl_wrap.mobile .boxtitle{white-space: nowrap;}
.Pl_wrap.mobile #Pl_waveform{width: 100%;margin-bottom: 0px;border:0;}
.Pl_wrap.mobile .Pl_col_right{width: 100%;position: relative;flex: 0 0 48px;max-width: 48px;}
.Pl_wrap.mobile .Pl_col_right .boxcommandmobile{padding-left: 8px}
.Pl_wrap.mobile #Pl_pref,.Pl_wrap.mobile #Pl_add{font-size: 16px}

region.wavesurfer-region[data-id^="wavesurfer_"]{background-color: #2395ff54!important;}


.item_wrap{position: relative;}
.item_wrap ul{display: none; margin: 0; padding: 0}
.item_wrap:hover  ul{display: block}
.item_wrap  ul.active{display: block!important}

.item_wrap:hover  ul li,.item_wrap  ul.active li{display: inline-block; list-style: none;  position: absolute;top: 50%;left: 50%;width: 48px;height: 48px;margin-left: -24px;margin-top: -24px; }
.item_wrap ul li button{background: transparent;border: 0;padding: 0; margin: 0;}
.item_wrap ul li span.icon-playoncovers,.item_wrap ul li span.icon-pauseoncovers{font-size: 48px; opacity: 0.7}
.item_wrap ul li button:hover span.icon-playoncovers,.item_wrap ul li button:hover span.icon-pauseoncovers{font-size: 48px; opacity: 1!important; cursor: pointer;transition: opacity .5s ease-out;}


/* Style pour les éléments avec data-id="climax[0-9]*$" */
region.wavesurfer-region[data-id^="climax"],region.wavesurfer-region[data-id^="climaxshared"]{width: 1px!important;}

region.wavesurfer-region[data-id^="climax"] .wavesurfer-icon{
  margin-left: -12px;

}
region.wavesurfer-region[data-id^="climax"] .wavesurfer-icon>svg{
  box-shadow: 2px 3px 4px 1px #878787;
}
/* Style pour les éléments avec data-id="climaxshared[0-9]*$" */
region.wavesurfer-region[data-id^="climaxshared"] .wavesurfer-icon{
  width: 24px;
  height: 24px;
  background-color: white; 
  border-radius: 4px;
  text-align: center;
  margin-left: -12px;
  line-height: 22px;
  border: 1px solid;
  font-family:  'Century Gothic Bold';
  box-shadow: 2px 3px 4px 1px #878787;
 
}
region.wavesurfer-region[data-id^="climaxshared"] .wavesurfer-icon>svg{
  box-shadow: 2px 3px 4px 1px #878787;
}

/*a demenager dans style_v4*/


.tracklisttable tr.divTrackAlt.merged_alternatives_bottom td.last_line_last_cell {
    /* Ajuste le coin inférieur droit */
    border-bottom: 1px solid #2395ff!important;
}
.tracklisttable tr.divTrack.alternate_open.merged_alternatives_top td:first-child {
    border-top: 1px solid #2395ff !important;
}
.tracklisttable tr.divTrackAlt.merged_alternatives_bottom td.last_line_middle_cell{
    border-bottom: 1px solid #2395ff!important;
}
.tracklisttable tr.divTrack.alternate_open.merged_alternatives_top td{
    border-top: 1px solid #2395ff !important;
}
.tracklisttable tr.divTrackAlt.merged_alternatives_top td.last_line_middle_cell{
    border-top: 1px solid #2395ff !important;
}
.tracklisttable tr.divTrackAlt.merged_alternatives_bottom td.last_line_middle_cell{
  border-bottom: 1px solid #2395ff!important;
}
.tracklisttable tr.divTrackAlt.merged_alternatives_bottom td.last_line_first_cell{
  border-bottom: 1px solid #2395ff!important;
}