.dark.window,
.dark #sidebar {
	background-color: #3e424d;	
}

.dark #header {
	border-bottom: solid 1px #383c4a;
  	background-color: #2f343f; 
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.90);
}

.dark #footer {
	border-top: solid 1px #383c4a;
  background-color: #2f343f; 
}

.dark #player-cover {
	border: solid 1px #2f343f;
}

.dark #player-title {
	color: #f5f6f7;
}

.dark #player-artist,
.dark #player-timeleft {
	color: #f5f6f7;
}

.dark i {
	color: #f5f6f7 !important;
}

.dark #player_favorite.active .icon{
    color: #3a9aff !important;
}

.dark #player-progress {
    background: #555;
}

.dark #player-progress #player-buffer-bar {
    background: #7a8290;
    transition: all 1s ease 0s;
}

.dark #player-progress #player-progress-bar {
    background: #5294e2;
    transition: all 1s ease 0s;
}

.dark .searchBar .form-control {
	color: #f5f6f7;
    background-color: #404552;
    border: 1px solid #3d3d3d;
    transition: all 1s ease 0s;
}

/** sidebar ***/

.dark .sidebar h5 {
	color: #c0c0c0;
}

.dark .sidebar div:not(.message) > span {
	color: #f5f6f7;
}

.dark .nav-group-item.active {
	background-color: #5294e2;
}

.dark .icon.icon-play.playing {
    color: #f5f6f7;
}

/** tracks list*/

.dark #trackList {
    background-color: #404552;
    border-left: 1px solid #444;
}

.dark tr {
	background-color: #404552;
	color: #bbb;
}

.dark tr:nth-child(even) {
	background-color: #383c4a;
}

.dark .selected {
    color: #fff !important;
    background-color: #5294e2 !important;
}

/*** Scroll bar **/

.dark ::-webkit-scrollbar {
  width: 7px;
  background-color: #4d4d4d;
}

.dark ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}

.dark ::-webkit-scrollbar-thumb {
  background: #666;
  background-clip: padding-box;
  border: 1px solid #444;
  min-height: 10px;
}

.dark ::-webkit-scrollbar-thumb:active {
  background: rgba(0,0,0,0.61);
}

/** Coverflow ***/
.dark .coverflow-text{
	color:#f5f6f7;
} 
.dark #coverflow,
.dark .coverflow-cell {
	background-color: rgb(64, 69, 82) !important;
}


/** Footer ***/
.dark .footer-btn {
    color: #aaa;
}

.dark .footer-btn svg {
    fill: #aaa;
}

.dark .footer-btn.active {
	color: #5294e2;
}

.dark .footer-btn.active svg{
	fill: #5294e2;
}