main {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%; }

.searchDialog {
  width: 100%; }
  .searchDialog .poster {
    height: 45px;
    width: 80px;
    position: relative;
    background-color: #EBEBEB;
    overflow: hidden; }
    .searchDialog .poster img {
      height: auto;
      width: 100%;
      position: relative; }
    .searchDialog .poster .playingCover {
      background-image: url("../img/ani_equalizer_white.gif");
      background-size: 25px 25px;
      background-position: center center;
      background-repeat: no-repeat;
      background-color: rgba(0, 0, 0, 0.6);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
  .searchDialog .title {
    padding: 0 16px; }
  .searchDialog .dialogTitle {
    padding: 0 6px; }
    .searchDialog .dialogTitle h3 {
      margin: 10px 0; }
  .searchDialog md-list {
    width: 100%;
    position: relative; }
    .searchDialog md-list md-list-item > div {
      padding: 3px 6px !important; }
    .searchDialog md-list .loader {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(255, 255, 255, 0.7); }
  .searchDialog .listInfoRow .listInfo {
    color: rgba(0, 0, 0, 0.54); }
  .searchDialog .listInfoRow .listControls button:first-child {
    margin-right: 0; }
  .searchDialog .listInfoRow .listControls button:last-child {
    margin-left: 0; }
audio-player {
  display: block; }
  audio-player > div {
    height: 100%; }
  audio-player .songIndicator {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle; }
    audio-player .songIndicatorBlack {
      background-image: url("../img/ani_equalizer_black.gif");
      background-size: 40px 40px; }
    audio-player .songIndicatorWhite {
      background-image: url("../img/ani_equalizer_white.gif");
      background-size: 25px 25px; }
  audio-player .songProgress, audio-player .totalTime {
    white-space: nowrap;
    font-size: 16px; }
  audio-player .controls .centerButton {
    padding: 0;
    margin: 0; }
    audio-player .controls .centerButton md-icon {
      font-size: 38px;
      height: 38px;
      width: 38px;
      min-height: 38px;
      min-width: 38px; }

@media (max-width: 600px) {
  audio-player .controls .centerButton {
    margin: 0 8px; } }
audio-player-bar {
  display: flex;
  height: 59px;
  max-height: 59px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: bottom .1s;
  -moz-transition: bottom .1s;
  -ms-transition: bottom .1s;
  -o-transition: bottom .1s;
  transition: bottom .1s; }
  audio-player-bar.ng-hide {
    bottom: -59px; }
  audio-player-bar .md-toolbar-tools {
    padding: 0; }
    audio-player-bar .md-toolbar-tools > div {
      height: 100%;
      width: 100%; }
  audio-player-bar .poster {
    height: 100%;
    width: 96px;
    overflow: hidden; }
    audio-player-bar .poster > img {
      height: 100%;
      width: auto; }
  audio-player-bar .title {
    padding: 0 16px; }

@media (max-width: 600px) {
  audio-player-bar .title {
    padding: 0 8px;
    font-size: 16px; }
    audio-player-bar .title > div:first-child {
      font-weight: 600; }
  audio-player-bar .poster {
    height: 100%;
    width: 70px;
    overflow: hidden; }
    audio-player-bar .poster > img {
      height: 100%;
      width: auto; } }
playlist {
  display: flex;
  overflow-y: auto;
  flex: 1; }
  playlist .poster {
    height: 45px;
    width: 80px;
    position: relative;
    background-color: #EBEBEB;
    overflow: hidden; }
    playlist .poster img {
      height: auto;
      width: 100%;
      position: relative; }
    playlist .poster .playingCover {
      background-image: url("../img/ani_equalizer_white.gif");
      background-size: 25px 25px;
      background-position: center center;
      background-repeat: no-repeat;
      background-color: rgba(0, 0, 0, 0.6);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
  playlist .title {
    padding: 0 16px; }
  playlist md-list {
    width: 100%; }
    playlist md-list md-list-item > div {
      padding: 3px 6px !important; }

@media (max-width: 600px) {
  playlist .title {
    padding: 0 8px; }
  playlist .poster {
    height: 40px;
    width: 60px; } }

body .md-panel.menuDialog {
  background: #FFFFFF;
  min-width: 80%; }
app-nav {
  display: block; }
app {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column; }
  app .appView {
    overflow: hidden; }
root {
  width: 100%;
  height: 100%;
  display: block; }
  root .rootView {
    width: 100%;
    height: 100%; }
  root .notification {
    position: fixed; }
    root .notificationError .md-toast-content .md-toast-text {
      color: #e74c3c;
      font-weight: 700; }
    root .notificationLink .md-toast-content .md-toast-text a {
      text-decoration: none;
      font-weight: 700; }
    root .notificationLink .md-toast-content .md-toast-text a:hover {
      text-decoration: underline; }
  root .processingToast .md-toast-content {
    padding: 0;
    max-height: unset; }
    root .processingToast .md-toast-content .toastContainer {
      width: 100%; }
      root .processingToast .md-toast-content .toastContainer .toastTitle {
        min-height: 48px;
        padding: 0 0 0 18px; }
        root .processingToast .md-toast-content .toastContainer .toastTitle .actionButtons .actionButton:first-child {
          margin: 0; }
        root .processingToast .md-toast-content .toastContainer .toastTitle .actionButtons .actionButton md-icon {
          color: rgba(250, 250, 250, 0.5) !important; }
      root .processingToast .md-toast-content .toastContainer .processingItemsList {
        background: #FFFFFF;
        position: relative;
        z-index: 2;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        color: #000; }
        root .processingToast .md-toast-content .toastContainer .processingItemsList md-list {
          width: 100%; }
          root .processingToast .md-toast-content .toastContainer .processingItemsList md-list md-list-item .md-list-item-text {
            padding-right: 20px;
            width: 100%; }
  root md-toolbar {
    min-height: 59px !important; }
    root md-toolbar .md-toolbar-tools {
      height: 59px !important;
      max-height: 59px !important; }
  root md-toast {
    position: fixed; }

.audio-player-bar-visible md-toast.processingToast {
  bottom: 59px; }

.audio-player-bar-visible md-toast.notification {
  bottom: 59px; }