/*! Uno skin for jPlayer Jukebox add-on 0.6.x (http://www.gyrocode.com/projects/jplayer-jukebox) ~ (c) Gyrocode.com ~ MIT License */
@font-face {
  font-family:'uno';
  src:url('fonts/uno.eot');
}

@font-face {
  font-family:'uno';
  src:url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
      url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
  font-weight:normal;
  font-style:normal;
}

.jp-controls button:before,
.jp-volume-controls button:before,
.jp-toggles button:before,
.jp-viewstate-control button:before,
.jp-page-btn-play:before,
.jp-page-btn-pause:before
{
  font-family:'uno';
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.jp-jplayer audio,
.jp-jplayer {
  width:0;
  height:0;
}

.jp-jukebox *:focus {
  /* Disable the browser focus highlighting. */
  outline:none;
}

.jp-jukebox button::-moz-focus-inner {
  /* Disable the browser CSS3 focus highlighting. */
  border:0;
}

.jp-jukebox,
.jp-jukebox a,
.jp-jukebox .jp-viewstate-control {
  color:#333;  
}

.jp-jukebox button {
  color:#333;
}

.jp-jukebox button:before {
 
}

.jp-jukebox.ui-dark .jp-gui-bg {
  background-color:#333;
}

.jp-jukebox.ui-dark,
.jp-jukebox.ui-dark a,
.jp-jukebox.ui-dark .jp-viewstate-control {
  color:#CCC;
  
}

.jp-jukebox.ui-dark button {
  color:#CCC;
}

.jp-jukebox.ui-dark button:before {
  
}

.jp-jukebox .jp-toggles button,
.jp-jukebox .jp-volume-controls button {
  color:#bfe1e3;
}

.jp-volume-controls button:hover {
  color: #fff;
} 
.jp-jukebox.ui-dark .jp-toggles button,
.jp-jukebox.ui-dark .jp-volume-controls button {
  color:#999;
}

.jp-jukebox {
  font-family:Verdana, Arial, sans-serif;
  font-size:16px;
  line-height:1.6;
  width:420px;
}

.jp-gui {
   position:relative;
}

.ui-gradient .jp-gui-gradient {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
}

.ui-texture .jp-gui-texture {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
}

.jp-gui button {
  display:block;
  float:left;
  width:24px;
  height:24px;
  text-indent:-9999px;
  line-height:100%; /* need this for IE6 */
  border:none;
  cursor:pointer;
  padding:0;
  margin:0;
  background-color:transparent;
}

.jp-gui button:before {
  display:block;
  text-indent:0;
}

.jp-interface {
  position:relative;
  width:100%;
  float: left;  
}
.jp_column-left {
	float: left;
	width: 10%;
	/*margin-top:7px;*/
}
.jp_column-mid {
	float: left;
	width: 80%;
}
.jp_column-right {
	float: right;
	width: 100%;
	/*margin-top:20px;*/
}

/* @group CONTROLS */

.jp-controls-holder {
  position:relative;
  overflow:hidden;
  height:36px;  
  float:left;
}

.jp-interface .jp-controls {
  margin:0;
  padding:0;
  overflow:hidden;
  /*margin:20px 0px 0px 0px;*/
  text-align:center;
  padding:0px 36px;
}
.jp-jukebox .jp-type-playlist .jp-controls {
  position:absolute;
  top:0;
  left:10px;
  width:108px;
  
}

.jp-controls button {
  width:40px;
  height:40px;
  color: #fff;
  font-size: 0;
}

.jp-controls button:before {
  font-size:16px;
}

.jp-controls button.jp-play:before {
  content:"\e603";
}

.jp-state-playing button.jp-play:before {
  content:"\e602";
}

.jp-controls button.jp-stop {
  display:none;
}

.jp-controls button.jp-previous:before {
  content:"\e607";
}

.jp-controls button.jp-next:before {
  content:"\e606";
}
.jp-controls button.jp-previous{
	float:left;
	margin:0px;
}
.jp-controls button.jp-next{
	float:right;
	margin:0px;
}
.jp-controls button.jp-play{
	margin:0px 30px;
	float:none;
	display:inline-block;
	border:solid 2px #fff;
	border-radius:100%;
	width:40px;
	height:40px;
}
.jp-controls button.jp-play:before{
	font-size:16px;
	line-height:33px;
}

.jp-app-bar {
  font-size:0.68em;
  padding:0 10px;
}

.jp-app-bar a {
  text-decoration:none;
}

/* @end */

/* @group progress bar */

.jp-progress {
}

.jp-progress {
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background-color:#333;
  float:left;
}

.jp-jukebox.ui-dark .jp-progress {
  background-color:rgba(255,255,255,0.2);
}

.jp-seek-bar {
  width:0;
  height:100%;  
  cursor:pointer;
  position:relative;
}
/*
.jp-seek-bar::before{
	content:"";
	position:absolute;
	right:-5px;
	top:-6px;
	width:14px;
	height:14px;
	border-radius:100%;
}
*/
.jp-play-bar {
  left: 0;
  width:0;
  height:100%;
  position: absolute;
  background-color:rgba(0,0,0,0.2);
}

.jp-jukebox.ui-dark .jp-play-bar {
  background-color:rgba(255,255,255,0.2);
}

/* The seeking class is added/removed inside jPlayer */
.jp-seeking-bg { }

/* @end */

/* @group volume controls */

.jp-volume-controls {
  overflow:hidden;
  top:32px;
  right:75px;
  width:24px;
  height:24px;
  float:left;
  margin-right:10px;
}

.jp-volume-controls button {
  width:24px;
  height:24px;
}

.jp-volume-controls button:before {
  font-size:24px;
  line-height: 22px;
}

.jp-volume-controls button.jp-volume-max {
  display:none !important;
}

.jp-mute:before {
  content:"\e60a";
}

.jp-state-muted .jp-mute:before {
  content:"\e60b";
  color:#333;
}

.jp-state-muted.ui-dark .jp-mute:before {
  color:#CCC;
}

.jp-volume-bar, .jp-volume-bar-value {
  display:none !important;
}

/* @end */

/* @group current time and duration */
.jp-current-time{
	left:15px;
}
.jp-duration{
	right:15px;
}
.jp-current-time,
.jp-duration {
  width:60px;
  font-size:11px;
  line-height:16px;
  cursor:pointer;
  pointer-events:none;
  color: #333 !important;
  float:left;
}
.jp-duration{
	float:right;
}/*
.jp-current-time {
  margin-right: 10px;
  margin-right: 10px;
}

.jp-duration {
  text-align:right;
  margin-left: 17px;
}
 @end */


/* @group playlist */

.jp-details {
  position:absolute;
}

.jp-playlist-container {
  max-height:300px;
  overflow-y:auto;
  width:100%;
}

.jp-playlist {
  position:relative;
  display:none;
}

.jp-details .jp-title {
  font-size:.75em;
  line-height:36px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  word-break:normal;
}

.jp-cover {
  display:none;
}

.opt-ui-cover .jp-cover {
  display:block;
  position:absolute;
  left:0;
  top:0;
  height:36px;
  width:36px;
}

.opt-ui-cover .jp-details .jp-title {
  margin-left:41px;
}

.opt-ui-cover .jp-cover .jp-cover-default {
  background-color:rgba(0,0,0,0.2);
  height:36px;
  width:36px;
}

.ui-dark.opt-ui-cover .jp-cover .jp-cover-default {
  background-color:rgba(255,255,255,0.2);
}
/*
.opt-ui-cover .jp-cover .jp-cover-default:before {
  font-family:"uno";
  position:absolute;
  left:2px;
  top:2px;
  content:"\e613";
  font-size:32px;
  line-height:32px;
  color:#EEE;
  text-shadow:none;
}
*/
.ui-dark.opt-ui-cover .jp-cover .jp-cover-default:before {
  color:#CCC;
  
}

.opt-ui-cover .jp-cover img {
  max-width:100%;
  max-height:100%;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

.jp-playlist ul {
  position:relative;
  list-style-type:none;
  margin:0;
  padding:0;
  font-size:.75em;
  line-height:2em;
  float:left;
  width:100%;
}

.jp-playlist li {
  clear:both;
  padding:0 0 0 15px;
  background:#333;
  position: relative;
}
.jp-playlist li:nth-child(even){
}

.ui-dark .jp-playlist li {
  border-bottom:1px solid rgba(255,255,255,0.15);
}

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
.jp-playlist li:last-child {
  border-bottom:2px solid transparent;
}

.jp-playlist li.jp-playlist-current:before {
  position:absolute;
  left:5px;
  font-family:"uno";
  content:"\e603";
  top:10px;
}

.jp-playlist a {
  display:inline-block;
  text-decoration:none;
}

.jp-playlist a.jp-playlist-current {
  font-weight:bold;
}

.jp-playlist a.jp-playlist-item {
  display:table-cell;
}

.jp-playlist a.jp-playlist-item-remove {
  float:right;
  padding:0 5px;
}
.jp-playlist a.jp-playlist-item-remove:before {
  font-family:"uno";
  font-size:1.4em;
  content:"\e610";
}

.jp-playlist span.jp-artist {
  font-size:.75em;
  font-weight:normal;
}

.jp-playlist a.jp-playlist-item-buy {
  float:right;
  display:inline;
  padding:0 5px;
}

.jp-playlist a.jp-playlist-item-buy:before {
  font-family:"uno";
  font-size:1.4em;
  content:"\e604";
}


.jp-playlist a.jp-playlist-item-download {
  float:right;
  display:inline;
  padding:0 5px;
}

.jp-playlist a.jp-playlist-item-download:before {
  font-family:"uno";
  font-size:1.4em;
  content:"\e601";
}

.jp-playlist .jp-playlist-item-cover {
  position:relative;
  height:1.8em;
  width:1.8em;
  float:left;
  margin:0.1em 10px 0.1em 0;
}

.jp-playlist .jp-playlist-item-cover .jp-playlist-item-cover-default {
  display:block;
  height:100%;
  width:100%;
  background-color:rgba(0,0,0,0.2);
}

.ui-dark .jp-playlist .jp-playlist-item-cover .jp-playlist-item-cover-default {
  background-color:rgba(255,255,255,0.2);
}

.jp-playlist .jp-playlist-item-cover .jp-playlist-item-cover-default:before {
  position:absolute;
  left:0.05em;
  top:0.05em;
  color:#EEE;
  text-shadow:none;
  font-family:"uno";
  font-size:1.7em;
  line-height:1em;
  content:"\e613";
}

.ui-dark .jp-playlist .jp-playlist-item-cover .jp-playlist-item-cover-default:before {
  color:#CCC;
  
}

.jp-playlist .jp-playlist-item-cover img {
  max-width:100%;
  max-height:100%;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

/* @end */

/* @group TOGGLES */

/* The audio toggles are nested inside jp-time-holder */

.jp-jukebox .jp-toggles {  
  overflow:hidden;
}
.jp-jukebox .jp-toggles button:hover  {
  color: #fff;
}
.jp-toggles button:before {
  font-size:24px;
}

.jp-toggles button.jp-full-screen {
  display:none;
}

.jp-repeat:before {
  content:"\e605";
}

.jp-state-looped .jp-repeat:before {
  color:#333;
}

.jp-state-looped.ui-dark .jp-repeat:before {
  color:#CCC;
}
.jp-playlist.jp-gui-bg li > div{padding:8px 10px;}
.jp-jukebox, .jp-jukebox a, .jp-jukebox .jp-viewstate-control{color:#fff;}
.jp-controls-holder .jp-repeat{margin-right:10px;}
button.jp-repeat {
  color: #000;
}
.jp-toggles button.jp-shuffle {
  display:none;
}

.jp-toggles button.jp-show-playlist:before {
  content:"\e612";
}

.jp-state-playlist .jp-show-playlist:before {
  color:#333;
}

.jp-state-playlist.ui-dark .jp-show-playlist:before {
  color:#CCC;
}


/* @end */

/* @group Player pop-out button */

.jp-viewstate-control {
  display:none;
  position:relative;
}

.jp-viewstate-control button {
  position:absolute;
  width:100%;
  top:0;
  bottom:0;
  height:auto;
  background-color:transparent;
  text-indent:-9999px;
  border:none;
  margin:0;
  padding:0;
  cursor:pointer;  
  border-radius: 3px;
  color: #fff;
}

.jp-viewstate-control button:before {
  font-size:24px;
}

.jp-viewstate-control button.jp-viewstate-toggle:before {
  position:absolute;
  top:50%;
  width:24px;
  height:24px;
  margin-top:-12px;
  left:0;
  cursor:pointer;
}

.jp-viewstate-maximized .jp-viewstate-toggle:before {
  content:"\e610";
}

.jp-viewstate-minimized .jp-viewstate-toggle:before {
  content:"\e603";
}
.jp-viewstate-maximized
/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution {
  padding:5px;
  font-size:.75em;
  background-color:#EEE;
  color:#000;
  display:none;
}

.jp-no-solution a {
  color:#000;
}

.jp-no-solution span {
  font-size:1em;
  display:block;
  text-align:center;
  font-weight:bold;
}

/* @end */

/* @group LAYOUT */

.opt-pos-float-bl {
  z-index:999;
  position:fixed;
  bottom:0px;
  left:0;
  width: 100%;
}
.jp-viewstate-minimized.opt-pos-float-bl .jp-viewstate-control {
  right:-30px;
  
}
.jp-viewstate-maximized.opt-pos-float-bl .jp-viewstate-control {
  right:0px;
}
.opt-pos-float-bl .jp-viewstate-control {
  display:block;
  position:absolute;
  width:30px;
  height:30px;
  top:30%;
  bottom:0;
  cursor:pointer;
  box-sizing:border-box;  
}

.opt-pos-float-bl.ui-dark .jp-viewstate-control {
  border-left:1px solid rgba(255,255,255,0.2);
}

.opt-pos-float-bl .jp-viewstate-control,
.opt-pos-float-bl .jp-viewstate-control .jp-gui-texture,
.opt-pos-float-bl .jp-viewstate-control .jp-gui-gradient {
  border-radius:0 8px 8px 0;
}

.opt-pos-fixed-b {
  z-index:999;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
}

.opt-pos-fixed-b .jp-viewstate-control {
  display:none;
}

.opt-pos-fixed-t {
  z-index:999;
  position:fixed;
  top:0;
  left:0;
  width:100%;
}

.opt-pos-fixed-t .jp-viewstate-control {
  display:none;
}

.opt-pos-fixed-t .jp-playlist {
  position:absolute;
  top:79px;
  left:0;
  width:100%;
}

.opt-pos-static {
  width:100%;
  float:left;
}


/* @end */

/* @group Page elements */

.jp-page-btn-play:before,
.jp-page-btn-pause:before {
  display:inline-block;
  cursor:pointer;
  margin-right:0.3em;
  vertical-align:baseline;
}

.jp-page-btn-play:before {
  content:"\e611";
}

.jp-page-btn-pause:before {
  content:"\e60f";
}

/* @end */

/* @group Small screen support */

@media only screen and (max-width:479px) {

.opt-pos-float-bl {
  z-index:999;
  position:fixed;
  bottom:0;
  left:0 !important;
  width:100%;
}

.opt-pos-float-bl .jp-viewstate-control {
  display:none;
}

}

/* @end */

.jp_container-bar-s{
	position:relative;
}

.opt-pos-static .jp_column-left{
	width:100%;
}
.opt-pos-static .jp_column-mid{
width:100%;
}

.jp-playlist ul,
.jp-viewstate-control button,

.jp-interface{
	background: #4cb6cb;
}
.jp-interface{
	padding:15px 15px 20px;
}
.jp-seek-bar{
	background-color: #ee351f;
}

.jp-interface h3{
	text-align:center;
	font-size:26px;
	font-weight:normal;
  display: none;
}
.jp-interface span.sub-title{
	font-size:16px;
	color:#333;
	text-align:center;
	width:100%;
	float:left;
  display: none;
}