:root {
	--nearblack: #333;
	--swiper-theme-color: #3FBAF3;
    --lblue: #3FBAF3;
    --lblue-st: rgba(63, 186, 243, 0.5);   
    --dgray: #888; 
    --lgray: #CCC;
    --nearwhite: #EEE;    
    --white-st: rgba(255, 255, 255, 0.5);
    --white: #FFF; 
    
    --flac: #1ABC9C50; /* green quite transparent */
    --mp3: #3498DB50; /* blue quite transparent */  
    --m4a: #30004750; /* purple quite transparent (AAC files) */
    --wav: #CC99FF50; /* pink quite transparent */
    --ogg: #C0C0C050; /* pink quite transparent */
    --warning: #C7003950; /* red quite transparent */
    --mch: #FFC30050; /* yellow gold quite transparent */
    
}

body, .nap-scrollbar::-webkit-scrollbar-thumb {
	background: var(--nearblack); /* url(../../img/pattern/07-dark.jpg); */
}

header, footer, .nap-bar {
	background: var(--nearwhite);
}

#nap-volume-level, #nap-progress-level, .jp-playlist-current div.playLink, li.activeItem div.nap-center-track-block {
	background: var(--lblue);
}

#nap-volume-bg, .scrollbar::-webkit-scrollbar {
	background: var(--lgray);;
}

.playLink:hover {
	background: var(--lblue-st);
}
.swiper-slide {
	background: var(--nearwhite); 
}

.swiper-button-next, .swiper-button-prev {
	background: var(--white-st);
}

#nap-progressbar-bg {
	background: var(--white);
}

.FLAC {
	background: var(--flac);
}

.MP3 {
	background: var(--mp3);
}

.M4A, .MP4 {
	background: var(--m4a);
}

.WAV {
	background: var(--wav);
}

.OGG {
	background: var(--ogg);
}

.MCH {
	background: var(--mch);	
}

.warning {
	background: var(--warning);
}

.ctrl:hover, .nap-active, .nap-scrollbar::-webkit-scrollbar-thumb:hover, #nap-player-outer.jp-state-looped, #nap-player-outer.jp-state-shuffled {
	color: var(--lblue);
}

.ctrl, .nap-track, a.jp-playlist-item, .nap-album, a.nap-album-item {
	color: var(--nearblack);
}

.jp-playlist-current div.playLink, li.activeItem div.nap-center-track-block	{
	color: var(--white);
}

footer {
	color: var( --dgray);
}

.nap-thumb {
	border: 1px solid var(--nearwhite);
}

.jp-track, .nap-audio-format, .nap-audio-channels, .nap-audio-bitrate {
	border: 1px solid var(--lgray);
}

footer {
	border-top: 3px solid var(--lgray);
}

#nap-progressbar-bg {
	border-top: 1px solid var(--nearwhite);
}

header {
	border-bottom: 3px solid var(--lgray);
}

.nap-bar {
	border-bottom: 1px solid var(--dgray);
}

.nap-list li {
	border-bottom: 1px solid var(--lgray);
}

.nav {
    border-bottom: 2px dotted var(--lblue);
}