.red{background-color:#f44336 !important;} 
.red > .wsmenu-list > li > a{ color:#fff !important;; }
.red > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.red > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.red > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.red .logofordark{ display:block; }
.red .logoforwhite{ display:none; }

.pink{background-color:#e91e63 !important;} 
.pink > .wsmenu-list > li > a{ color:#fff !important;; }
.pink > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.pink > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.pink > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.pink .logofordark{ display:block; }
.pink .logoforwhite{ display:none; }

.purple{background-color:#9c27b0 !important;} 
.purple > .wsmenu-list > li > a{ color:#fff !important;; }
.purple > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.purple > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.purple > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.purple .logofordark{ display:block; }
.purple .logoforwhite{ display:none; }
 
.deep-purple{background-color:#673ab7 !important;} 
.deep-purple > .wsmenu-list > li > a{ color:#fff !important;; }
.deep-purple > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.deep-purple > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.deep-purple > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.deep-purple .logofordark{ display:block; }
.deep-purple .logoforwhite{ display:none; }
 
.indigo{background-color:#3f51b5 !important;} 
.indigo > .wsmenu-list > li > a{ color:#fff !important;; }
.indigo > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.indigo > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.indigo > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.indigo .logofordark{ display:block; }
.indigo .logoforwhite{ display:none; }
  


.blue{background-color:#2196f3 !important;} 
.blue > .wsmenu-list > li > a{ color:#fff !important;; }
.blue > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.blue > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.blue > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.blue .logofordark{ display:block; }
.blue .logoforwhite{ display:none; }
 
 
.light-blue{background-color:#03a9f4 !important;} 
.light-blue > .wsmenu-list > li > a{ color:#fff !important;; }
.light-blue > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.light-blue > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.light-blue > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.light-blue .logofordark{ display:block; }
.light-blue .logoforwhite{ display:none; }
  


.cyan{background-color:#00bcd4 !important;} 
.cyan > .wsmenu-list > li > a{ color:#fff !important;; }
.cyan > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.cyan > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.cyan > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.cyan .logofordark{ display:block; }
.cyan .logoforwhite{ display:none; }



.teal{background-color:#009688 !important;} 
.teal > .wsmenu-list > li > a{ color:#fff !important;; }
.teal > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.teal > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.teal > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.teal .logofordark{ display:block; }
.teal .logoforwhite{ display:none; }


.green{background-color:#4caf50 !important;} 
.green > .wsmenu-list > li > a{ color:#fff !important;; }
.green > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.green > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.green > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.green .logofordark{ display:block; }
.green .logoforwhite{ display:none; }
 
.light-green{background-color:#8bc34a !important;} 
.light-green > .wsmenu-list > li > a{ color:#fff !important;; }
.light-green > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.light-green > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.light-green > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.light-green .logofordark{ display:block; }
.light-green .logoforwhite{ display:none; }
 

.amber{background-color:#ffc107 !important;} 
.amber > .wsmenu-list > li > a{ color:#666 !important;; }
.amber > .wsmenu-submenu > li:hover>a{color:#666 !important;;}
.amber > .wsmenu > .wsmenu-list > li > a.active{color: #666 !important;}
.amber > .wsmenu > .wsmenu-list > li > a:hover{ color: #666 !important;}
.amber .logofordark{ display:none; }
.amber .logoforwhite{ display:block; }
  

.orange{background-color:#ff9800 !important;} 
.orange > .wsmenu-list > li > a{ color:#fff !important;; }
.orange > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.orange > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.orange > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.orange .logofordark{ display:block; }
.orange .logoforwhite{ display:none; }
   
.deep-orange{background-color:#ff5722 !important;} 
.deep-orange > .wsmenu-list > li > a{ color:#fff !important;; }
.deep-orange > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.deep-orange > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.deep-orange > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.deep-orange .logofordark{ display:block; }
.deep-orange .logoforwhite{ display:none; }
    

.brown{background-color:#795548 !important;} 
.brown > .wsmenu-list > li > a{ color:#fff !important;; }
.brown > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.brown > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.brown > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.brown .logofordark{ display:block; }
.brown .logoforwhite{ display:none; }
    
.blue-grey{background-color:#607d8b !important;} 
.blue-grey > .wsmenu-list > li > a{ color:#fff !important;; }
.blue-grey > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.blue-grey > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.blue-grey > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.blue-grey .logofordark{ display:block; }
.blue-grey .logoforwhite{ display:none; }
   
.black{background-color:#1A1A1A !important;} 
.black > .wsmenu-list > li > a{ color:#fff !important;; }
.black > .wsmenu-submenu > li:hover>a{color:#fff !important;;}
.black > .wsmenu > .wsmenu-list > li > a.active{color: #fff !important;}
.black > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff !important;}
.black .logofordark{ display:block; }
.black .logoforwhite{ display:none; }
   
 
.lime{background-color:#cddc39 !important;} 
.lime > .wsmenu-list > li > a{ color:#666 !important;; }
.lime > .wsmenu-submenu > li:hover>a{color:#666 !important;;}
.lime > .wsmenu > .wsmenu-list > li > a.active{color: #666 !important;}
.lime > .wsmenu > .wsmenu-list > li > a:hover{ color: #666 !important;}
.lime .logofordark{ display:none; }
.lime .logoforwhite{ display:block; }
   
  
.yellow{background-color:#ffeb3b !important;} 
.yellow > .wsmenu-list > li > a{ color:#666 !important;; }
.yellow > .wsmenu-submenu > li:hover>a{color:#666 !important;;}
.yellow > .wsmenu > .wsmenu-list > li > a.active{color: #666 !important;}
.yellow > .wsmenu > .wsmenu-list > li > a:hover{ color: #666 !important;}
.yellow .logofordark{ display:none; }
.yellow .logoforwhite{ display:block; }
 


  
.white{background-color:#fff !important;} 
.white > .wsmenu-list > li > a{ color:#666 !important;; }
.white > .wsmenu-submenu > li:hover>a{color:#666 !important;;}
.white > .wsmenu > .wsmenu-list > li > a.active{color: #666 !important;}
.white > .wsmenu > .wsmenu-list > li > a:hover{ color: #666 !important;}
.white .logofordark{ display:none; }
.white .logoforwhite{ display:block; }