.red{background-color:#f44336 !important;} 
.red ul li a{color:#fff;}
.red .wsmenu{background-color:#f44336 !important;}
.red .wsmenu-list > li > a{background-color:#f44336 !important;}
.red .buttondiv01 .subbutton{background-color:#f44336 !important;}
.red .buttondiv02 .subbutton{background-color:#f44336 !important;}
.red .bar:before, .red .bar:after{background:#f44336 !important;}
.red textarea:focus ~ label, .red textarea:valid ~ label{ color:#f44336 !important; }
.red input:focus ~ label, .red textarea:valid ~ label{ color:#f44336 !important; }
@media only screen and (max-width: 780px){.red .wsmenu{ background-color:#f44336;} .fullmenu.red{background-color:transparent !important;} }

.pink{background-color:#e91e63 !important;} 
.pink ul li a{color:#fff;}
.pink .wsmenu{background-color:#e91e63 !important;}
.pink .wsmenu-list > li > a{background-color:#e91e63 !important;}
.pink .buttondiv01 .subbutton{background-color:#e91e63 !important;}
.pink .buttondiv02 .subbutton{background-color:#e91e63 !important;}
.pink .bar:before, .pink .bar:after{background:#e91e63 !important;}
.pink textarea:focus ~ label, .pink textarea:valid ~ label{ color:#e91e63 !important; }
.pink input:focus ~ label, .pink textarea:valid ~ label{ color:#e91e63 !important; }
 @media only screen and (max-width: 780px){.pink .wsmenu{ background-color:#e91e63;} .fullmenu.pink{background-color:transparent !important;} }

.purple{background-color:#9c27b0 !important;} 
.purple ul li a{color:#fff;}
.purple .wsmenu{background-color:#9c27b0 !important;}
.purple .wsmenu-list > li > a{background-color:#9c27b0 !important;}
.purple .buttondiv01 .subbutton{background-color:#9c27b0 !important;}
.purple .buttondiv02 .subbutton{background-color:#9c27b0 !important;}
.purple .bar:before, .purple .bar:after{background:#9c27b0 !important;}
.purple textarea:focus ~ label, .purple textarea:valid ~ label{ color:#9c27b0 !important; }
.purple input:focus ~ label, .purple textarea:valid ~ label{ color:#9c27b0 !important; }
 @media only screen and (max-width: 780px){.purple .wsmenu{ background-color:#9c27b0;}.fullmenu.purple{background-color:transparent !important;} }


.deep-purple{background-color:#673ab7 !important;} 
.deep-purple ul li a{color:#fff;}
.deep-purple .wsmenu{background-color:#673ab7 !important;}
.deep-purple .wsmenu-list > li > a{background-color:#673ab7 !important;}
.deep-purple .buttondiv01 .subbutton{background-color:#673ab7 !important;}
.deep-purple .buttondiv02 .subbutton{background-color:#673ab7 !important;}
.deep-purple .bar:before, .deep-purple .bar:after{background:#673ab7 !important;}
.deep-purple textarea:focus ~ label, .deep-purple textarea:valid ~ label{ color:#673ab7 !important; }
.deep-purple input:focus ~ label, .deep-purple textarea:valid ~ label{ color:#673ab7 !important; }
@media only screen and (max-width: 780px){.deep-purple .wsmenu{ background-color:#673ab7;} .fullmenu.deep-purple{background-color:transparent !important;} }



.indigo{background-color:#3f51b5 !important;} 
.indigo ul li a{color:#fff;}
.indigo .wsmenu{background-color:#3f51b5 !important;}
.indigo .wsmenu-list > li > a{background-color:#3f51b5 !important;}
.indigo .buttondiv01 .subbutton{background-color:#3f51b5 !important;}
.indigo .buttondiv02 .subbutton{background-color:#3f51b5 !important;}
.indigo .bar:before, .indigo .bar:after{background:#3f51b5 !important;}
.indigo textarea:focus ~ label, .indigo textarea:valid ~ label{ color:#3f51b5 !important; }
.indigo input:focus ~ label, .indigo textarea:valid ~ label{ color:#3f51b5 !important; }
 @media only screen and (max-width: 780px){.indigo .wsmenu{ background-color:#3f51b5;} .fullmenu.indigo{background-color:transparent !important;} }


.blue{background-color:#2196f3 !important;} 
.blue ul li a{color:#fff;}
.blue .wsmenu{background-color:#2196f3 !important;}
.blue .wsmenu-list > li > a{background-color:#2196f3 !important;}
.blue .buttondiv01 .subbutton{background-color:#2196f3 !important;}
.blue .buttondiv02 .subbutton{background-color:#2196f3 !important;}
.blue .bar:before, .blue .bar:after{background:#2196f3 !important;}
.blue textarea:focus ~ label, .blue textarea:valid ~ label{ color:#2196f3 !important; }
.blue input:focus ~ label, .blue textarea:valid ~ label{ color:#2196f3 !important; }
 @media only screen and (max-width: 780px){.blue .wsmenu{ background-color:#2196f3;} .fullmenu.blue{background-color:transparent !important;}}



.light-blue{background-color:#03a9f4 !important;} 
.light-blue ul li a{color:#fff;}
.light-blue .wsmenu{background-color:#03a9f4 !important;}
.light-blue .wsmenu-list > li > a{background-color:#03a9f4 !important;}
.light-blue .buttondiv01 .subbutton{background-color:#03a9f4 !important;}
.light-blue .buttondiv02 .subbutton{background-color:#03a9f4 !important;}
.light-blue .bar:before, .light-blue .bar:after{background:#03a9f4 !important;}
.light-blue textarea:focus ~ label, .light-blue textarea:valid ~ label{ color:#03a9f4 !important; }
.light-blue input:focus ~ label, .light-blue textarea:valid ~ label{ color:#03a9f4 !important; }
 @media only screen and (max-width: 780px){.light-blue .wsmenu{ background-color:#03a9f4;} .fullmenu.light-blue{background-color:transparent !important;}}

 
 
.cyan{background-color:#00bcd4 !important;} 
.cyan ul li a{color:#fff;}
.cyan .wsmenu{background-color:#00bcd4 !important;}
.cyan .wsmenu-list > li > a{background-color:#00bcd4 !important;}
.cyan .buttondiv01 .subbutton{background-color:#00bcd4 !important;}
.cyan .buttondiv02 .subbutton{background-color:#00bcd4 !important;}
.cyan .bar:before, .cyan .bar:after{background:#00bcd4 !important;}
.cyan textarea:focus ~ label, .cyan textarea:valid ~ label{ color:#00bcd4 !important; }
.cyan input:focus ~ label, .cyan textarea:valid ~ label{ color:#00bcd4 !important; }
 @media only screen and (max-width: 780px){.cyan .wsmenu{ background-color:#00bcd4;} .fullmenu.cyan{background-color:transparent !important;}}

 
.teal{background-color:#009688 !important;} 
.teal ul li a{color:#fff;}
.teal .wsmenu{background-color:#009688 !important;}
.teal .wsmenu-list > li > a{background-color:#009688 !important;}
.teal .buttondiv01 .subbutton{background-color:#009688 !important;}
.teal .buttondiv02 .subbutton{background-color:#009688 !important;}
.teal .bar:before, .teal .bar:after{background:#009688 !important;}
.teal textarea:focus ~ label, .teal textarea:valid ~ label{ color:#009688 !important; }
.teal input:focus ~ label, .teal textarea:valid ~ label{ color:#009688 !important; }
 @media only screen and (max-width: 780px){.teal .wsmenu{ background-color:#009688;}.fullmenu.teal{background-color:transparent !important;}}


.green{background-color:#4caf50 !important;} 
.green ul li a{color:#fff;}
.green .wsmenu{background-color:#4caf50 !important;}
.green .wsmenu-list > li > a{background-color:#4caf50 !important;}
.green .buttondiv01 .subbutton{background-color:#4caf50 !important;}
.green .buttondiv02 .subbutton{background-color:#4caf50 !important;}
.green .bar:before, .green .bar:after{background:#4caf50 !important;}
.green textarea:focus ~ label, .green textarea:valid ~ label{ color:#4caf50 !important; }
.green input:focus ~ label, .green textarea:valid ~ label{ color:#4caf50 !important; }
 @media only screen and (max-width: 780px){.green .wsmenu{ background-color:#4caf50;}.fullmenu.green{background-color:transparent !important;}}



.light-green{background-color:#8bc34a !important;} 
.light-green ul li a{color:#fff;}
.light-green .wsmenu{background-color:#8bc34a !important;}
.light-green .wsmenu-list > li > a{background-color:#8bc34a !important;}
.light-green .buttondiv01 .subbutton{background-color:#8bc34a !important;}
.light-green .buttondiv02 .subbutton{background-color:#8bc34a !important;}
.light-green .bar:before, .light-green .bar:after{background:#8bc34a !important;}
.light-green textarea:focus ~ label, .light-green textarea:valid ~ label{ color:#8bc34a !important; }
.light-green input:focus ~ label, .light-green textarea:valid ~ label{ color:#8bc34a !important; }
 @media only screen and (max-width: 780px){.light-green .wsmenu{ background-color:#8bc34a;}.fullmenu.light-green{background-color:transparent !important;}}

.amber{background-color:#ffc107 !important;} 
.amber ul li a{color:#fff;}
.amber .wsmenu{background-color:#ffc107 !important;}
.amber .wsmenu-list > li > a{background-color:#ffc107 !important;}
.amber .buttondiv01 .subbutton{background-color:#ffc107 !important;}
.amber .buttondiv02 .subbutton{background-color:#ffc107 !important;}
.amber.bar:before, .amber .bar:after{background:#ffc107 !important;}
.amber textarea:focus ~ label, .amber textarea:valid ~ label{ color:#ffc107 !important; }
.amber input:focus ~ label, .amber textarea:valid ~ label{ color:#ffc107 !important; }
 @media only screen and (max-width: 780px){.amber .wsmenu{ background-color:#ffc107;}.fullmenu.amber{background-color:transparent !important;}}

 
 
.orange{background-color:#ff9800 !important;} 
.orange ul li a{color:#fff;}
.orange .wsmenu{background-color:#ff9800 !important;}
.orange .wsmenu-list > li > a{background-color:#ff9800 !important;}
.orange .buttondiv01 .subbutton{background-color:#ff9800 !important;}
.orange .buttondiv02 .subbutton{background-color:#ff9800 !important;}
.orange.bar:before, .orange .bar:after{background:#ff9800 !important;}
.orange textarea:focus ~ label, .orange textarea:valid ~ label{ color:#ff9800 !important; }
.orange input:focus ~ label, .orange textarea:valid ~ label{ color:#ff9800 !important; }
 @media only screen and (max-width: 780px){.orange .wsmenu{ background-color:#ff9800;}.fullmenu.orange{background-color:transparent !important;}}

  
 
.deep-orange{background-color:#ff5722 !important;} 
.deep-orange ul li a{color:#fff;}
.deep-orange .wsmenu{background-color:#ff5722 !important;}
.deep-orange .wsmenu-list > li > a{background-color:#ff5722 !important;}
.deep-orange .buttondiv01 .subbutton{background-color:#ff5722 !important;}
.deep-orange .buttondiv02 .subbutton{background-color:#ff5722 !important;}
.deep-orange.bar:before, .deep-orange .bar:after{background:#ff5722 !important;}
.deep-orange textarea:focus ~ label, .deep-orange textarea:valid ~ label{ color:#ff5722 !important; }
.deep-orange input:focus ~ label, .deep-orange textarea:valid ~ label{ color:#ff5722 !important; }
 @media only screen and (max-width: 780px){.deep-orange .wsmenu{ background-color:#ff5722;}.fullmenu.deep-orange{background-color:transparent !important;}}


.brown{background-color:#795548 !important;} 
.brown ul li a{color:#fff;}
.brown .wsmenu{background-color:#795548 !important;}
.brown .wsmenu-list > li > a{background-color:#795548 !important;}
.brown .buttondiv01 .subbutton{background-color:#795548 !important;}
.brown .buttondiv02 .subbutton{background-color:#795548 !important;}
.brown.bar:before, .brown .bar:after{background:#795548 !important;}
.brown textarea:focus ~ label, .brown textarea:valid ~ label{ color:#795548 !important; }
.brown input:focus ~ label, .brown textarea:valid ~ label{ color:#795548 !important; }
 @media only screen and (max-width: 780px){.brown .wsmenu{ background-color:#795548;}.fullmenu.brown{background-color:transparent !important;}}


 
.blue-grey{background-color:#607d8b !important;} 
.blue-grey ul li a{color:#fff;}
.blue-grey .wsmenu{background-color:#607d8b !important;}
.blue-grey .wsmenu-list > li > a{background-color:#607d8b !important;}
.blue-grey .buttondiv01 .subbutton{background-color:#607d8b !important;}
.blue-grey .buttondiv02 .subbutton{background-color:#607d8b !important;}
.blue-grey.bar:before, .blue-grey .bar:after{background:#607d8b !important;}
.blue-grey textarea:focus ~ label, .blue-grey textarea:valid ~ label{ color:#607d8b !important; }
.blue-grey input:focus ~ label, .blue-grey textarea:valid ~ label{ color:#607d8b !important; }
 @media only screen and (max-width: 780px){.blue-grey .wsmenu{ background-color:#607d8b;}.fullmenu.blue-grey{background-color:transparent !important;}}

 
.black{background-color:#1A1A1A !important;} 
.black ul li a{color:#fff;}
.black .wsmenu{background-color:#1A1A1A !important;}
.black .wsmenu-list > li > a{background-color:#1A1A1A !important;}
.black .buttondiv01 .subbutton{background-color:#1A1A1A !important;}
.black .buttondiv02 .subbutton{background-color:#1A1A1A !important;}
.black.bar:before, .black .bar:after{background:#1A1A1A !important;}
.black textarea:focus ~ label, .black textarea:valid ~ label{ color:#1A1A1A !important; }
.black input:focus ~ label, .black textarea:valid ~ label{ color:#1A1A1A !important; }
 @media only screen and (max-width: 780px){.black .wsmenu{ background-color:#1A1A1A;}.fullmenu.black{background-color:transparent !important;}}



.lime{background-color:#cddc39 !important;} 
.lime ul li a{color:#424242;}
.lime .wsmenu-list li a .arrow:after {border-top-color:#424242;}
.lime .wsmenu{background-color:#cddc39 !important;}
.lime .wsmenu-list > li > a{background-color:#cddc39 !important; color:#424242 !important;}
.lime .buttondiv01 .subbutton{background-color:#cddc39 !important;}
.lime .buttondiv02 .subbutton{background-color:#cddc39 !important;}
.lime .bar:before, .lime .bar:after{background:#cddc39 !important;}
.lime textarea:focus ~ label, .lime textarea:valid ~ label{ color:#cddc39 !important; }
.lime input:focus ~ label, .lime textarea:valid ~ label{ color:#cddc39 !important; }
 @media only screen and (max-width: 780px){.lime .wsmenu{ background-color:#cddc39;}.fullmenu.lime{background-color:transparent !important;}}




.yellow{background-color:#ffeb3b !important;} 
.yellow ul li a{color:#424242;}
.yellow .wsmenu-list li a .arrow:after {border-top-color:#424242;}
.yellow .wsmenu{background-color:#ffeb3b !important;}
.yellow .wsmenu-list > li > a{background-color:#ffeb3b !important; color:#424242 !important;}
.yellow .buttondiv01 .subbutton{background-color:#ffeb3b !important;}
.yellow .buttondiv02 .subbutton{background-color:#ffeb3b !important;}
.yellow.bar:before, .yellow .bar:after{background:#ffeb3b !important;}
.yellow textarea:focus ~ label, .yellow textarea:valid ~ label{ color:#ffeb3b !important; }
.yellow input:focus ~ label, .yellow textarea:valid ~ label{ color:#ffeb3b !important; }
 @media only screen and (max-width: 780px){.yellow .wsmenu{ background-color:#ffeb3b;}.fullmenu.yellow{background-color:transparent !important;}}
 
 
.white{background-color:#fff !important;} 
.white ul li a{color:#424242;}
.white .wsmenu-list li a .arrow:after {border-top-color:#424242;}
.white .wsmenu{background-color:#fff !important;}
.white .wsmenu-list > li > a{background-color:#fff !important; color:#424242 !important;}
.white .buttondiv01 .subbutton{background-color:#fff !important;}
.white .buttondiv02 .subbutton{background-color:#fff !important;}
.white.bar:before, .white .bar:after{background:#fff !important;}
.white textarea:focus ~ label, .white textarea:valid ~ label{ color:#fff !important; }
.white input:focus ~ label, .white textarea:valid ~ label{ color:#fff !important; }
 @media only screen and (max-width: 780px){.white .wsmenu{ background-color:#fff;}.fullmenu.white{background-color:transparent !important;}}