/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

html,
body {
  background-color: white;
}
html {
  height: 100%;
}

body {
  display: -ms-flexbox;
  box-shadow: inset 0 0 10rem rgba(0, 0, 0, .4);
  min-height: 100%;
}

.cover-container {
  max-width: 42em;
}

.contao

.liSpan
{
    line-height: 2em;
}

li:hover { background-color:Whitesmoke; }

#player-container #play-pause {
  cursor: pointer;
  text-indent: -999999px;
  height:40px;
  width: 40px;
  background-image: url('../assets/img/play.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:20px;
}

#player-container{
  position: relative;
}
#play-pause {
  position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.play {
  background-image: url('../assets/img/play.png');
}
.pause {
   background-image: url('../assets/img/pause.png')!important;
}
#current-time{
	font-size: 0.8em
}

/* Top right text */
.top-right {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 1em
}
.ilink{
	font-size: 2em;
	color: #B6B6B6
}
.copyright{
	font-size: 1em;
	color: #909090
}