#jp_container_1{
  font-family: 'Open Sans', sans-serif;
  margin:10px;
  padding:10px;
  width:220px;
  border-radius:5px;
  background: rgba(0,0,0,1);
  
}

#pasek{
  width:200px;
  height:30px;
 background:rgba(255,255,255,0.6);  
}
.jp-volume-bar{
  display: inline-block;
  float:left;
  width:80px;
  height:3px;
  background:rgba(0,0,0,1);
  margin:12px 0 0 5px;
  cursor:pointer;
}
  .tocando {
	position: relative;
	color: #ffffff;
	text-transform: capitalize;
	font-size: 20px;
	background-color: transparent;
	border-radius: 5px 5px 5px 5px;
} 
.jp-volume-bar-value{
  background:red;
  height:3px;
  transition:0.5s;
}

.jp-play,.jp-pause{
  float:left;
  color:rgba(255,255,255,1);
  background:rgba(60,179,0.0);
  border:none;
  width:30px;
  height:30px;
  font-size:20px;
  
  
}

.glyphicon-play:hover, .glyphicon-pause:hover, .glyphicon-volume-off:hover{
  background:rgba(255,255,255,0.1);
  color:rgba(255,255,255,0.5);
 
}

.jp-mute , .jp-unmute{
 float:left;
  color:rgba(0,0,255);
  background:rgba(255,255,255,0.5);
  border:none;
  width:30px;
  height:30px;
  font-size:15px;
}
  


.jp-title{
  float:left;
  width:130px;
  height:30px;
  text-align:center;
  border:1px solid  rgba(0,0,255);
  color:rgba(0,0,255);
}

/*.glyphicon-play, .glyphicon-pause{
  font-size:20px;
}*/

.jp-current-time{
  float:left;
  padding:4px 0 0 6px ;
  color:rgb(255,0,0);
  font-size:13px;
}