/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 jquery.mb.components

 file: jquery.mb.miniAudioPlayer.css
 last modified: 10/25/18 8:01 PM
 Version:  1.8.7
 Build:  {{ buildnum }}

 Open Lab s.r.l., Florence - Italy
 email:  matteo@open-lab.com
 blog: 	http://pupunzi.open-lab.com
 site: 	http://pupunzi.com
 	http://open-lab.com

 Licences: MIT, GPL
 http://www.opensource.org/licenses/mit-license.php
 http://www.gnu.org/licenses/gpl.html

 Copyright (c) 2001-2018. Matteo Bicocchi (Pupunzi)
 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 @charset "UTF-8";

 /*___________________________________________________________________________________________________________________________________________________
  _ jquery.mb.components                                                                                                                             _
  _                                                                                                                                                  _
  _ file: miniplayer.new.css                                                                                                                         _
  _ last modified: 09/07/14 23.09                                                                                                                    _
  _                                                                                                                                                  _
  _ Open Lab s.r.l., Florence - Italy                                                                                                                _
  _                                                                                                                                                  _
  _ email: matbicoc@gmail.com                                                                                                                       _
  _ site: http://pupunzi.com                                                                                                                         _
  _       http://open-lab.com                                                                                                                        _
  _ blog: http://pupunzi.open-lab.com                                                                                                                _
  _ Q&A:  http://jquery.pupunzi.com                                                                                                                  _
  _                                                                                                                                                  _
  _ Licences: MIT, GPL                                                                                                                               _
  _    http://www.opensource.org/licenses/mit-license.php                                                                                            _
  _    http://www.gnu.org/licenses/gpl.html                                                                                                          _
  _                                                                                                                                                  _
  _ Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi);                                                                                              _
  ___________________________________________________________________________________________________________________________________________________*/
 
 @font-face {
   font-family: 'mb_audio_fontRegular';
   src: url('/assets/fonts/mbAudioFont/mbaudio_font.eot');
   src: local('?'), url('/assets/fonts/mbAudioFont/mbaudio_font.woff') format('woff'),
   url('/assets/fonts/mbAudioFont/mbaudio_font.ttf') format('truetype'),
   url('/assets/fonts/mbAudioFont/mbaudio_font.svg#webfontywr4YLri') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'DroidSansMonoRegular';
   src: url('/assets/fonts/DroidSansMono/DroidSansMono.eot');
   src: local('?'), url('/assets/fonts/DroidSansMono/DroidSansMono.woff') format('woff'),
   url('/assets/fonts/DroidSansMono/DroidSansMono.ttf')  format('truetype'),
   url('/assets/fonts/DroidSansMono/DroidSansMono.svg#webfontGzFJ3WpO') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 
 .map_params{
   display: none!important;
 }
 
 a.audio{
   display:none;
 }
 
 .mbMiniPlayer{}
 
 .mbMiniPlayer:focus{
   outline: none;
 }
 
 .mbMiniPlayer *{
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
 }
 
 .mbMiniPlayer{
   vertical-align: baseline!important;
 }
 
 .mbMiniPlayer span{
   font-family: "mb_audio_fontRegular"!important;
   font-size:20px;
   line-height: 20px!important;
 }
 
 .mbMiniPlayer .playerTable{
   border-radius:5px !important;
   margin:0 !important;
   padding:0 !important;
   border: 1px solid white !important;
   color: #777;
   background: #fff;
   line-height: 0 !important;
   width: auto !important;
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
 }
 
 .mbMiniPlayer:focus .playerTable{
   box-shadow: 0 0 5px rgba(93, 146, 192, 0.8) !important;
 }
 
 .mbMiniPlayer.shadow .playerTable{
   box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
 }
 
 .mbMiniPlayer .playerTable > div{
   margin:0 !important;
   padding:0 !important;
   line-height: 0 !important;
   border: none!important;
   vertical-align: middle;
   display: table-cell;
 }
 
 .jp-progress{
   position:relative;
   background-color: #fff;
   height:8px;
   margin: 0 2px 2px;
   top:-2px;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   cursor:pointer;
 }
 
 .jp-load-bar{
   background-color: #e9e6e6;
   height:6px;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
 }
 
 .jp-play-bar{
   background-color:black;
   height:6px;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
 }
 
 .mbMiniPlayer div.map_controlsBar{
   background-color:#ccc;
 
   background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 60%, #DBDBDB 100%);
   background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 60%, #DBDBDB 100%);
   background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 60%, #DBDBDB 100%);
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(0.6, #FFFFFF), color-stop(1, #DBDBDB));
   background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 60%, #DBDBDB 100%);
   background-image: linear-gradient(to top, #FFFFFF 0%, #FFFFFF 60%, #DBDBDB 100%);
 
   margin:0;
   padding:0;
   cursor:default !important;
   box-shadow:inset 1px 1px 2px #999;
 }
 
 .mbMiniPlayer .map_controls{
   position: relative;
   margin:1px;
   display:none;
   width:1px;
   height:100%;
   overflow:hidden;
   white-space:nowrap;
 }
 
 .mbMiniPlayer .playerTable span{
   margin:0 !important;
   display:inline-block !important;
   padding:3px !important;
   height:20px !important;
   color:white;
   text-align:center!important;
   text-transform:none!important;
   vertical-align: middle;
 }
 
 .mbMiniPlayer.gradientOverlay .playerTable span{
   background-image:linear-gradient(180deg, rgba(255, 255, 255,0.3) 0%,transparent 100%) !important;
 }
 
 .mbMiniPlayer .playerTable span.map_title *{
   box-sizing: border-box;
 }
 
 .mbMiniPlayer .playerTable span.map_title{
   position:relative;
   color:#333;
   font:10px/12px "DroidSansMonoRegular", sans-serif !important;
   text-shadow: none !important;
   letter-spacing:0 !important;
   width:100% !important;
   height:17px !important;
   top:-2px !important;
   background:transparent !important;
   text-align:left !important;
   cursor:default !important;
   text-overflow: ellipsis;
   overflow: hidden;
   box-sizing: border-box;
 }
 
 .mbMiniPlayer .map_info{
   display: none;
   background: rgb(48, 48, 48);
   color: #D1D1D1;
   padding: 1px 4px;
   position: absolute;
   z-index: 10;
 }
 
 .mbMiniPlayer .playerTable span.map_rew{
   cursor:pointer !important;
 }
 
 .mbMiniPlayer .playerTable span.map_volumeLevel{
   white-space: nowrap;
   overflow: hidden;
 }
 
 .mbMiniPlayer .playerTable span.map_volumeLevel a{
   position:relative !important;
   display:inline-block !important;
   margin:0 ;
   border-right:1px solid rgba(0,0,0,0.4) ;
   width:2px;
   padding:0 ;
   background-color:white ;
   height:0 ;
   vertical-align:middle !important;
   opacity:.1 ;
   cursor:pointer !important;
 }
 
 .mbMiniPlayer .playerTable span.map_volumeLevel a:hover{
   opacity:1!important;
 }
 
 .mbMiniPlayer .playerTable span.map_volumeLevel a.sel{}
 
 .mbMiniPlayer .playerTable span.map_time{
   width:1px;
   font:11px/20px "DroidSansMonoRegular", sans-serif !important;
   overflow:hidden;
   white-space:nowrap;
   cursor:default !important;
   text-shadow: 1px -1px 1px rgba(0,0,0,.6)!important;
 }
 
 .mbMiniPlayer .playerTable span.map_play{
   border-radius:0 4px 4px 0 !important;
   cursor:pointer !important;
 }
 
 .mbMiniPlayer[isplaying=true] .playerTable span.map_play{
   -webkit-animation: playing .7s infinite alternate;
   animation: playing .7s infinite alternate;
 }
 
 @keyframes playing {
   from {
     opacity:1;
   }
   to {
     opacity:.5;
   }
 }
 
 @-webkit-keyframes playing {
   from {
     opacity:1;
   }
   to {
     opacity:.5;
   }
 }
 @-moz-keyframes playing {
   from {
     opacity:1;
   }
   to {
     opacity:.5;
   }
 }
 
 .mbMiniPlayer .playerTable span.map_volume{
   border-radius:4px 0 0 4px !important;
   cursor:pointer !important;
   padding-left:6px !important;
   padding-right:0 !important;
 }
 
 .mbMiniPlayer .copy{
   font: 10px/12px "DroidSansMonoRegular", sans-serif !important;
   color: #e0e0e0;
   padding-left: 10px;
   display: none;
 }
 
 .mbMiniPlayer span.map_download{
   display: inline-block !important;
   vertical-align: middle !important;
   margin: 0 !important;
   padding: 0 5px !important;
   font-family: "mb_audio_fontRegular" !important;
   font-size: 50px !important;
   line-height: 22px !important;
   color: rgba(0,0,0,.2);
 
   transition: color 1s;
   -moz-transition: color 1s;
   -webkit-transition: color 1s;
 }
 
 .mbMiniPlayer a.map_download{
   text-decoration: none;
   display: inline-block !important;
   vertical-align: middle !important;
   margin: 0 !important;
   padding: 0 5px !important;
   font-family: "mb_audio_fontRegular" !important;
   font-size: 50px !important;
   line-height: 22px !important;
   color: rgba(0,0,0,.2);
 
   transition: color 1s;
   -moz-transition: color 1s;
   -webkit-transition: color 1s;
   -o-transition: color 1s;
 }
 
 
 /*BLACK ----------------------------------------*/
 .mbMiniPlayer.black .playerTable span{
   background-color:#333;
 }
 
 .mbMiniPlayer.black .playerTable span.map_play{
   border-left:1px solid #000;
 }
 
 .mbMiniPlayer.black .playerTable span.map_volume{
   border-right:1px solid #333;
 }
 
 .mbMiniPlayer.black .playerTable span.map_volume.mute{
   color: rgba(255, 255, 255, 0.50);
 }
 
 .mbMiniPlayer.black .map_download:hover{
   color: #000;
 }
 
 .mbMiniPlayer.black .jp-load-bar{
   background-color: rgba(0, 0, 0, 0.10);
 }
 
 .mbMiniPlayer.black .jp-play-bar {
   background-color: #000;
 }
 
 /*GRAY ----------------------------------------*/
 .mbMiniPlayer.gray .playerTable span{
   background-color:#ccc;
 }
 
 .mbMiniPlayer.gray .playerTable span.map_play{
   border-left:1px solid #9f9f9f;
 }
 
 .mbMiniPlayer.gray .playerTable span.map_volume{
   border-right:1px solid #bdbcbc;
 }
 
 .mbMiniPlayer.gray .playerTable span.map_volume.mute{
   color: rgba(255, 255, 255, 0.50);
 }
 .mbMiniPlayer.gray .map_download:hover{
   color: #666 ;
 }
 
 .mbMiniPlayer.gray .jp-load-bar{
   background-color: rgba(102, 102, 102, 0.20);
 }
 
 .mbMiniPlayer.gray .jp-play-bar {
   background-color: #9f9f9f;
 }
 
 /*BLUE ----------------------------------------*/
 .mbMiniPlayer.blue .playerTable span{
   background-color: #0099ff;
 }
 
 .mbMiniPlayer.blue .playerTable span.map_play{
   border-left:1px solid #034383;
 }
 
 .mbMiniPlayer.blue .playerTable span.map_volume{
   border-right:1px solid #18a2fe;
 }
 
 .mbMiniPlayer.blue .playerTable span.map_volume.mute{
   color: rgba(255, 255, 255, 0.50);
 }
 
 .mbMiniPlayer.blue .map_download:hover{
   color: #0099ff ;
 }
 
 .mbMiniPlayer.blue .jp-load-bar{
   background-color: rgba(0, 153, 255, 0.10);
 }
 
 .mbMiniPlayer.blue .jp-play-bar {
   background-color: #0099ff;
 }
 
 /*ORANGE ----------------------------------------*/
 .mbMiniPlayer.orange .playerTable span{
   background-color: #ff9900;
 }
 
 .mbMiniPlayer.orange .playerTable span.map_play{
   border-left:1px solid #8c5002;
 }
 
 .mbMiniPlayer.orange .playerTable span.map_volume{
   border-right:1px solid #fea827;
 }
 
 .mbMiniPlayer.orange .playerTable span.map_volume.mute{
   color: rgba(255, 255, 255, 0.50);
 }
 
 .mbMiniPlayer.orange .map_download:hover{
   color: #ff9900;
 }
 
 .mbMiniPlayer.orange .jp-load-bar{
   background-color: rgba(255, 153, 0, 0.20);
 }
 
 .mbMiniPlayer.orange .jp-play-bar {
   background-color: #ff9900;
 }
 
 /*RED ----------------------------------------*/
 .mbMiniPlayer.red .playerTable span{
   background-color: #990000;
 }
 
 .mbMiniPlayer.red .playerTable span.map_play{
   border-left:1px solid #5f0000;
 }
 
 .mbMiniPlayer.red .playerTable span.map_volume{
   border-right:1px solid #990000;
 }
 
 .mbMiniPlayer.red .playerTable span.map_volume.mute{
   color: rgba(255, 255, 255, 0.50);
 }
 .mbMiniPlayer.red .map_download:hover{
   color: #990000 !important;
 }
 
 .mbMiniPlayer.red .jp-load-bar{
   background-color: rgba(153, 0, 0, 0.21);
 }
 
 .mbMiniPlayer.red .jp-play-bar {
   background-color: #990000;
 }
 
 /*GREEN ----------------------------------------*/
 .mbMiniPlayer.green .playerTable span{
   background-color: #339900;
 }
 
 .mbMiniPlayer.green .playerTable span.map_play{
   border-left:1px solid #336600;
 }
 
 .mbMiniPlayer.green .playerTable span.map_volume{
   border-right:1px solid #38a700;
 }
 
 .mbMiniPlayer.green .playerTable span.map_volume.mute{
   color: rgba(255, 255, 255, 0.50);
 }
 
 .mbMiniPlayer.green .map_download:hover{
   color: #339900 !important;
 }
 
 .mbMiniPlayer.green .jp-load-bar{
   background-color: rgba(51, 153, 0, 0.20);
 }
 
 .mbMiniPlayer.green .jp-play-bar {
   background-color: #339900;
 }
 
 /* Wordpress Playlist (needed only by wordpress) ---------------------------------------*/
 
 .map_pl_container{
   margin: 10px 0;
   padding-left: 5px;
   border-left: 3px dotted rgba(0, 0, 0, 0.10);
 }
 
 .map_pl_container .pl_items_container{
   max-height: 300px;
   overflow: hidden;
   overflow-y: auto;
   width: 99%;
 }
 
 .map_pl_container .pl_item{
   position: relative;
   margin: 5px 0;
   padding: 5px;
   border-bottom: 1px dotted #ccc;
   font: 14px/14px "DroidSansMonoRegular", sans-serif !important;
   display: block;
 }
 
 .map_pl_container .pl_item:hover{
   color: #999;
 }
 
 .map_pl_container .pl_item span.map_download{
   position: absolute;
   right: 5px;
   top: 2px;
   display: block !important;
   vertical-align: middle !important;
   margin: 0 !important;
   padding: 0 2px !important;
   font-family: "mb_audio_fontRegular" !important;
   font-size: 34px !important;
   line-height: 22px !important;
   color: rgba(0,0,0,.2);
 
   transition: color 1s;
   -moz-transition: color 1s;
   -webkit-transition: color 1s;
   -o-transition: color 1s;
 }
 
 .map_pl_container .pl_item span.map_download:hover{
   color: rgba(0,0,0,.8);
 
   transition: color 0.5s;
   -moz-transition: color 0.5s;
   -webkit-transition: color 0.5s;
   -o-transition: color 0.5s;
 }
 
 .map_pl_container .pl_item.sel{
   color: #666;
   background: rgba(0, 0, 0, 0.10);
   border-radius: 8px;
 }
 
 .map_album_infobox{
   margin-bottom: 10px;
 }
 
 .map_item_title{
   font-weight: 600;
 }
 
 .map_item_album{
   font-style: italic;
 }
 
 .map_item_artist{
   display: block;
 }