#medHubAudioPlayer
{
  width: 100%;
  height:100%;
  background-color:black;
  display:none;


}

#medHubAudioPlayer img
{
  cursor:pointer;
}

#medHubPlayerActionBar
{
  width:100%;
  height:3.8em;
  margin-top:.2em;
  background-color:black;
  position: relative;
}

.MedHubSongImg
{
  width: 3.8em;
  height: 3.8em;
  vertical-align: top;
  object-fit: cover;
}

.MedHubPlayerActionImg
{
  width:1.8em;
  height:1.8em;
  vertical-align:top;
  margin-top:.7em;
}

#mhpPlayerAction
{
  width:2.3em;
  height:2.3em;
  margin: 0.4em 1em 0;
}

#medHubPlayerBar
{
  width:100%;
  height:4em;
  background-color:transparent;
  position:relative;
}


.MedHubPlayerActionText
{
  display:block;
  color:white;
  font-size:85%;
  font-weight:600;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  width:16em;


}

#medHubActionSongAttributes
{
  display:inline-block;
  color:white;
  height:100%;
  vertical-align:top;
  padding: 2px 0 0 2px;
  box-sizing: border-box;
  width:84%;
}

.MedHubPlayerPlayActions
{
  display: inline-block;
  position: absolute;
  left: 37.5%;
  vertical-align: top;
  text-align: center;
  width: 25%;
}

.MedHubPlayerShuffleRepeat
{
  display: inline-block;
  position: absolute;
  right: 3em;
  vertical-align: top;
  text-align: center;
}

.MedHubPlayerShuffleRepeat img
{
  display:block;
  width:1.2em;
  height:1.2em;
}

#repeat
{
  margin-top:.4em;
}

#shuffle
{
  margin-top:.2em;
}

#mhpArtwork
{
  cursor:default;
}


.AiMedHubVolumeSlider
{
  height:65%;
  width:.5em;
  background-color:white;
  margin: 5px 0 0 1em;
  display:inline-block;
}

.AiMedHubVolumeThumb
{
  width: 1.2em;
  height: 1.2em;
  border-radius: 2em;
  background-color: #5c9ec8;
}

.AiMediaPlayerTime
{
  display: inline-block;
  width: 50%;
  color:white;
}

.AiMediaPlayerTime.Left
{
  text-align: left;
  padding-left: 0.2em;
  box-sizing: border-box;
}

.AiMediaPlayerTime.Right
{
  text-align: right;
  padding-right: 0.2em;
  box-sizing: border-box;
}