body {
	padding-top: 50px;
	padding-bottom: 20px;
	background-color: #000;
}
a,a:visited{
    text-decoration: none;
    color:#fff;
}
a:hover{
    color:#ccc;
    text-decoration: none;
}
.wrapper{
	color:#ccc;
    position: relative;
}
.load{
    position:fixed;
    top:10px;
    left:10px;
    z-index:9999;
}
.playindicator{
    margin-right: 3px; 
}
.player{
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #333;
    height: 100%;
    right:0;
}
.playlistButtons{
    padding-top: 5px;
    border-top:1px #ccc dotted;
}
.playlist{
    width:100%;
    top:265px;
    left:5px;
    overflow:auto;
    height:120px;
}
.centerMe{
    margin: 30% 25%;
}
#yt{
    margin-top: 5px;

}
.albumSongs{

}

.songWrapper{
    background-image: -ms-linear-gradient(bottom, #000000 0%, #3B3B3B 100%);
    background-image: -moz-linear-gradient(bottom, #000000 0%, #3B3B3B 100%);
    background-image: -o-linear-gradient(bottom, #000000 0%, #3B3B3B 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #3B3B3B));
    background-image: -webkit-linear-gradient(bottom, #000000 0%, #3B3B3B 100%);
    background-image: linear-gradient(to top, #000000 0%, #3B3B3B 100%);
    border-bottom:1px #000 dotted;
    height:30px;
    max-height:30px;
    padding:5px;
    margin-left: 5px;
    overflow:hidden;
    position:relative;
}
.songIcon{
    position:absolute;
    right:2px;
    top:3px;
}
.addSong,.addSong:visited{
    text-decoration: none;
    color:white;
}
.removeSong,.removeSong:visited{
    text-decoration: none;
    color:#ccc;
}
.addSong:hover{
    color:#ccc;
    text-decoration: none;
}
.songWrapper:last-child{
    margin-bottom: 50px;
}

.artistInfo{
    text-align: center;
}

.item {
    margin: 0 auto;
    height: 250px;
    position: relative;
    cursor: pointer;
}
 
.item > a{
    border: none;
    outline: none;
    display: block;
    position:absolute;
    left:0;
    bottom:0;
	width: 100%;
	min-height:25px;
	background: rgba(0, 0, 0, 0.5);
	color:white;
    padding-left:5px;
}

.btn-custom {
  color:#ccc;
  background-color: #394347;
  border-color: #394347;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  color:#ccc;
  background-color: #2e3639;
  border-color: #22282b;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
  color:#ccc;
  background-color: #394347;
  border-color: #394347;
}

#searchForm{
    width:300px;
}
.navbar-header button span{
    color:#fff;
    border-color: #ccc;
}
#searchForm{
    display:inline-block;
    width:250px;
    padding-top: 10px;
    padding-left: 10px;
  }
@media screen and (max-width: 767px) {
   body {
    padding-top: 60px;
  }
  .home{
    display:none;
  }
  
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -100%;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -100%;
  }
  .row-offcanvas-right.active {
    right: 100%;
  }
  .row-offcanvas-left.active {
    left: 100%;
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 100%;
  }
  #sidebar {
    padding-top:20px;
  }
  #sidebar .nav>li {
    color: #ddd;
    background: linear-gradient(#3E3E3E, #383838);
    border-top: 1px solid #484848;
    border-bottom: 1px solid #2E2E2E;
  }
  #sidebar .nav>li:first-child {
    border-top:0;
  }
  #sidebar .nav>li>a {
    color: #ddd;
  }
  #sidebar .nav>li>a>img {
    max-width: 14px;
  }
  #sidebar .nav>li>a:hover, #sidebar .nav>li>a:focus {
    text-decoration: none;
    background: linear-gradient(#373737, #323232);
    color: #fff;  
  }
  #sidebar .nav .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
  #sidebar .nav a:hover .caret{
    border-top-color: #fff;
    border-bottom-color: #fff;
  }

  .affix{
    position:static;
    right:0px;
    top:55px;
  }
}