/**************************
Colors                    
***************************/

body {
    xbackground-color: #f5f5f5;
    xbackground-color: #f3f3f3;
    background-color: #fff;
    xbackground-color: #FAEBD7;  /* retro */
    color: #292929;
   
}

.header-top {
    background-color: #252839;
}

.header-row {
    xbackground-color: grey;
}


/* Song List background color */
ul.SongList li, .reqUL li {
    xbackground: #d9d9d9;
    background: #f3f3f3;
}
/* Set all odd list items to a different color (zebra-stripes) */
ul.SongList li:nth-child(odd), .reqUL li:nth-child(odd) {
    xbackground: #b5b5b7;
    xbackground: #f3f3f3;
    background: #fff;
}
/* Darker background-color on hover */
ul.SongList li:hover, .reqUL li:hover {
    background: #cfd8dc;
}

.view-all-label a {
    xcolor: black;
}

.view-all-label a:hover {
    color: pink;
}

.nav-main ul li a, .icon-menu a, .icon-search a  {
    color: #292929;
}
.xnav-main li a:hover {
    background-color: #455a64;
    color: white;
}
.nav-main li a.active {
    background-color: #e6004c;    
    xbackground-color: #DEB887; /* retro */
    color: white;
}
.nav-main li a:hover:not(.active) {
    background-color: #e6004c;
    xbackground-color: #DEB887; /* retro */
    color: white;
}

.tabAlphaArtistLink.active, .tabAlphaSongLink.active  {
    background-color: #ff99bb;
    
}

.tabAlphaArtistLink:hover:not(.active), .tabAlphaSongLink:hover:not(.active) {
    background-color: #e6004c;
    
}

.logo-text-funky {
    color: white;
}

.logo-heart, .logo-text-karaoke, .reqHeader, .singer-name, .view-all-label a, .artistname-label {
    color: #e6004c;
    xcolor: #CD853F; /* retro */
}

.song-num, .BySinger {
    color: #ed195a;
}

.ReqId {
    color: #ff99bb;
}

.BySongName, .ByArtistName {
    xcolor: #455a64;
}

.ArtistName, .SongName, .SongId {
    color: #757575;
}