/** Player add **/
.vp_slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #a29061; 
  transition: width 0.1s; 
}
.vp_overlay {
  /*background-color: #e4e4e4;*/
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
  width: 100%;
  height: 120px;/*200px*/
  }
.vp_button_box {background-color: #fff;border-radius: 0 0 70% 70% !important;}/*100%*/
.vp_playStopButton{width: 2rem !important;height: 2rem !important;}/*5.2rem*/
.volumeSlider::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  background-color: #a29061; 
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.volumeSlider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background-color: #a29061;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}


/*styles for class audioToggler as used by script digitaldrums\templateIncludes\multiPurpose\audioToggler.php*/
.audioToggler input[type=checkbox]{
  height: 0;
  width: 0;
  visibility: hidden;
}
.audioToggler label {
  cursor: pointer;
  text-indent: -9999px;
  width: 50%;
  height: 40px;
  background: #2b2b2b;
  display: block;
  border-radius: 40px;
  position: relative;
}
.audioToggler label:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
  background: #555555;
  border-radius: 30px;
  transition: 0.3s;
}
.audioToggler input:checked + label {
  background: #2b2b2b;
}
.audioToggler input:checked + label:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
  background-color: #a29061;
}
.audioToggler label:active:after {
  width: 60px;
}