@charset "utf-8";
/*
 * *
 *  * @preserve MegaZine3 jQuery Plugin v0.2
 *  * This file is part of the MegaZine3 engine.
 *  * Copyright (C) 2007-2016+, VservU GmbH (Florian Nuecke and Hans J. Nuecke)
 *  * License: https://megazine3.de/megazine/COPYING.txt
 *  *
 *  * This copyright notice and license link must not be deleted
 *
 *
 */
@import url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css");

html {
  height: 100%;
  display: table;
  margin: auto;
}

body {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  background: black;
}

.audio-player {
  background: grey;
  border: 1px solid;
  width: 30vw;
  text-align: center;
  display: flex;
  flex-flow: row;
  margin: 12px 0;
}

.audio-player .album-image {
  height: 50px;
  width: 50px;
  background-size: cover;
}

.audio-player .player-controls {
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  flex: 3;
}
.audio-player .player-controls progress {
  width: 90%;
}

.audio-player .player-controls progress[value] {
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  color: blue;
  height: 5px;
}


/*
.audio-player .player-controls progress[value]::-webkit-progress-bar {
  background-color: white;
  border-radius: 2px;
  border: 1px solid color:#acacac;
  filter: brightness(20%);
  color: blue;
}

.audio-player .player-controls progress::-webkit-progress-value {
  background-color: blue;
}
*/

.audio-player .player-controls p {
  font-size: 12px;
}

.audio-player #play-btn {

  background-image: url('../../assets/megazine/mz3ButtonsBig/btn_play.png');
  background-size: cover;
  width: 36px;
  height: 36px;
  margin: 6px 0 6px 6px;
}

.audio-player #play-btn.pause {
   background-image: url('../../assets/megazine/mz3ButtonsBig/btn_pause.png');
}