.playa input[type=range] {
    -webkit-appearance:none;
    -moz-apperance:none;
    background-color:#ddd;
	border: 1px solid #bbb;
	height:.5em;
	border-radius:.5em;
    width:100%;
	margin:-2px;
	padding:0 !important;
	line-height:0;
}
.playa input[type=range]::-webkit-slider-thumb {
    -webkit-appearance:none;
    -moz-apperance:none;
	z-index:3;
	height:1em;
	width:1em;
	border-radius:1em;
	border:1px solid #aaa;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1));
}

.playa {
	/*margin:0;*/
}

.playa.well {
  padding: 8px 8px 8px 12px;
  min-height: 20px;
  margin-bottom: 0;
  background-color: #1f315c;
  border: #1f315c 1px solid;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
}
.playa .btn-group .span3 {
  color:#ffffff;
  text-decoration: none;
  font-size: 18px;
}
.playa .btn-group .span1 {
  background-color: #1f315c;
  color:#ffffff;
}
.playa .btn-group .span3:hover,
.playa .btn-group .span1:hover  {
  color:#FFE600;
}
.playa button.btn {
  padding:4px 3px;
  margin: 0;
}

.playa  .thumbnail  {
	width:96%;
	padding:1.5%;
}

.playa  .btn-group  {
	text-align:center;
}

@media (max-width: 979px) and (min-width: 768px){
	.span4 .playa, .playa.span4{
		padding:0;
	}
}
@media (min-width: 768px){
	.playa .btn-group .btn {
		padding:4px 3px;
		margin:auto;
		display:inline-block;
		float:none;
	}
	.playa .btn-group .span1 {
		width:8%;
	}
	.playa .btn-group .span2 {
		width:16%;
	}
	.playa .btn-group .span3 {
		width:25%;
	}
	.playa .btn-group .span4{
		width:33%;
	}
	.playa.span2 .btn-group .btn, .playa.span1 .btn-group .btn, .span2 .playa .btn-group .btn, .span1 .playa .btn-group .btn{
		width:100%;
		display:block;
	}
	.span4.playa, .span3 .playa, .span2 .playa, .span1 .playa, .playa.span4, .playa.span3, .playa.span2, .playa.span1{
		padding:0;
		overflow:hidden;
	}
}
@media (max-width: 767px){
  .playa.well {
    padding: 8px 8px 3px 12px;
  }
  .playa .btn-group .span4,
  .playa .btn-group .span3 {
    margin-top: 6px;
  }
  .btn.span3.btn-time {
    margin-top: -4px;
  }
}
@media (max-width: 500px){
  .playa.well {
    padding: 6px 8px 6px 12px;
    min-height: 20px;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
  }
  .playa .btn-group .span1 {
    clear: both;
  }
}