ul.vertical li{
  display:inline-block;
}

.boxed{
  overflow:auto;
}

.content{
  margin-left:auto;
  margin-right:auto;
  max-width:175mm;
}

.center{
  text-align:center;
}

.buttonbox{
  box-sizing:border-box;
}

.iconbox{
  display:flex;
  flex-wrap:wrap;
}

.iconview{
  overflow:hidden;
}

.icon{
  position:relative;
  float:left;
  flex-grow:1;
  text-align:center;
}

.iconview .icon{
  margin:1em;
}

.iconbox .icon span{
  position:absolute;
  left:0;
  width:100%;
}

.audioplayer .controls,.videoplayer .controls{
  display:flex;
}

.audioplayer .bar,.videoplayer .bar{
  position:relative;
}

.audioplayer .loaded,.audioplayer .played,.videoplayer .loaded,.videoplayer .played{
  position:absolute;
  left:0;
}

.audioplayer .loaded,.videoplayer .loaded{
  transition:all .5s ease;
}

.audioplayer .thumb,.videoplayer .thumb{
  position:absolute;
  right: 0;
  /* cursor:pointer!important; */
}

.audioplayer .position,.videoplayer .position{
  width:100%;
}