/* === TERONG ===*/
.terong-grdt,.terong-grdt .btn{
background:#63148f;
background:-moz-linear-gradient(top,#63148f 0%,#440e62 100%);
background:-webkit-linear-gradient(top,#63148f 0%,#440e62 100%);
background:linear-gradient(to bottom,#63148f 0%,#440e62 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63148f',endColorstr='#440e62',GradientType=0);
color:#fff;}
.terong-grdt > .wsmenu-list > li > a{color:#fff !important;}
.terong-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.terong-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.terong-grdt > .wsmenu-list > li > a:hover,.terong-grdt .wsmenu-list li:hover > a,.terong-grdt .title a:hover{background:#440e62 !important;}
.terong-grdt > .wsmenu-list > li > a.active,.terong-grdt h1,.terong-grdt h2,.terong-grdt.footer-bottom a{background:#440e62 !important;}
.terong-grdt.wsmenu-submenu li a,.terong-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.terong-grdt .hover img{box-shadow:#440e62 0px 0px 0px 5px;}
.terong-grdt .footer-bottom a{color:#fff;background:#440e62 !important;}
.terong-grdt tr{color:#424242;background-color:#transparent !important;}.terong-grdt .nd,.terong-grdt .error,.terong-grdt .kategori{background-color:#transparent !important;color:#440e62}
.terong-grdt figcaption {background:#440e62 !important;}
.terong-grdt .btn{border:1px solid #440e62;}
.terong-grdt .shadow:hover{z-index:1;border:1px solid #440e62;box-shadow:0 0 10px #440e62;}
.terong-grdt .wsmenu-click i{background-color:rgba(68,14,98,.7);padding:0 5px;border-radius:4px}
/* === BIDONG ===*/
.bidong-grdt,.bidong-grdt .btn{
background:#219fff;
background:-moz-linear-gradient(top,#219fff 0%,#0086ed 100%);
background:-webkit-linear-gradient(top,#219fff 0%,#0086ed 100%);
background:linear-gradient(to bottom,#219fff 0%,#0086ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#219fff',endColorstr='#0086ed',GradientType=0);
color:#fff;}
.bidong-grdt > .wsmenu-list > li > a{color:#fff !important;}
.bidong-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.bidong-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.bidong-grdt > .wsmenu-list > li > a:hover,.bidong-grdt .wsmenu-list li:hover > a,.bidong-grdt .title a:hover{background:#0086ed !important;}
.bidong-grdt > .wsmenu-list > li > a.active,.bidong-grdt h1,.bidong-grdt h2,.bidong-grdt.footer-bottom a{background:#0086ed !important;}
.bidong-grdt.wsmenu-submenu li a,.bidong-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.bidong-grdt .hover img{box-shadow:#0086ed 0px 0px 0px 5px;}
.bidong-grdt .footer-bottom a{color:#fff;background:#0086ed !important;}
.bidong-grdt tr{color:#424242;background-color:#transparent !important;}.bidong-grdt .nd,.bidong-grdt .error,.bidong-grdt .kategori{background-color:#transparent !important;color:#0086ed}
.bidong-grdt figcaption {background:#0086ed !important;}
.bidong-grdt .btn{border:1px solid #0086ed;}
.bidong-grdt .shadow:hover{z-index:1;border:1px solid #0086ed;box-shadow:0 0 10px #0086ed;}
.bidong-grdt .wsmenu-click i{background-color:rgba(0,134,237,.7);padding:0 5px;border-radius:4px}
/* === SALEM ===*/
.salem-grdt,.salem-grdt .btn{
background:#f49292;
background:-moz-linear-gradient(top,#f49292 0%,#ff5151 100%);
background:-webkit-linear-gradient(top,#f49292 0%,#ff5151 100%);
background:linear-gradient(to bottom,#f49292 0%,#ff5151 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f49292',endColorstr='#ff5151',GradientType=0);
color:#fff;}
.salem-grdt > .wsmenu-list > li > a{color:#fff !important;}
.salem-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.salem-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.salem-grdt > .wsmenu-list > li > a:hover,.salem-grdt .wsmenu-list li:hover > a,.salem-grdt .title a:hover{background:#f96c6c !important;}
.salem-grdt > .wsmenu-list > li > a.active,.salem-grdt h1,.salem-grdt h2,.salem-grdt.footer-bottom a{background:#f96c6c !important;}
.salem-grdt.wsmenu-submenu li a,.salem-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.salem-grdt .hover img{box-shadow:#f96c6c 0px 0px 0px 5px;}
.salem-grdt .footer-bottom a{color:#fff;background:#f96c6c !important;}
.salem-grdt tr{color:#424242;background-color:#transparent !important;}.salem-grdt .nd,.salem-grdt .error,.salem-grdt .kategori{background-color:#transparent !important;color:#f96c6c}
.salem-grdt figcaption {background:#f96c6c !important;}
.salem-grdt .btn{border:1px solid #f96c6c;}
.salem-grdt .shadow:hover{z-index:1;border:1px solid #f96c6c;box-shadow:0 0 10px #f96c6c;}
.salem-grdt .wsmenu-click i{background-color:rgba(249,108,108,.7);padding:0 5px;border-radius:4px}
/* === HIJAU TERANG ===*/
.hiter-grdt,.hiter-grdt .btn{
background:#00ea17;
background:-moz-linear-gradient(top,#00ea17 0%,#00b300 100%);
background:-webkit-linear-gradient(top,#00ea17 0%,#00b300 100%);
background:linear-gradient(to bottom,#00ea17 0%,#00b300 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ea17',endColorstr='#00b300',GradientType=0);
color:#fff;}
.hiter-grdt > .wsmenu-list > li > a{color:#fff !important;}
.hiter-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.hiter-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.hiter-grdt > .wsmenu-list > li > a:hover,.hiter-grdt .wsmenu-list li:hover > a,.hiter-grdt .title a:hover{background:#00b300 !important;}
.hiter-grdt > .wsmenu-list > li > a.active,.hiter-grdt h1,.hiter-grdt h2,.hiter-grdt.footer-bottom a{background:#00b300 !important;}
.hiter-grdt.wsmenu-submenu li a,.hiter-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.hiter-grdt .hover img{box-shadow:#00b300 0px 0px 0px 5px;}
.hiter-grdt .footer-bottom a{color:#fff;background:#00b300 !important;}
.hiter-grdt tr{color:#424242;background-color:#transparent !important;}.hiter-grdt .nd,.hiter-grdt .error,.hiter-grdt .kategori{background-color:#transparent !important;color:#00b300}
.hiter-grdt figcaption {background:#00b300 !important;}
.hiter-grdt .btn{border:1px solid #00b300;}
.hiter-grdt .shadow:hover{z-index:1;border:1px solid #00b300;box-shadow:0 0 10px #00b300;}
.hiter-grdt .wsmenu-click i{background-color:rgba(0,179,0,.7);padding:0 5px;border-radius:4px}
/* === MAROON ===*/
.maroon-grdt,.maroon-grdt .btn{
background:#e6005c;
background:-moz-linear-gradient(top,#e6005c 0%,#b30048 100%);
background:-webkit-linear-gradient(top,#e6005c 0%,#b30048 100%);
background:linear-gradient(to bottom,#e6005c 0%,#b30048 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6005c',endColorstr='#b30048',GradientType=0);
color:#fff;}
.maroon-grdt > .wsmenu-list > li > a{color:#fff !important;}
.maroon-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.maroon-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.maroon-grdt > .wsmenu-list > li > a:hover,.maroon-grdt .wsmenu-list li:hover > a,.maroon-grdt .title a:hover{background:#b30048 !important;}
.maroon-grdt > .wsmenu-list > li > a.active,.maroon-grdt h1,.maroon-grdt h2,.maroon-grdt.footer-bottom a{background:#b30048 !important;}
.maroon-grdt.wsmenu-submenu li a,.maroon-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.maroon-grdt .hover img{box-shadow:#b30048 0px 0px 0px 5px;}
.maroon-grdt .footer-bottom a{color:#fff;background:#b30048 !important;}
.maroon-grdt tr{color:#424242;background-color:#transparent !important;}.maroon-grdt .nd,.maroon-grdt .error,.maroon-grdt .kategori{background-color:#transparent !important;color:#b30048}
.maroon-grdt figcaption {background:#b30048 !important;}
.maroon-grdt .btn{border:1px solid #b30048;}
.maroon-grdt .shadow:hover{z-index:1;border:1px solid #b30048;box-shadow:0 0 10px #b30048;}
.maroon-grdt .wsmenu-click i{background-color:rgba(179,0,72,.7);padding:0 5px;border-radius:4px}
/* === LUMUT ===*/
.lumut-grdt,.lumut-grdt .btn{
background:#00b8e6;
background:-moz-linear-gradient(top,#00b8e6 0%,#008fb3 100%);
background:-webkit-linear-gradient(top,#00b8e6 0%,#008fb3 100%);
background:linear-gradient(to bottom,#00b8e6 0%,#008fb3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b8e6',endColorstr='#008fb3',GradientType=0);
color:#fff;}
.lumut-grdt > .wsmenu-list > li > a{color:#fff !important;}
.lumut-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.lumut-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.lumut-grdt > .wsmenu-list > li > a:hover,.lumut-grdt .wsmenu-list li:hover > a,.lumut-grdt .title a:hover{background:#008fb3 !important;}
.lumut-grdt > .wsmenu-list > li > a.active,.lumut-grdt h1,.lumut-grdt h2,.lumut-grdt.footer-bottom a{background:#008fb3 !important;}
.lumut-grdt.wsmenu-submenu li a,.lumut-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.lumut-grdt .hover img{box-shadow:#008fb3 0px 0px 0px 5px;}
.lumut-grdt .footer-bottom a{color:#fff;background:#008fb3 !important;}
.lumut-grdt tr{color:#424242;background-color:#transparent !important;}.lumut-grdt .nd,.lumut-grdt .error,.lumut-grdt .kategori{background-color:#transparent !important;color:#008fb3}
.lumut-grdt figcaption {background:#008fb3 !important;}
.lumut-grdt .btn{border:1px solid #008fb3;}
.lumut-grdt .shadow:hover{z-index:1;border:1px solid #008fb3;box-shadow:0 0 10px #008fb3;}
.lumut-grdt .wsmenu-click i{background-color:rgba(0,143,179,.7);padding:0 5px;border-radius:4px}
/* === VIOLET ===*/
.violet-grdt,.violet-grdt .btn{
background:#761aff;
background:-moz-linear-gradient(top,#761aff 0%,#5c00e6 100%);
background:-webkit-linear-gradient(top,#761aff 0%,#5c00e6 100%);
background:linear-gradient(to bottom,#761aff 0%,#5c00e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#761aff',endColorstr='#5c00e6',GradientType=0);
color:#fff;}
.violet-grdt > .wsmenu-list > li > a{color:#fff !important;}
.violet-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.violet-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.violet-grdt > .wsmenu-list > li > a:hover,.violet-grdt .wsmenu-list li:hover > a,.violet-grdt .title a:hover{background:#5c00e6 !important;}
.violet-grdt > .wsmenu-list > li > a.active,.violet-grdt h1,.violet-grdt h2,.violet-grdt.footer-bottom a{background:#5c00e6 !important;}
.violet-grdt.wsmenu-submenu li a,.violet-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.violet-grdt .hover img{box-shadow:#5c00e6 0px 0px 0px 5px;}
.violet-grdt .footer-bottom a{color:#fff;background:#5c00e6 !important;}
.violet-grdt tr{color:#424242;background-color:#transparent !important;}.violet-grdt .nd,.violet-grdt .error,.violet-grdt .kategori{background-color:#transparent !important;color:#5c00e6}
.violet-grdt figcaption {background:#5c00e6 !important;}
.violet-grdt .btn{border:1px solid #5c00e6;}
.violet-grdt .shadow:hover{z-index:1;border:1px solid #5c00e6;box-shadow:0 0 10px #5c00e6;}
.violet-grdt .wsmenu-click i{background-color:rgba(92,0,230,.7);padding:0 5px;border-radius:4px}
/* === KAYU ===*/
.kayu-grdt,.kayu-grdt .btn{
background:#ce5b1c;
background:-moz-linear-gradient(top,#ce5b1c 0%,#ad3900 100%);
background:-webkit-linear-gradient(top,#ce5b1c 0%,#ad3900 100%);
background:linear-gradient(to bottom,#ce5b1c 0%,#ad3900 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce5b1c',endColorstr='#ad3900',GradientType=0);
color:#fff;}
.kayu-grdt > .wsmenu-list > li > a{color:#fff !important;}
.kayu-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.kayu-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.kayu-grdt > .wsmenu-list > li > a:hover,.kayu-grdt .wsmenu-list li:hover > a,.kayu-grdt .title a:hover{background:#ad3900 !important;}
.kayu-grdt > .wsmenu-list > li > a.active,.kayu-grdt h1,.kayu-grdt h2,.kayu-grdt.footer-bottom a{background:#ad3900 !important;}
.kayu-grdt.wsmenu-submenu li a,.kayu-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.kayu-grdt .hover img{box-shadow:#ad3900 0px 0px 0px 5px;}
.kayu-grdt .footer-bottom a{color:#fff;background:#ad3900 !important;}
.kayu-grdt tr{color:#424242;background-color:#transparent !important;}.kayu-grdt .nd,.kayu-grdt .error,.kayu-grdt .kategori{background-color:#transparent !important;color:#ad3900}
.kayu-grdt figcaption {background:#ad3900 !important;}
.kayu-grdt .btn{border:1px solid #ad3900;}
.kayu-grdt .shadow:hover{z-index:1;border:1px solid #ad3900;box-shadow:0 0 10px #ad3900;}
.kayu-grdt .wsmenu-click i{background-color:rgba(173,57,0,.7);padding:0 5px;border-radius:4px}
/* === PUTIH ===*/
.white-grdt,.white-grdt .btn{
background:#fff;
background:-moz-linear-gradient(top,#fff 0%,#f2f2f2 100%);
background:-webkit-linear-gradient(top,#fff 0%,#f2f2f2 100%);
background:linear-gradient(to bottom,#fff 0%,#f2f2f2 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f2f2f2',GradientType=0);
color:#424242;}
.white-grdt > .wsmenu-list > li > a{color:#424242; border-right:1px solid rgba(0,0,0,0.10); }
.white-grdt > .wsmenu-list > li > a{background-color:#fff !important;}
.white-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#E5E5E5 !important;}
.white-grdt > .wsmenu-list > li > a:hover,.white-grdt .wsmenu-list li:hover > a,.white-grdt .title a:hover{background:rgba(0,0,0,0.08) !important;}
.white-grdt > .wsmenu-list > li > a.active,.white-grdt.footer-bottom a{background:rgba(0,0,0,0.08) !important;}
.white-grdt.wsmenu-submenu li a,.white-grdt.wsmenu-submenu .title a{color:#424242 !important;border-bottom:1px solid #424242;}
.white-grdt.wsmenu-submenu .sub_produk li i{color:#fff !important;}
.white-grdt.wsmenu-submenu .sub_produk li a{color:#fff !important;border-bottom:1px solid #fff;}
.white-grdt .garis,.white-grdt .garisSelection{border-bottom:1px solid #424242;}
.white-grdt.section h1,.white-grdt .footer-colom h2,.white-grdt.tambahan h3{border-left:1px solid #424242;border-right:1px solid #424242;background:#fff;color:#424242}
.white-grdt .hover{_border:1px solid #eee;}
.white-grdt .hover img{box-shadow:rgba(0,0,0,0.08) 0px 0px 0px 5px;}
.white-grdt .footer-bottom a{color:#000;background:rgba(0,0,0,0.08) !important;}
.white-grdt tr{color:#424242;background-color:#transparent !important;}.white-grdt-grdt .nd,.white-grdt .error,.white-grdt .kategori{background-color:#transparent !important;color:#424242}
.white-grdt figcaption {background:rgba(0,0,0,0.08) !important;}
.white-grdt .btn{border:1px solid rgba(0,0,0,0.08);}
.white-grdt .shadow:hover{z-index:1;border:1px solid rgba(0,0,0,0.08);box-shadow:0 0 10px #424242;}
.white-grdt .wsmenu-click i{background-color:rgba(0,0,0,0.08);padding:0 5px;border-radius:4px}
/* === BIRU ===*/
.blue-grdt,.blue-grdt .btn{
background:#5999ee;
background:-moz-linear-gradient(top,#5999ee 0%,#4a89dc 100%);
background:-webkit-linear-gradient(top,#5999ee 0%,#4a89dc 100%);
background:linear-gradient(to bottom,#5999ee 0%,#4a89dc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5999ee',endColorstr='#4a89dc',GradientType=0 );
color:#fff;}
.blue-grdt > .wsmenu-list > li > a{color:#fff !important;}
.blue-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.blue-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.blue-grdt > .wsmenu-list > li > a:hover,.blue-grdt .wsmenu-list li:hover > a,.blue-grdt .title a:hover{background:#4A89DC !important;}
.blue-grdt > .wsmenu-list > li > a.active,.blue-grdt h1,.blue-grdt h2,.blue-grdt.footer-bottom a{background:#4A89DC !important;}
.blue-grdt.wsmenu-submenu li a,.blue-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.blue-grdt .hover img{box-shadow:#4A89DC 0px 0px 0px 5px;}
.blue-grdt .footer-bottom a{color:#fff;background:#4A89DC !important;}
.blue-grdt tr{color:#424242;background-color:#transparent !important;}.blue-grdt .nd,.blue-grdt .error,.blue-grdt .kategori{background-color:#transparent !important;color:#4A89DC}
.blue-grdt figcaption {background:#4A89DC !important;}
.blue-grdt .btn{border:1px solid #4A89DC;}
.blue-grdt .shadow:hover{z-index:1;border:1px solid #4A89DC;box-shadow:0 0 10px #4A89DC;}
.blue-grdt .wsmenu-click i{background-color:rgba(74,137,220,.7);padding:0 5px;border-radius:4px}
/* === ABU-ABU ===*/	
.gry-grdt,.gry-grdt .btn{
background:#565656;
background:-moz-linear-gradient(top,#565656 0%,#424242 100%);
background:-webkit-linear-gradient(top,#565656 0%,#424242 100%);
background:linear-gradient(to bottom,#565656 0%,#424242 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656',endColorstr='#424242',GradientType=0);
color:#fff;}
.gry-grdt > .wsmenu-list > li > a{color:#fff !important;}
.gry-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.gry-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.gry-grdt > .wsmenu-list > li > a:hover,.gry-grdt .wsmenu-list li:hover > a,.gry-grdt .title a:hover{background:#424242 !important;}
.gry-grdt > .wsmenu-list > li > a.active,.gry-grdt h1,.gry-grdt h2,.gry-grdt.footer-bottom a{background:#424242 !important;}
.gry-grdt.wsmenu-submenu li a,.gry-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.gry-grdt .hover img{box-shadow:#424242 0px 0px 0px 5px;}
.gry-grdt .footer-bottom a{color:#fff;background:#424242 !important;}
.gry-grdt tr{color:#424242;background-color:#transparent !important;}.gry-grdt .nd,.gry-grdt .error,.gry-grdt .kategori{background-color:#transparent !important;color:#424242}
.gry-grdt figcaption {background:#424242 !important;}
.gry-grdt .btn{border:1px solid #424242;}
.gry-grdt .shadow:hover{z-index:1;border:1px solid #424242;box-shadow:0 0 10px #424242;}
.gry-grdt .wsmenu-click i{background-color:rgba(66,66,66,.7);padding:0 5px;border-radius:4px}
/* === HIJAU ===*/	
.green-grdt,.green-grdt .btn{
background:#86ba3d;
background:-moz-linear-gradient(top,#86ba3d 0%,#74a52e 100%);
background:-webkit-linear-gradient(top,#86ba3d 0%,#74a52e 100%);
background:linear-gradient(to bottom,#86ba3d 0%,#74a52e 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ba3d', endColorstr='#74a52e',GradientType=0);
color:#fff;}
.green-grdt > .wsmenu-list > li > a{color:#fff !important;}
.green-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.green-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.green-grdt > .wsmenu-list > li > a:hover,.green-grdt .wsmenu-list li:hover > a,.green-grdt .title a:hover{background:#74a52e !important;}
.green-grdt > .wsmenu-list > li > a.active,.green-grdt h1,.green-grdt h2,.green-grdt.footer-bottom a{background:#74a52e !important;}
.green-grdt.wsmenu-submenu li a,.green-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.green-grdt .hover img{box-shadow:#74a52e 0px 0px 0px 5px;}
.green-grdt .footer-bottom a{color:#fff;background:#74a52e !important;}
.green-grdt tr{color:#424242;background-color:#transparent !important;}.green-grdt .nd,.green-grdt .error,.green-grdt .kategori{background-color:#transparent !important;color:#74a52e}
.green-grdt figcaption {background:#74a52e !important;}
.green-grdt .btn{border:1px solid #74a52e;}
.green-grdt .shadow:hover{z-index:1;border:1px solid #74a52e;box-shadow:0 0 10px #74a52e;}
.green-grdt .wsmenu-click i{background-color:rgba(116,165,46,.7);padding:0 5px;border-radius:4px}
/* === BATA ===*/
.bata-grdt,.bata-grdt .btn{
background:#f05c48;
background:-moz-linear-gradient(top,#f05c48 0%,#da4b38 100%);
background:-webkit-linear-gradient(top,#f05c48 0%,#da4b38 100%);
background:linear-gradient(to bottom,#f05c48 0%,#da4b38 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05c48',endColorstr='#da4b38',GradientType=0);
color:#fff;}
.bata-grdt > .wsmenu-list > li > a{color:#fff !important;}
.bata-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.bata-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.bata-grdt > .wsmenu-list > li > a:hover,.bata-grdt .wsmenu-list li:hover > a,.bata-grdt .title a:hover{background:#DA4B38 !important;}
.bata-grdt > .wsmenu-list > li > a.active,.bata-grdt h1,.bata-grdt h2,.bata-grdt.footer-bottom a{background:#DA4B38 !important;}
.bata-grdt.wsmenu-submenu li a,.bata-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.bata-grdt .hover img{box-shadow:#DA4B38 0px 0px 0px 5px;}
.bata-grdt .footer-bottom a{color:#fff;background:#DA4B38 !important;}
.bata-grdt tr{color:#424242;background-color:#transparent !important;}.bata-grdt .nd,.bata-grdt .error,.bata-grdt .kategori{background-color:#transparent !important;color:#DA4B38}
.bata-grdt figcaption {background:#DA4B38 !important;}
.bata-grdt .btn{border:1px solid #DA4B38;}
.bata-grdt .shadow:hover{z-index:1;border:1px solid #DA4B38;box-shadow:0 0 10px #DA4B38;}
.bata-grdt .wsmenu-click i{background-color:rgba(218,75,56,.7);padding:0 5px;border-radius:4px}
/* === ORANGE ===*/	
.orange-grdt,.orange-grdt .btn{
background:#fc7d33;
background:-moz-linear-gradient(top,#fc7d33 0%,#ff670f 100%);
background:-webkit-linear-gradient(top,#fc7d33 0%,#ff670f 100%);
background:linear-gradient(to bottom,#fc7d33 0%,#ff670f 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d33',endColorstr='#ff670f',GradientType=0);
color:#fff;}
.orange-grdt > .wsmenu-list > li > a{color:#fff !important;}
.orange-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.orange-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.orange-grdt > .wsmenu-list > li > a:hover,.orange-grdt .wsmenu-list li:hover > a,.orange-grdt .title a:hover{background:#ff670f !important;}
.orange-grdt > .wsmenu-list > li > a.active,.orange-grdt h1,.orange-grdt h2,.orange-grdt.footer-bottom a{background:#ff670f !important;}
.orange-grdt.wsmenu-submenu li a,.orange-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.orange-grdt .hover img{box-shadow:#ff670f 0px 0px 0px 5px;}
.orange-grdt .footer-bottom a{color:#fff;background:#ff670f !important;}
.orange-grdt tr{color:#424242;background-color:#transparent !important;}.orange-grdt .nd,.orange-grdt .error,.orange-grdt .kategori{background-color:#transparent !important;color:#ff670f}
.orange-grdt figcaption {background:#ff670f !important;}
.orange-grdt .btn{border:1px solid #ff670f;}
.orange-grdt .shadow:hover{z-index:1;border:1px solid #ff670f;box-shadow:0 0 10px #ff670f;}
.orange-grdt .wsmenu-click i{background-color:rgba(255,103,15,.7);padding:0 5px;border-radius:4px}
/* === KUNING ===*/
.yellow-grdt,.yellow-grdt .btn{
background:#ffcd67;
background:-moz-linear-gradient(top,#ffcd67 0%,#f6bb42 100%);
background:-webkit-linear-gradient(top,#ffcd67 0%,#f6bb42 100%);
background:linear-gradient(to bottom,#ffcd67 0%,#f6bb42 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd67',endColorstr='#f6bb42',GradientType=0);
color:#000;}
.yellow-grdt > .wsmenu-list > li > a{color:#000 !important;}
.yellow-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.yellow-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#000 !important;}
.yellow-grdt > .wsmenu-list li a .fa{color:#000 !important;}
.yellow-grdt > .wsmenu-list > li > a:hover,.yellow-grdt .wsmenu-list li:hover > a,.yellow-grdt .title a:hover{background:#F6BB42 !important;}
.yellow-grdt > .wsmenu-list > li > a.active,.yellow-grdt h1,.yellow-grdt h2,.yellow-grdt.footer-bottom a{background:#F6BB42 !important;}
.yellow-grdt.wsmenu-submenu li a,.yellow-grdt.wsmenu-submenu .title a{color:#000 !important;border-bottom:1px solid #000;}
.yellow-grdt.wsmenu-submenu .sub_produk li i{color:#fff !important;}
.yellow-grdt.wsmenu-submenu .sub_produk li a{color:#fff !important;border-bottom:1px solid #fff;}
.yellow-grdt .hover img{box-shadow:#F6BB42 0px 0px 0px 5px;}
.yellow-grdt .footer-bottom a{color:#000;background:#F6BB42 !important;}
.yellow-grdt tr{color:#424242;background-color:#transparent !important;}.yellow-grdt .nd,.yellow-grdt .error,.yellow-grdt .kategori{background-color:#transparent !important;color:#F6BB42}
.yellow-grdt figcaption {background:#F6BB42 !important;}
.yellow-grdt .btn{border:1px solid #F6BB42;}
.yellow-grdt .shadow:hover{z-index:1;border:1px solid #F6BB42;box-shadow:0 0 10px #F6BB42;}
.yellow-grdt .wsmenu-click i{background-color:rgba(246,187,66,.7);padding:0 5px;border-radius:4px}
/* === UNGU ===*/
.purple-grdt,.purple-grdt .btn{
background:#a98ded;
background:-moz-linear-gradient(top,#a98ded 0%,#967adc 100%);
background:-webkit-linear-gradient(top,#a98ded 0%,#967adc 100%);
background:linear-gradient(to bottom,#a98ded 0%,#967adc 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98ded',endColorstr='#967adc',GradientType=0);
color:#fff;}
.purple-grdt > .wsmenu-list > li > a{color:#fff !important;}
.purple-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.purple-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.purple-grdt > .wsmenu-list > li > a:hover,.purple-grdt .wsmenu-list li:hover > a,.purple-grdt .title a:hover{background:#967ADC !important;}
.purple-grdt > .wsmenu-list > li > a.active,.purple-grdt h1,.purple-grdt h2,.purple-grdt.footer-bottom a{background:#967ADC !important;}
.purple-grdt.wsmenu-submenu li a,.purple-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.purple-grdt .hover img{box-shadow:#967ADC 0px 0px 0px 5px;}
.purple-grdt .footer-bottom a{color:#fff;background:#967ADC !important;}
.purple-grdt tr{color:#424242;background-color:#transparent !important;}.purple-grdt .nd,.purple-grdt .error,.purple-grdt .kategori{background-color:#transparent !important;color:#967ADC}
.purple-grdt figcaption {background:#967ADC !important;}
.purple-grdt .btn{border:1px solid #967ADC;}
.purple-grdt .shadow:hover{z-index:1;border:1px solid #967ADC;box-shadow:0 0 10px #967ADC;}
.purple-grdt .wsmenu-click i{background-color:rgba(150,122,220,.7);padding:0 5px;border-radius:4px}
/* === PINK ===*/
.pink-grdt,.pink-grdt .btn{
background:#fb3ea4;
background:-moz-linear-gradient(top,#fb3ea4 0%,#f21b8f 100%);
background:-webkit-linear-gradient(top,#fb3ea4 0%,#f21b8f 100%);
background:linear-gradient(to bottom,#fb3ea4 0%,#f21b8f 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb3ea4',endColorstr='#f21b8f',GradientType=0);
color:#fff;}
.pink-grdt > .wsmenu-list > li > a{color:#fff !important;}
.pink-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.pink-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.pink-grdt > .wsmenu-list > li > a:hover,.pink-grdt .wsmenu-list li:hover > a,.pink-grdt .title a:hover{background:#f21b8f !important;}
.pink-grdt > .wsmenu-list > li > a.active,.pink-grdt h1,.pink-grdt h2,.pink-grdt.footer-bottom a{background:#f21b8f !important;}
.pink-grdt.wsmenu-submenu li a,.pink-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.pink-grdt .hover img{box-shadow:#f21b8f 0px 0px 0px 5px;}
.pink-grdt .footer-bottom a{color:#fff;background:#f21b8f !important;}
.pink-grdt tr{color:#424242;background-color:#transparent !important;}.pink-grdt .nd,.pink-grdt .error,.pink-grdt .kategori{background-color:#transparent !important;color:#f21b8f}
.pink-grdt figcaption {background:#f21b8f !important;}
.pink-grdt .btn{border:1px solid #f21b8f;}
.pink-grdt .shadow:hover{z-index:1;border:1px solid #f21b8f;box-shadow:0 0 10px #f21b8f;}
.pink-grdt .wsmenu-click i{background-color:rgba(238,18,137,.7);padding:0 5px;border-radius:4px}
/* === COKLAT ===*/
.chocolate-grdt,.chocolate-grdt .btn{
background:#824527;
background:-moz-linear-gradient(top,#824527 0%,#823813 100%);
background:-webkit-linear-gradient(top,#824527 0%,#823813 100%);
background:linear-gradient(to bottom,#824527 0%,#823813 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#824527',endColorstr='#823813',GradientType=0);
color:#fff;}
.chocolate-grdt > .wsmenu-list > li > a{color:#fff !important;}
.chocolate-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.chocolate-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.chocolate-grdt > .wsmenu-list > li > a:hover,.chocolate-grdt .wsmenu-list li:hover > a,.chocolate-grdt .title a:hover{background:#823813 !important;}
.chocolate-grdt > .wsmenu-list > li > a.active,.chocolate-grdt h1,.chocolate-grdt h2,.chocolate-grdt.footer-bottom a{background:#823813 !important;}
.chocolate-grdt.wsmenu-submenu li a,.chocolate-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.chocolate-grdt .hover img{box-shadow:#823813 0px 0px 0px 5px;}
.chocolate-grdt .footer-bottom a{color:#fff;background:#823813 !important;}
.chocolate-grdt tr{color:#424242;background-color:#transparent !important;}.chocolate-grdt .nd,.chocolate-grdt .error,.chocolate-grdt .kategori{background-color:#transparent !important;color:#823813}
.chocolate-grdt figcaption {background:#823813 !important;}
.chocolate-grdt .btn{border:1px solid #823813;}
.chocolate-grdt .shadow:hover{z-index:1;border:1px solid #823813;box-shadow:0 0 10px #823813;}
.chocolate-grdt .wsmenu-click i{background-color:rgba(130,56,19,.7);padding:0 5px;border-radius:4px}
/* === HITAM ===*/
.balck-grdt,.balck-grdt .btn{
background:#1a1a1a;
background:-moz-linear-gradient(top,#1a1a1a 0%,#000 100%);
background:-webkit-linear-gradient(top,#1a1a1a 0%,#000 100%);
background:linear-gradient(to bottom,#1a1a1a 0%,#000 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a1a',endColorstr='#000',GradientType=0);
color:#fff;}
.balck-grdt > .wsmenu-list > li > a{color:#fff !important;}
.balck-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.balck-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.balck-grdt > .wsmenu-list > li > a:hover,.balck-grdt .wsmenu-list li:hover > a,.balck-grdt .title a:hover{background:#000 !important;}
.balck-grdt > .wsmenu-list > li > a.active,.balck-grdt h1,.balck-grdt h2,.balck-grdt.footer-bottom a{background:#000 !important;}
.balck-grdt.wsmenu-submenu li a,.balck-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.balck-grdt .hover img{box-shadow:#000 0px 0px 0px 5px;}
.balck-grdt .footer-bottom a{color:#fff;background:#000 !important;}
.balck-grdt tr{color:#424242;background-color:#transparent !important;}.balck-grdt .nd,.balck-grdt .error,.balck-grdt .kategori{background-color:#transparent !important;color:#000;}
.balck-grdt figcaption {background:#000 !important;}
.balck-grdt .fa-trigger:hover a{color:#000;}
.balck-grdt .btn{border:1px solid #000;}
.balck-grdt .shadow:hover{z-index:1;border:1px solid #000;box-shadow:0 0 10px #000;}
.balck-grdt .wsmenu-click i{background-color:rgba(0,0,0,.7);padding:0 5px;border-radius:4px}
/* === KREM ===*/
.krem-grdt,.krem-grdt .btn{
background:#f2db91;
background:-moz-linear-gradient(top,#f2db91 0%,#f2d36d 100%);
background:-webkit-linear-gradient(top,#f2db91 0%,#f2d36d 100%);
background:linear-gradient(to bottom,#f2db91 0%,#f2d36d 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2db91',endColorstr='#f2d36d',GradientType=0);
color:#424242;}
.krem-grdt > .wsmenu-list > li > a{color:#424242 !important;}
.krem-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.krem-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#424242 !important;}
.krem-grdt > .wsmenu-list > li > a:hover,.krem-grdt .wsmenu-list li:hover > a,.krem-grdt .title a:hover{background:#f2d36d !important;}
.krem-grdt > .wsmenu-list > li > a.active,.krem-grdt h1,.krem-grdt h2,.krem-grdt.footer-bottom a{background:#f2d36d !important;}
.krem-grdt.wsmenu-submenu li a,.krem-grdt.wsmenu-submenu .title a{color:#000 !important;border-bottom:1px solid #000;}
.krem-grdt .hover img{box-shadow:#f2d36d 0px 0px 0px 5px;}
.krem-grdt .footer-bottom a{color:#424242;background:#f2d36d !important;}
.krem-grdt tr{color:#424242;background-color:#transparent !important;}.krem-grdt .nd,.krem-grdt .error,.krem-grdt .kategori{background-color:#transparent !important;color:#f2d36d}
.krem-grdt figcaption {background:#f2d36d !important;}
.krem-grdt .btn{border:1px solid #f2d36d;}
.krem-grdt .shadow:hover{z-index:1;border:1px solid #f2d36d;box-shadow:0 0 10px #f2d36d;}
.krem-grdt .wsmenu-click i{background-color:rgba(242,211,109,.7);padding:0 5px;border-radius:4px}
/* === TOSCA ===*/
.tosca-grdt,.tosca-grdt .btn{
background:#49c1f4;
background:-moz-linear-gradient(top,#49c1f4 0%,#25b8f7 100%);
background:-webkit-linear-gradient(top,#49c1f4 0%,#25b8f7 100%);
background:linear-gradient(to bottom,#49c1f4 0%,#25b8f7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#49c1f4',endColorstr='#25b8f7',GradientType=0);
color:#fff;}
.tosca-grdt > .wsmenu-list > li > a{color:#fff !important;}
.tosca-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.tosca-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.tosca-grdt > .wsmenu-list > li > a:hover,.tosca-grdt .wsmenu-list li:hover > a,.tosca-grdt .title a:hover{background:#25b8f7 !important;}
.tosca-grdt > .wsmenu-list > li > a.active,.tosca-grdt h1,.tosca-grdt h2,.tosca-grdt.footer-bottom a{background:#25b8f7 !important;}
.tosca-grdt.wsmenu-submenu li a,.tosca-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.tosca-grdt .hover img{box-shadow:#25b8f7 0px 0px 0px 5px;}
.tosca-grdt .footer-bottom a{color:#fff;background:#25b8f7 !important;}
.tosca-grdt tr{color:#424242;background-color:#transparent !important;}.tosca-grdt .nd,.tosca-grdt .error,.tosca-grdt .kategori{background-color:#transparent !important;color:#25b8f7}
.tosca-grdt figcaption {background:#25b8f7 !important;}
.tosca-grdt .btn{border:1px solid #25b8f7;}
.tosca-grdt .shadow:hover{z-index:1;border:1px solid #25b8f7;box-shadow:0 0 10px #25b8f7;}
.tosca-grdt .wsmenu-click i{background-color:rgba(37,184,247,.7);padding:0 5px;border-radius:4px}
/* === MERAH ===*/
.red-grdt,.red-grdt .btn{
background:#f44949;
background:-moz-linear-gradient(top,#f44949 0%,#f42824 100%);
background:-webkit-linear-gradient(top,#f44949 0%,#f42824 100%);
background:linear-gradient(to bottom,#f44949 0%,#f42824 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f44949',endColorstr='#f42824',GradientType=0);
color:#fff;}
.red-grdt > .wsmenu-list > li > a{color:#fff !important;}
.red-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.red-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.red-grdt > .wsmenu-list > li > a:hover,.red-grdt .wsmenu-list li:hover > a,.red-grdt .title a:hover{background:#f42824 !important;}
.red-grdt > .wsmenu-list > li > a.active,.red-grdt h1,.red-grdt h2,.red-grdt.footer-bottom a{background:#f42824 !important;}
.red-grdt.wsmenu-submenu li a,.red-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.red-grdt .hover img{box-shadow:#f42824 0px 0px 0px 5px;}
.red-grdt .footer-bottom a{color:#fff;background:#f42824 !important;}
.red-grdt tr{color:#424242;background-color:#transparent !important;}.red-grdt .nd,.red-grdt .error,.red-grdt .kategori{background-color:#transparent !important;color:#f42824}
.red-grdt figcaption {background:#f42824 !important;}
.red-grdt .btn{border:1px solid #f42824;}
.red-grdt .shadow:hover{z-index:1;border:1px solid #f42824;box-shadow:0 0 10px #f42824;}
.red-grdt .wsmenu-click i{background-color:rgba(244,40,36,.7);padding:0 5px;border-radius:4px}
/* === TURKIS ===*/
.turkis-grdt,.turkis-grdt .btn{
background:#4dddcf;
background:-moz-linear-gradient(top,#4dddcf 0%,#2cddcc 100%);
background:-webkit-linear-gradient(top, #4dddcf 0%,#2cddcc 100%);
background:linear-gradient(to bottom,#4dddcf 0%,#2cddcc 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dddcf',endColorstr='#2cddcc',GradientType=0);
color:#fff;}
.turkis-grdt > .wsmenu-list > li > a{color:#fff !important;}
.turkis-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.turkis-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.turkis-grdt > .wsmenu-list > li > a:hover,.turkis-grdt .wsmenu-list li:hover > a,.turkis-grdt .title a:hover{background:#2cddcc !important;}
.turkis-grdt > .wsmenu-list > li > a.active,.turkis-grdt h1,.turkis-grdt h2,.turkis-grdt.footer-bottom a{background:#2cddcc !important;}
.turkis-grdt.wsmenu-submenu li a,.turkis-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.turkis-grdt .hover img{box-shadow:#2cddcc 0px 0px 0px 5px;}
.turkis-grdt .footer-bottom a{color:#fff;background:#2cddcc !important;}
.turkis-grdt tr{color:#424242;background-color:#transparent !important;}.turkis-grdt .nd,.turkis-grdt .error,.turkis-grdt .kategori{background-color:#transparent !important;color:#2cddcc}
.turkis-grdt figcaption {background:#2cddcc !important;}
.turkis-grdt .btn{border:1px solid #2cddcc;}
.turkis-grdt .shadow:hover{z-index:1;border:1px solid #2cddcc;box-shadow:0 0 10px #2cddcc;}
.turkis-grdt .wsmenu-click i{background-color:rgba(44,221,204,.7);padding:0 5px;border-radius:4px}
/* === HIJAU LAUT ===*/
.hijau-grdt,.hijau-grdt .btn{
background:#2bafa7;
background:-moz-linear-gradient(top,#2bafa7 0%,#11afa5 100%);
background:-webkit-linear-gradient(top,#2bafa7 0%,#11afa5 100%);
background:linear-gradient(to bottom,#2bafa7 0%,#11afa5 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bafa7',endColorstr='#11afa5',GradientType=0);
color:#fff;}
.hijau-grdt > .wsmenu-list > li > a{color:#fff !important;}
.hijau-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.hijau-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}
.hijau-grdt > .wsmenu-list > li > a:hover,.hijau-grdt .wsmenu-list li:hover > a,.hijau-grdt .title a:hover{background:#11afa5 !important;}
.hijau-grdt > .wsmenu-list > li > a.active,.hijau-grdt h1,.hijau-grdt h2,.hijau-grdt.footer-bottom a{background:#11afa5 !important;}
.hijau-grdt.wsmenu-submenu li a,.hijau-grdt.wsmenu-submenu .title a{color:#fff !important;border-bottom:1px solid #fff;}
.hijau-grdt .hover img{box-shadow:#11afa5 0px 0px 0px 5px;}
.hijau-grdt .footer-bottom a{color:#fff;background:#11afa5 !important;}
.hijau-grdt tr{color:#424242;background-color:#transparent !important;}.hijau-grdt .nd,.hijau-grdt .error,.hijau-grdt .kategori{background-color:#transparent !important;color:#11afa5}
.hijau-grdt figcaption {background:#11afa5 !important;}
.hijau-grdt .btn{border:1px solid #11afa5;}
.hijau-grdt .shadow:hover{z-index:1;border:1px solid #11afa5;box-shadow:0 0 10px #11afa5;}
.hijau-grdt .wsmenu-click i{background-color:rgba(17,175,165,.7);padding:0 5px;border-radius:4px}

.error{font-size:12px;}
.wizard-card-users[data-color="terong-grdt"] .error{color:#440e62;}
.wizard-card-users[data-color="bidong-grdt"] .error{color:#0086ed;}
.wizard-card-users[data-color="salem-grdt"] .error{color:#ff5151;}
.wizard-card-users[data-color="hiter-grdt"] .error{color:#00b300;}
.wizard-card-users[data-color="maroon-grdt"] .error{color:#b30048;}
.wizard-card-users[data-color="lumut-grdt"] .error{color:#008fb3;}
.wizard-card-users[data-color="violet-grdt"] .error{color:#5c00e6;}
.wizard-card-users[data-color="kayu-grdt"] .error{color:#ad3900;}
.wizard-card-users[data-color="white-grdt"] .error{color:#f2f2f2;}
.wizard-card-users[data-color="blue-grdt"] .error{color:#4a89dc;}
.wizard-card-users[data-color="gry-grdt"] .error{color:#424242;}
.wizard-card-users[data-color="green-grdt"] .error{color:#74a52e;}
.wizard-card-users[data-color="bata-grdt"] .error{color:#da4b38;}
.wizard-card-users[data-color="orange-grdt"] .error{color:#ff670f;}
.wizard-card-users[data-color="yellow-grdt"] .error{color:#f6bb42;}
.wizard-card-users[data-color="purple-grdt"] .error{color:#967adc;}
.wizard-card-users[data-color="pink-grdt"] .error{color:#f21b8f;}
.wizard-card-users[data-color="chocolate-grdt"] .error{color:#823813;}
.wizard-card-users[data-color="balck-grdt"] .error{color:#000;}
.wizard-card-users[data-color="krem-grdt"] .error{color:#f2d36d;}
.wizard-card-users[data-color="tosca-grdt"] .error{color:#25b8f7;}
.wizard-card-users[data-color="red-grdt"] .error{color:#f42824;}
.wizard-card-users[data-color="turkis-grdt"] .error{color:#2cddcc;}
.wizard-card-users[data-color="hijau-grdt"] .error{color:#11afa5;}

.terong-grdt .btn:hover,.wizard-card[data-color="terong-grdt"] .moving-tab{background-color:#440e62;}
.bidong-grdt .btn:hover,.wizard-card[data-color="bidong-grdt"] .moving-tab{background-color:#0086ed;}
.salem-grdt .btn:hover,.wizard-card[data-color="salem-grdt"] .moving-tab{background-color:#ff5151;}
.hiter-grdt .btn:hover,.wizard-card[data-color="hiter-grdt"] .moving-tab{background-color:#00b300;}
.maroon-grdt .btn:hover,.wizard-card[data-color="maroon-grdt"] .moving-tab{background-color:#b30048;}
.lumut-grdt .btn:hover,.wizard-card[data-color="lumut-grdt"] .moving-tab{background-color:#008fb3;}
.violet-grdt .btn:hover,.wizard-card[data-color="violet-grdt"] .moving-tab{background-color:#5c00e6;}
.kayu-grdt .btn:hover,.wizard-card[data-color="kayu-grdt"] .moving-tab{background-color:#ad3900;}
.white-grdt .btn:hover,.wizard-card[data-color="white-grdt"] .moving-tab{background-color:#f2f2f2;}
.blue-grdt .btn:hover,.wizard-card[data-color="blue-grdt"] .moving-tab{background-color:#4a89dc;}
.gry-grdt .btn:hover,.wizard-card[data-color="gry-grdt"] .moving-tab{background-color:#424242;}
.green-grdt .btn:hover,.wizard-card[data-color="green-grdt"] .moving-tab{background-color:#74a52e;}
.bata-grdt .btn:hover,.wizard-card[data-color="bata-grdt"] .moving-tab{background-color:#da4b38;}
.orange-grdt .btn:hover,.wizard-card[data-color="orange-grdt"] .moving-tab{background-color:#ff670f;}
.yellow-grdt .btn:hover,.wizard-card[data-color="yellow-grdt"] .moving-tab{background-color:#f6bb42;}
.purple-grdt .btn:hover,.wizard-card[data-color="purple-grdt"] .moving-tab{background-color:#967adc;}
.pink-grdt .btn:hover,.wizard-card[data-color="pink-grdt"] .moving-tab{background-color:#f21b8f;}
.chocolate-grdt .btn:hover,.wizard-card[data-color="chocolate-grdt"] .moving-tab{background-color:#823813;}
.balck-grdt .btn:hover,.wizard-card[data-color="balck-grdt"] .moving-tab{background-color:#000;color:#fff;}
.krem-grdt .btn:hover,.wizard-card[data-color="krem-grdt"] .moving-tab{background-color:#f2d36d;}
.tosca-grdt .btn:hover,.wizard-card[data-color="tosca-grdt"] .moving-tab{background-color:#25b8f7;}
.red-grdt .btn:hover,.wizard-card[data-color="red-grdt"] .moving-tab{background-color:#f42824;}
.turkis-grdt .btn:hover,.wizard-card[data-color="turkis-grdt"] .moving-tab{background-color:#2cddcc;}
.hijau-grdt .btn:hover,.wizard-card[data-color="hijau-grdt"] .moving-tab{background-color:#11afa5;}
.terong-grdt .btn:hover,.bidong-grdt .btn:hover,.salem-grdt .btn:hover,.hiter-grdt .btn:hover,.maroon-grdt .btn:hover,.lumut-grdt .btn:hover,
.violet-grdt .btn:hover,.kayu-grdt .btn:hover,.white-grdt .btn:hover,.blue-grdt .btn:hover,.gry-grdt .btn:hover,.green-grdt .btn:hover,
.bata-grdt .btn:hover,.orange-grdt .btn:hover,.yellow-grdt .btn:hover,.purple-grdt .btn:hover,.pink-grdt .btn:hover,.chocolate-grdt .btn:hover,
.balck-grdt .btn:hover,.krem-grdt .btn:hover,.tosca-grdt .btn:hover,.red-grdt .btn:hover,.turkis-grdt .btn:hover,.hijau-grdt .btn:hover{
background-repeat:repeat-x;color:#000;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}

.grdt .turkis-grdt,.grdt .turkis-grdt h1,.grdt .turkis-grdt tr,
.grdt .terong-grdt,.grdt .terong-grdt h1,.grdt .terong-grdt tr,
.grdt .bidong-grdt,.grdt .bidong-grdt h1,.grdt .bidong-grdt tr,
.grdt .salem-grdt,.grdt .salem-grdt h1,.grdt .salem-grdt tr,
.grdt .hiter-grdt,.grdt .hiter-grdt h1,.grdt .hiter-grdt tr,
.grdt .maroon-grdt,.grdt .maroon-grdt h1,.grdt .maroon-grdt tr,
.grdt .lumut-grdt,.grdt .lumut-grdt h1,.grdt .lumut-grdt tr,
.grdt .violet-grdt,.grdt .violet-grdt h1,.grdt .violet-grdt tr,
.grdt .kayu-grdt,.grdt .kayu-grdt h1,.grdt .kayu-grdt tr,
.grdt .white-grdt,.grdt .white-grdt h1,.grdt .white-grdt tr,
.grdt .blue-grdt,.grdt .blue-grdt h1,.grdt .blue-grdt tr,
.grdt .gry-grdt,.grdt .gry-grdt h1,.grdt .gry-grdt tr,
.grdt .green-grdt,.grdt .green-grdt h1,.grdt .green-grdt tr,
.grdt .bata-grdt,.grdt .bata-grdt h1,.grdt .bata-grdt tr,
.grdt .orange-grdt,.grdt .orange-grdt h1,.grdt .orange-grdt tr,
.grdt .yellow-grdt,.grdt .yellow-grdt h1,.grdt .yellow-grdt tr,
.grdt .purple-grdt,.grdt .purple-grdt h1,.grdt .purple-grdt tr,
.grdt .pink-grdt,.grdt .pink-grdt h1,.grdt .pink-grdt tr,
.grdt .chocolate-grdt,.grdt .chocolate-grdt h1,.grdt .chocolate-grdt tr,
.grdt .balck-grdt,.grdt .balck-grdt h1,.grdt .balck-grdt tr,
.grdt .krem-grdt,.grdt .krem-grdt h1,.grdt .krem-grdt tr,
.grdt .tosca-grdt,.grdt .tosca-grdt h1,.grdt .tosca-grdt tr,
.grdt .red-grdt,.grdt .red-grdt h1,.grdt .red-grdt tr,
.grdt .turkis-grdt,.grdt .turkis-grdt h1,.grdt .turkis-grdt tr,
.grdt .hijau-grdt,.grdt .hijau-grdt h1,.grdt .hijau-grdt tr{color:#424242;background:transparent !important;}

/*============== FILTER =================*/
/*Core.min*/
.lato{font-family:'Lato',sans-serif}
.search{width:100%;display:block;float:right;margin:15px 0 10px;}
.jplist-hidden{display:none}
.jplist-label{padding:0 15px}
.btom{border-bottom:1px solid #ccc;padding-bottom:15px}
.jplist-label,.jplist-panel button{
float:left;
height:35px;
line-height:35px;
box-shadow:0 0 1px #fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #dbdbdb;
border-radius:3px;
text-shadow:1px 1px 1px #fff;
color:#27252a;background:#fff;
background:-moz-linear-gradient(top, #fff 0, #efefef 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
background:-webkit-linear-gradient(top, #fff 0, #efefef 100%);
background:-o-linear-gradient(top, #fff 0, #efefef 100%);
background:-ms-linear-gradient(top, #fff 0, #efefef 100%);
background:linear-gradient(to bottom, #fff 0, #efefef 100%);
margin:0 auto}
.jplist-panel button:hover{
color:#0381bb;
background:#f2f2f2;
background:-moz-linear-gradient(top, #fafafa 0, #ededed 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #ededed));
background:-webkit-linear-gradient(top, #fafafa 0, #ededed 100%);
background:-o-linear-gradient(top, #fafafa 0, #ededed 100%);
background:-ms-linear-gradient(top, #fafafa 0, #ededed 100%);
background:linear-gradient(to bottom, #fafafa 0, #ededed 100%)}
.jplist-panel button.jplist-disabled{background:#e3e3e3;color:#6c6c6c;cursor:default}
.jplist-panel input[type="checkbox"],.jplist-panel input[type="radio"]{float:left;}	
.jplist-panel label{float:left;padding:0 5px;cursor:pointer;}
@media only screen and (max-width:767px){.jplist-panel{display:none}}
.jplist-drop-down{
float:left;
width:100%;
height:35px;
box-shadow:0 0 1px #fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #dbdbdb;
border-radius:3px;
text-shadow:1px 1px 1px #fff;
color:#27252a;
background:#fff;
background:-moz-linear-gradient(top, #fff 0, #efefef 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
background:-webkit-linear-gradient(top, #fff 0, #efefef 100%);
background:-o-linear-gradient(top, #fff 0, #efefef 100%);
background:-ms-linear-gradient(top, #fff 0, #efefef 100%);
background:linear-gradient(to bottom, #fff 0, #efefef 100%);
margin:10px 0 0;position:relative}
.jplist-drop-down .jplist-dd-panel{float:left;width:100%;height:35px;line-height:32px;overflow:hidden;text-indent:10px;cursor:pointer}
.jplist-drop-down .jplist-dd-panel:after{content:'\25BC';color:#111;display:inline-block;position:absolute;right:10px;z-index:0}
.jplist-drop-down ul{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #dbdbdb;
border-radius:0 0 3px 3px;
position:relative;
top:0;
z-index:1;
width:100%;
display:none;
overflow:hidden;
background:#fff;
list-style:none;
margin:0;
padding:0;
box-shadow:0 3px 6px #bbb}
.jplist-drop-down ul li{width:100%;float:left;height:30px;line-height:30px;text-indent:10px;cursor:pointer}
.jplist-drop-down ul li:hover{background-color:#ececec}
.jplist-drop-down:hover .jplist-dd-panel{color:#0381bb}
.jplist-drop-down:hover .jplist-dd-panel:after{color:#0381bb}
.jplist-ios-button{display:none}
.onblock{display:none}
@media only screen and (max-width:767px){
.onblock{display:block}
.jplist-ios-button{
display:block;
width:100%;
text-align:center;
cursor:pointer;
font-size:15px;
line-height:40px;
float:left;
height:40px;
box-shadow:0 0 1px #fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #dbdbdb;
border-radius:0px;
text-shadow:1px 1px 1px #fff;
color:#27252a;
background:#fff;
background:-moz-linear-gradient(top, #fff 0, #efefef 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
background:-webkit-linear-gradient(top, #fff 0, #efefef 100%);
background:-o-linear-gradient(top, #fff 0, #efefef 100%);
background:-ms-linear-gradient(top, #fff 0, #efefef 100%);
background:linear-gradient(to bottom, #fff 0, #efefef 100%)}
.jplist-ios-button:hover{
background:#f2f2f2;
background:-moz-linear-gradient(top, #fafafa 0, #ededed 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #ededed));
background:-webkit-linear-gradient(top, #fafafa 0, #ededed 100%);
background:-o-linear-gradient(top, #fafafa 0, #ededed 100%);
background:-ms-linear-gradient(top, #fafafa 0, #ededed 100%);
background:linear-gradient(to bottom, #fafafa 0, #ededed 100%)}
.jplist-ios-show{display:block}}
.bungkusradio{_height:35px;_padding-top:5px;margin:5px 0 -5px;}
/*Togle checkbox*/
.jplist-panel .jplist-group{width:100%;float:left;height:auto}
.jplist-panel .batas{max-height:200px; min-height:100px;overflow:auto;}
.jplist-panel .jplist-group input,.jplist-panel .jplist-group label{height:25px;line-height:25px;}
.jplist-panel .jplist-group ul{list-style:none;padding:0;margin:0;line-height:28px}
.jplist-panel .jplist-group ul li{float:left;margin-right:15px;overflow:hidden;height:28px;line-height:30px}
@media only screen and (max-width:767px){.jplist-panel .jplist-group{margin:10px 10px 10px 0;}}
.nama_filter{font-size:18px;line-height:25px;border-bottom:1px solid #dbdbdb;font-weight:bold;color:#505050;margin-top:10px}
.none{display:none;}
/*Paging*/
.jplist-panel .jplist-pagination{cursor:pointer;float:left;line-height:35px;}
.jplist-panel .jplist-pagination button{display:inline-block;color:#0381bb;height:35px;line-height:30px;margin:0 0 0 5px;padding:3px 15px 0}
.jplist-panel .jplist-pagination .jplist-current{font-weight:bold;color:#f03800}
.jplist-panel .jplist-pagination .jplist-pagingprev,.jplist-panel .jplist-pagination .jplist-pagingmid,.jplist-panel .jplist-pagination .jplist-pagingnext{float:left}
.jplist-panel .jplist-pagination .jplist-pagingprev button,.jplist-panel .jplist-pagination .jplist-pagingnext button{font-size:20px;padding:0 13px;font-family:"Courier New",Courier,monospace}
.jplist-reset-btn{width:100%;}
.filter-pagging{float:right}
@media only screen and (max-width:767px){.filter-pagging{float:left}.jplist-panel .jplist-pagination button{margin:0 0 0 3px;}}
@media (max-width:599px){.col-left{padding-left:5px}.col-right{padding-right:5px}}
@media (max-width:359px){.col-left{padding-left:0px}.col-right{padding-right:0px}}
/*slider range*/
.jplist-range-slider{width:100%;}
.jplist-range-slider .value{float:left;margin:5px 0;color:#27252a;font-size:14px}
.jplist-range-slider .ui-slider{margin-right:7px;margin-left:7px;}
.ui-slider{margin-top:0}
.ui-slider{position:relative;text-align:center;}
.ui-slider .ui-slider-handle{position:absolute;z-index:0;width:1.2em;height:1.2em;cursor:default;}
.ui-slider .ui-slider-range{position:absolute;z-index:0;font-size:.7em;display:block;border:0;background-position:0 0;}
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit;}
.ui-slider-horizontal{height:.8em;}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%;}
.ui-widget-content{border:1px solid #aaaaaa;background:#ffffff;}
.ui-widget-header {border:1px solid #aaaaaa;background:#cccccc}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6;}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px;}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px;}
@media (max-width:1200px){.nama_filter{font-size:16px;}}
@media (max-width:400px){.nama_filter{font-size:15px;}}
@media (max-width:359px){.nama_filter{font-size:18px;}}
/* http://www.cssportal.com/css-color-converter/
.terong-grdt,
.bidong-grdt,
.salem-grdt,
.hiter-grdt,
.maroon-grdt,
.lumut-grdt,
.violet-grdt,
.kayu-grdt,
.white-grdt,
.blue-grdt,
.gry-grdt,
.green-grdt,
.bata-grdt,
.orange-grdt,
.yellow-grdt,
.purple-grdt,
.pink-grdt,
.chocolate-grdt,
.balck-grdt,
.krem-grdt,
.tosca-grdt,
.red-grdt,
.turkis-grdt,
.hijau-grdt
*/