body * {
    outline: none;
    font-size: inherit;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
  }

html, body
  {
  min-height: 100%;
  }

body
  {
  margin:      0px;
  height: 100%;
  }


/*
body[data-has_wallpaper='1'] *
  {
  color: #ffffff;
  }
*/

/* Header and Footer */

header, footer {
    position: fixed;
    left: 0px;
    right: 0px;
    z-index: 50;
  }

header
  {
    top: 0px;
    border-bottom-style: none;
  }

footer
  {
    bottom: 0px;
    border-top-style: none;
  }

header table {
  width: 100%;
  height: 100%;
}

header td {
  vertical-align: middle;
}

td[data-has_add="true"] #header-add
  {
  display: inline-block;
  }

td[data-has_add="false"] #header-add
  {
  display: none;
  }

td[data-has_play="true"] #header-play
  {
  display: inline-block;
  }

td[data-has_play="false"] #header-play
  {
  display: none;
  }

/* Iteminfo  in landscape */
@media screen and (orientation: landscape) {

.track-image {
    display: table-cell;
    vertical-align: middle;
}

.track-info {
    display: table-cell;
    vertical-align: middle;
}

}

/* Iteminfo  in portrait */
@media screen and (orientation: portrait) {

.track-image {
    display: block;
    text-align: center;
}

.track-info {
    display: block;
}

}


#browser td {
  vertical-align: middle;
}

#browser > [data-current="false"] td.play-icon
  {
  display: none;
  }

.menu {
  position: fixed;
  z-index: 100;
/*   border: solid;
  border-width: 1px; */
  overflow-y: auto;  
  }

.menu > div[data-disabled="true"]
  {
  display: none;
  }

/* Menu icon */
.menu td:nth-child(1)
  {
  width: 1.2em;
  text-align: center;
  }

.menu img
  {
  height: 1.2em;
  text-align: center;
  }

/* Button */

button {
  display:          inline-block;
  }

#settings-table {
  width: 100%;
  }


#settings-table td
  {
  vertical-align: middle;
  }

#footer-table button {
/*  border-width: 1px;
  border-style: solid;
  border-color: #ffffff; */
  border-style: none;
  font-size: 90%;
  width: 3.0em;
  }

/* 
#playerbuttons:after {
  content: '';
  width: 100%; 
  display: inline-block;
}
*/

/* Player */


/* Switch off outline for buttons */

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="range"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner
  {
  border: none;
  }

#progress-popup {
  display: none;
  width: 100%;
  }

#load-progress {
  width: 100%;
}

/* Volume popup */

#player-controls {
  display: block;
  width: 100%;
  }

#nav-popup, #search-popup {
  display: none;
  position: fixed;
  left:   50%;
  top:   50%;
  z-index: 100;
  transform: translate(-50%, -50%);
}

#audio-element {
  position: fixed;
  display: none;
}

