Suggested case list:
Using timer to refresh a grid
383guest172.69.33.12125nk0uiMay 7, 2020 7:23:47 AMlinkuser model to move item to another listbox
120guest162.158.193.148d0n3krApr 2, 2020 5:28:28 AMlinkDisabled list item row passed to VM-1981
296fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:44 PMlinkDisabled list item row passed to VM-1981
295fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:16 PMlinkDisabled list item row passed to VM-1981
294fatih123160.83.36.13225nk0uiFeb 13, 2018 3:30:44 PMlinkgrid sample with ListModel/RowRenderer
816guest80.82.2.1312vah9ajFeb 21, 2017 11:42:21 AMlinkgrid sample with ListModel/RowRenderer
809guest175.98.113.1622vah9ajJan 26, 2017 9:19:33 AMlinkgrid sample with ListModel/RowRenderer
196guest79.185.142.402vah9ajApr 26, 2014 10:53:57 PMlinkgrid sample with ListModel/RowRenderer
195guest79.185.142.402vah9ajApr 26, 2014 10:53:54 PMlinkgrid sample with ListModel/RowRenderer
194guest79.185.142.402vah9ajApr 26, 2014 10:53:51 PMlinkgrid sample with ListModel/RowRenderer
193guest79.185.142.402vah9ajApr 26, 2014 10:53:48 PMlinkgrid sample with ListModel/RowRenderer
192guest79.185.142.402vah9ajApr 26, 2014 10:53:44 PMlinkgrid sample with ListModel/RowRenderer
191guest79.185.142.402vah9ajApr 26, 2014 10:53:40 PMlinkHierarchy table without using ZK PE/EE
1aaknai151.28.135.2131s871daJul 29, 2013 11:02:46 PMlinkgrid sample with ListModel/RowRenderer
128aaknai151.28.135.2132vah9ajJul 29, 2013 7:20:00 PMlinkuser model to move item to another listbox
1TonyQ114.25.109.94d0n3krApr 21, 2012 10:43:27 AMlinkUsing timer to refresh a grid
1TonyQ220.133.44.3725nk0uiFeb 17, 2012 3:17:34 AMlinkFire a event from child iframe
1TonyQ220.133.44.372eupjotFeb 3, 2012 5:04:52 AMlinkTextbox input restriction sample
1TonyQ72.21.245.2431b3nlr0Dec 20, 2011 10:09:10 AMlinkTest web core taglib in ZUL
1TonyQ198.203.175.175ofqkemDec 17, 2011 3:36:08 AMlinkLatest 10 Fiddles :
Object hashcode different with ZK form binding
2YannUnil172.69.108.13540rj0kApr 19, 2024 1:18:08 PMlinkObject hashcode different with ZK form binding
1YannUnil172.69.108.13040rj0kApr 19, 2024 1:04:31 PMlinkfont awesome effects
1guest172.71.166.21232nla3hApr 18, 2024 6:04:43 PMlinkfont awesome effects
245guest172.71.166.21220t2jmoApr 18, 2024 6:04:41 PMlinkZK-5696
1JamesChu162.158.187.3739iuvhmApr 18, 2024 10:33:52 AMlinkListbox colspan header version 2
3guest172.71.183.199jkpp6qApr 17, 2024 1:54:19 PMlinkZK-5695
1guest162.158.90.1402is2rctApr 17, 2024 10:23:20 AMlinkLocalDate in datebox
2guest172.70.243.516v49n7Apr 17, 2024 6:05:17 AMlinkLocalDate in datebox
1guest172.70.243.516v49n7Apr 17, 2024 6:04:18 AMlinkLocalDate in datebox
1guest172.70.243.511m6i0gcApr 17, 2024 6:04:04 AMlinklistbox 108 height issue test
10guest172.70.114.593oium5Aug 4, 2021 10:24:43 PMlinkresources
index.zulzul<zk xmlns:h="xhtml" xmlns:n="native" xmlns:w="client" xmlns:zk="zk">
<style>
:root {
--color-hover-opened: #36f; /* Bright Blue Hover, th, opened Color */
--color-mainsvg: #878787; /* Dark Grey for Icon color */
--color-links: #69c; /* Light Blue links color */
--color-buttons: #0b47aa; /* Dark Blue button color */
--color-destructive: #ff4d4e; /* Delete Color Red */
--switch-border: #ccc;
--switch-checked-bg-color: var(--color-buttons);
--switch-unchecked-bg-color: #fff;
--switch-unchecked-txt-color: #aaa;
--switch-disabled-toggle: #aaa;
--switch-focus: 2px rgba(39, 94, 254, 0.3);
--switch-toggle: #fff;
--svgmenu: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" fill="%23666666" viewBox="0 0 629 48" xmlns:v="https://vecta.io/nano"><path d="M466 27c-3.9 0-7.1 3.2-7.1 7s3.2 7 7.1 7 7-3.2 7-7-3.2-7-7-7m2.1 5.6h-2.8v.7h2.1a.68.68 0 0 1 .7.7v2.1a.68.68 0 0 1-.7.7h-.7v.7h-1.4v-.7h-1.4v-1.4h2.8v-.7h-2.1a.68.68 0 0 1-.7-.7v-2.1a.68.68 0 0 1 .7-.7h.7v-.7h1.4v.7h1.4v1.4zm-36.3 5.2c-.7 0-1.3.6-1.3 1.4 0 .7.6 1.3 1.3 1.3s1.4-.6 1.4-1.3c-.1-.8-.7-1.4-1.4-1.4M421 27v1.4h1.4l2.4 5.1-.9 1.7c-.1.2-.2.4-.2.6 0 .7.6 1.3 1.3 1.3h8.1v-1.3h-7.8c-.1 0-.2-.1-.2-.2v-.1l.6-1.1h5c.5 0 1-.3 1.2-.7l2.4-4.4c0-.1.1-.2.1-.3a.68.68 0 0 0-.7-.7h-10l-.6-1.4m1.9 10.9c-.7 0-1.3.6-1.3 1.4 0 .7.6 1.3 1.3 1.3s1.4-.6 1.4-1.3c0-.8-.6-1.4-1.4-1.4zm16.3-9.4h11.3c.8 0 1.4.6 1.4 1.4v8.5c0 .8-.6 1.4-1.4 1.4h-11.3c-.8 0-1.4-.6-1.4-1.4v-8.5c0-.8.6-1.4 1.4-1.4m0 1.4v8.5h4.9v-8.5h-4.9m11.3 8.5v-8.5h-.9c.2.4.1.8.1.8 0 .5-.4 1-.5 1.1l-1.6 1.8h2.3v.9h-3.7v-.7l2.3-2.5c.1-.2.5-1.4-.5-1.4-.9 0-.8.9-.8.9h-1.1s0-.5.3-.9h-.9v8.5h1.8v-.6h.7s.6-.1.6-.7c0-.7-.6-.7-.7-.7s-.8 0-.8.6h-1.1s0-1.5 1.8-1.5 1.7 1.4 1.7 1.4 0 .9-.8 1.2l.4.3h1.4m-7.8-1.4h-1.1v-4.1l-1.3.4v-.9l2.2-.8h.1v5.4zM287.7 4.2a2.22 2.22 0 0 0-2.2 2.2 2.22 2.22 0 0 0 2.2 2.2 2.22 2.22 0 0 0 2.2-2.2 2.22 2.22 0 0 0-2.2-2.2m0 6c-2.1 0-3.7-1.7-3.7-3.7a3.76 3.76 0 0 1 3.7-3.7 3.76 3.76 0 0 1 3.7 3.7c0 2-1.6 3.7-3.7 3.7m0-9.3c-3.7 0-6.9 2.3-8.2 5.6 1.3 3.3 4.5 5.6 8.2 5.6s6.9-2.3 8.2-5.6c-1.3-3.3-4.5-5.6-8.2-5.6zM182.8 37.1a4.91 4.91 0 0 0 4.9-4.9 4.91 4.91 0 0 0-4.9-4.9 4.91 4.91 0 0 0-4.9 4.9 4.91 4.91 0 0 0 4.9 4.9zm3.4 1.4h-.4c-.9.4-1.9.7-3 .7s-2.1-.3-3-.7h-.4c-2.8 0-5.1 2.3-5.1 5.1v1.3c0 1.2.9 2.1 2.1 2.1H189c1.2 0 2.1-.9 2.1-2.1v-1.3c.1-2.8-2.2-5.1-4.9-5.1zm9.2-1.4a4.23 4.23 0 0 0 4.2-4.2 4.23 4.23 0 0 0-4.2-4.2 4.23 4.23 0 0 0-4.2 4.2 4.23 4.23 0 0 0 4.2 4.2zm2.1 1.4h-.2c-.6.2-1.3.4-1.9.4-.7 0-1.3-.1-1.9-.4h-.2c-.9 0-1.7.3-2.4.7 1.1 1.2 1.7 2.7 1.7 4.4v1.7.3h7.7c1.2 0 2.1-.9 2.1-2.1 0-2.8-2.2-5-4.9-5zm285-32.9h-1.7V3.9c0-.2-.2-.4-.4-.4h-.8c-.2 0-.4.2-.4.4v1.7h-1.7c-.2 0-.4.2-.4.4v.8c0 .2.2.4.4.4h1.7v1.7c0 .2.2.4.4.4h.8c.2 0 .4-.2.4-.4V7.3h1.7c.2 0 .4-.2.4-.4V6c0-.2-.2-.4-.4-.4zM472 6.9a3.33 3.33 0 0 0 3.3-3.3A3.33 3.33 0 0 0 472 .3a3.33 3.33 0 0 0-3.3 3.3 3.33 3.33 0 0 0 3.3 3.3zm2.4.8h-.4c-.6.3-1.2.4-1.9.4s-1.3-.2-1.9-.4h-.4c-1.9 0-3.5 1.6-3.5 3.5v1.1c0 .7.6 1.3 1.3 1.3h9.2c.7 0 1.3-.6 1.3-1.3v-1.1c-.2-1.9-1.8-3.5-3.7-3.5zm-20.8.1c.7 0 1.2.5 1.2 1.2s-.5 1.2-1.2 1.2-1.2-.5-1.2-1.2.5-1.2 1.2-1.2m4.8-7.2c-1.7 0-3 1.3-3 3v1.2H450c-.7 0-1.2.5-1.2 1.2v6c0 .7.5 1.2 1.2 1.2h7.2c.7 0 1.2-.5 1.2-1.2V6c0-.7-.5-1.2-1.2-1.2h-.6V3.6a1.79 1.79 0 1 1 3.6 0v1.2h1.2V3.6a3.01 3.01 0 0 0-3-3M457.2 6v6H450V6h7.2zM132.7 3.6v-3l-5.2 5.2 5.2 5.2V8c3.7 0 6.3 1.2 8.2 3.8-.7-3.7-3-7.5-8.2-8.2zm2.5 28.9c-1.3-1.2-3-1.9-4.7-1.9-3.2 0-6 2.2-6.7 5.2-.1.2-.3.4-.5.4h-2.4c-.3 0-.5-.3-.5-.6a10.31 10.31 0 0 1 10.1-8.3c2.7 0 5.2 1.1 7.1 2.8l1.5-1.5c.6-.6 1.7-.2 1.7.7v5.5c0 .5-.4 1-1 1h-5.5c-.9 0-1.3-1.1-.7-1.7l1.6-1.6zm-13.9 6.7h5.5c.9 0 1.3 1.1.7 1.7l-1.7 1.7c1.3 1.2 3 1.9 4.7 1.9 3.2 0 6-2.2 6.7-5.2.1-.2.3-.4.5-.4h2.4c.3 0 .5.3.5.6a10.31 10.31 0 0 1-10.1 8.3c-2.7 0-5.2-1.1-7.1-2.8l-1.5 1.5c-.6.6-1.7.2-1.7-.7v-5.5c.1-.7.5-1.1 1.1-1.1zm160.5-6.3h8.4c.2 0 .3-.2.3-.5v-1.2c0-.3-.1-.5-.3-.5h-8.4c-.2 0-.3.2-.3.5v1.2c0 .3.1.5.3.5zm0 5h8.4c.2 0 .3-.2.3-.5v-1.2c0-.3-.1-.5-.3-.5h-8.4c-.2 0-.3.2-.3.5v1.2c0 .3.1.5.3.5zm0 5h8.4c.2 0 .3-.2.3-.5v-1.2c0-.3-.1-.5-.3-.5h-8.4c-.2 0-.3.2-.3.5v1.2c0 .3.1.5.3.5zm-7.1 1.1H268c-.5 0-.8-.4-.8-.8v-6.7l-1.1.8c-.3.3-.9.3-1.2 0l-2.4-2.3c-.3-.3-.3-.9 0-1.2l5-5h1.4c0 .9 1.1 1.7 2.5 1.7s2.5-.8 2.5-1.7h1.4l5 5c.3.3.3.9 0 1.2l-2.4 2.4c-.3.3-.9.3-1.2 0l-1.1-.8v6.6c0 .4-.4.8-.9.8M506.2 8.6h-1.7V6.9c0-.2-.2-.4-.4-.4h-.8c-.2 0-.4.2-.4.4v1.7h-1.7c-.2 0-.4.2-.4.4v.8c0 .2.2.4.4.4h1.7v1.7c0 .2.2.4.4.4h.8c.2 0 .4-.2.4-.4v-1.7h1.7c.2 0 .4-.2.4-.4V9c0-.2-.2-.4-.4-.4zm-9.1 4.8h-5.8a.68.68 0 0 1-.7-.7V6.9l-.9.7c-.3.3-.7.3-1 0l-2.1-2c-.3-.3-.3-.7 0-1l4.3-4.3h1.2c0 .8 1 1.5 2.2 1.5s2.2-.7 2.2-1.5h1.2l4.3 4.3c.3.3.3.7 0 1l-2.1 2.1c-.3.3-.7.3-1 0L498 7v5.7c-.1.4-.5.7-.9.7M166.9 43.2l-4.6-4.6c-.9-.9-2.3-1.1-3.4-.5l-4.2-4.2v-2.5l-5.1-3.8-2.5 2.5 3.8 5.1h2.5l4.2 4.2c-.5 1.1-.4 2.5.5 3.4l4.6 4.6c.6.6 1.5.6 2.1 0l2.1-2.1c.6-.6.6-1.5 0-2.1h0zm-6.7-6.7c1.1 0 2.2.4 3 1.2l.8.8a6.57 6.57 0 0 0 1.7-1.2c1.5-1.5 2-3.5 1.5-5.4-.1-.4-.5-.5-.8-.2l-2.9 2.9-2.7-.4-.4-2.7 2.9-2.9c.3-.3.1-.7-.2-.8-1.9-.5-3.9 0-5.4 1.5-1.1 1.1-1.7 2.6-1.6 4.1l3.2 3.2c.3-.1.6-.1.9-.1h0zm-4.1 3.2l-2.2-2.2-6 6c-1 1-1 2.6 0 3.6s2.6 1 3.6 0l4.9-4.9a3.59 3.59 0 0 1-.3-2.5h0zm-6.4 6.5c-.5 0-.9-.4-.9-.9s.4-.9.9-.9.9.4.9.9-.4.9-.9.9zM29.5 8.9V3.7l-2.1-2.1h-8.3V12h8.2v1.5h-8.2a1.54 1.54 0 0 1-1.5-1.5V1.6A1.54 1.54 0 0 1 19.1.1H28l3 3v5.8m-6.7-2.1c-1.3 0-2.2 1-2.2 2.2a2.22 2.22 0 0 0 2.2 2.2A2.22 2.22 0 0 0 26.5 9c0-1.2-.9-2.2-2.2-2.2zm-4.4-4.4h6.7v3h-6.7v-3zm12 6.5H31h-2.5-.7c-.3 0-.6.2-.6.6v.8 3.2c0 .3.2.6.6.6h.7H31h.7c.3 0 .6-.2.6-.6v-.7-2.5-.8c.2-.3-.1-.6-.4-.6m-1 4.1l-1-1-1 1-.4-.4 1-1-1-1 .4-.4 1 1 1-1 .4.4-1 1 1 1-.4.4zM10.4 0H1.5A1.54 1.54 0 0 0 0 1.5v10.4a1.54 1.54 0 0 0 1.5 1.5h10.4a1.54 1.54 0 0 0 1.5-1.5V3l-3-3zm1.5 11.9H1.5V1.5h8.3l2.1 2.1v8.3zM6.7 6.7a2.22 2.22 0 0 0-2.2 2.2 2.22 2.22 0 0 0 2.2 2.2 2.22 2.22 0 0 0 2.2-2.2 2.22 2.22 0 0 0-2.2-2.2zM2.2 2.2h6.7v3H2.2v-3zM115.9 0a6.81 6.81 0 0 1 6.8 6.8 6.74 6.74 0 0 1-6.8 6.8c-2.4 0-4.5-1.2-5.7-3.1l1.1-.8c.9 1.6 2.6 2.6 4.6 2.6 3 0 5.4-2.4 5.4-5.4s-2.4-5.4-5.4-5.4c-2.8 0-5 2.1-5.4 4.7h1.9L110 8.6l-2.6-2.5h1.8c.4-3.5 3.2-6.1 6.7-6.1m-11.4 41h2.1c.3 0 .7-.3.7-.7v-7.2c0-.3-.3-.7-.7-.7h-2.1c-.3 0-.7.3-.7.7v7.2a.68.68 0 0 0 .7.7zm5.1 0h2.1c.3 0 .7-.3.7-.7V28c0-.3-.3-.7-.7-.7h-2.1c-.3 0-.7.3-.7.7v12.3c0 .4.4.7.7.7zm-15.4 0h2.1c.3 0 .7-.3.7-.7v-3.8c0-.3-.3-.7-.7-.7h-2.1c-.3 0-.7.3-.7.7v3.8c0 .4.4.7.7.7zm5.1 0h2.1c.3 0 .7-.3.7-.7V29.7c0-.3-.3-.7-.7-.7h-2.1c-.3 0-.7.3-.7.7v10.6c.1.4.4.7.7.7zm13.9 3.4H90.1V28.2c0-.5-.4-.9-.9-.9h-1.7c-.5 0-.9.4-.9.9v18c0 .9.8 1.7 1.7 1.7h24.8c.5 0 .9-.4.9-.9v-1.7c.1-.5-.3-.9-.8-.9zm199-14.7H308c-.4-1.2-1.5-2-2.8-2s-2.4.8-2.8 2h-4.2c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-14a1.94 1.94 0 0 0-2-2m-7 0a.94.94 0 0 1 1 1 .94.94 0 1 1-2 0 .94.94 0 0 1 1-1m-5 4h10v-2h2v14h-14v-14h2v2zm7.9 8.9c-.5 0-1 .4-1 1 0 .5.4 1 1 1a.94.94 0 0 0 1-1c0-.6-.5-1-1-1m-7.9-7.9v1h1l1.8 3.8-.7 1.2c-.1.1-.1.3-.1.5 0 .5.4 1 1 1h5.9v-1h-5.7c-.1 0-.1-.1-.1-.1V41l.4-.8h3.7c.4 0 .7-.2.9-.5l1.8-3.2c0-.1.1-.2.1-.2a.47.47 0 0 0-.5-.5h-7.3l-.5-1m1.2 7.8c-.5 0-1 .4-1 1 0 .5.4 1 1 1 .5 0 1-.4 1-1a.94.94 0 0 0-1-1zM579.2 4.5V3.4h6.7v1.1h-6.7zm3.3 5.9l3.3-4.7h-6.7l3.4 4.7zm-9.2-2c.8 0 1.5.3 2 .8l.8-.8v2.9h-2.9l1.3-1.3c-.3-.3-.8-.5-1.3-.5a1.79 1.79 0 0 0-1.8 1.8 1.79 1.79 0 0 0 1.8 1.8 1.75 1.75 0 0 0 1.4-.7h1.2c-.4 1.1-1.5 1.8-2.7 1.8-1.6 0-2.9-1.3-2.9-2.9s1.5-2.9 3.1-2.9M563.2.1h10c.8 0 1.4.6 1.4 1.4v5.1c-.4-.1-.7-.1-1.1-.1-.9 0-1.8.3-2.5.7h-2v2.9h.1c-.1.4-.1.7-.1 1.1v.4h-5.7c-.8 0-1.4-.6-1.4-1.4V1.6c-.1-.8.5-1.5 1.3-1.5m0 2.9v2.9h4.3V3h-4.3m5.8 0v2.9h4.3V3H569m-5.8 4.3v2.9h4.3V7.3h-4.3zm-6.4 2v1.1h-6.7V9.3h6.7zm-3.3-5.9l-3.3 4.7h6.7l-3.4-4.7zm-9.2 5c.8 0 1.5.3 2 .8l.8-.8v2.9h-2.9l1.3-1.3c-.3-.3-.8-.5-1.3-.5a1.79 1.79 0 0 0-1.8 1.8 1.79 1.79 0 0 0 1.8 1.8 1.75 1.75 0 0 0 1.4-.7h1.2c-.4 1.1-1.5 1.8-2.7 1.8-1.6 0-2.9-1.3-2.9-2.9s1.5-2.9 3.1-2.9M534.2.1h10c.8 0 1.4.6 1.4 1.4v5.1c-.4-.1-.7-.1-1.1-.1-.9 0-1.8.3-2.5.7h-2v2.9h.1c-.1.4-.1.7-.1 1.1v.4h-5.7c-.8 0-1.4-.6-1.4-1.4V1.6c-.1-.8.5-1.5 1.3-1.5m0 2.9v2.9h4.3V3h-4.3m5.8 0v2.9h4.3V3H540m-5.8 4.3v2.9h4.3V7.3h-4.3zm-110-2.8V3.4h6.7v1.1h-6.7zm3.3 5.9l3.3-4.7h-6.7l3.4 4.7zm15.3-1.1v1.1h-6.7V9.3h6.7zm-3.3-5.9l-3.3 4.7h6.7l-3.4-4.7zM336.2 45.7h-14v-11h14m-3-7v2h-8v-2h-2v2h-1c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2h-1v-2m-8.6 13.9h1c0 .6.7 1 1.5 1s1.5-.5 1.5-1c0-.6-.5-.8-1.7-1-1.1-.3-2.5-.6-2.5-2 0-.9.8-1.7 1.8-2v-1.1h1.5v1.1c1 .3 1.8 1 1.8 2h-1c0-.6-.7-1-1.5-1s-1.5.5-1.5 1c0 .6.5.8 1.7 1 1.1.3 2.5.6 2.5 2 0 .9-.8 1.7-1.8 2v1.1h-1.5v-1.1c-1-.3-1.8-1.1-1.8-2zM237.2 4.5V3.4h6.7v1.1h-6.7zm3.3 5.9l3.3-4.7h-6.7l3.4 4.7zm-11.2.3a1.58 1.58 0 0 0 1.6-1.6 1.58 1.58 0 1 0-3.2 0 1.58 1.58 0 0 0 1.6 1.6m3.4-1.1l1 .7c.1.1.1.2.1.3l-.9 1.5c-.1.1-.2.1-.3.1l-1.2-.4c-.2.2-.5.3-.8.4l-.2 1.2c0 .1-.1.2-.2.2h-1.9c-.1 0-.2-.1-.2-.2l-.2-1.2c-.3-.1-.5-.3-.8-.4l-1.2.4c-.1 0-.2 0-.3-.1l-.9-1.5c-.1-.1 0-.2.1-.3l1-.7v-.4-.4l-1-.7c-.1-.1-.1-.2-.1-.3l.9-1.5c.1-.1.2-.1.3-.1l1.2.5c.2-.2.5-.3.8-.4l.2-1.2c0-.1.1-.2.2-.2h1.9c.1 0 .2.1.2.2l.2 1.2c.3.1.5.3.8.4l1.2-.5c.1 0 .2 0 .3.1l.9 1.5c.1.1 0 .2-.1.3l-1 .7v.4.4m-9.5-5.5a.94.94 0 0 0 1-1c0-.6-.5-1-1-1-.6 0-1.1.4-1.1 1s.5 1 1.1 1m2.2-.7l.6.5s.1.1 0 .2l-.6 1c0 .1-.1.1-.2.1l-.7-.3-.5.2-.1.8c0 .1-.1.1-.1.1h-1.2c-.1 0-.1-.1-.2-.1l-.1-.8-.5-.3-.8.3c-.1 0-.1 0-.2-.1l-.6-1v-.2l.6-.5V3v-.3l-.6-.5c-.1 0-.1-.1 0-.2l.6-1c0-.1.1-.1.2-.1l.8.3.5-.3.1-.8c0-.1.1-.1.2-.1h1.2c.1 0 .1.1.1.1l.1.8.5.3.7-.3c.1 0 .1 0 .2.1l.6 1v.2l-.6.5V3v.4zm48.4 5.9v1.1h-6.7V9.3h6.7zm-3.3-5.9l-3.3 4.7h6.7l-3.4-4.7zm-10.6 7.1a1.58 1.58 0 0 0 1.6-1.6 1.58 1.58 0 1 0-3.2 0 1.58 1.58 0 0 0 1.6 1.6m3.3-1.1l.9.7c.1.1.1.2.1.3l-.9 1.5c-.1.1-.2.1-.3.1l-1.1-.4c-.2.2-.5.3-.8.4l-.2 1.2c0 .1-.1.2-.2.2H259c-.1 0-.2-.1-.2-.2l-.2-1.2c-.3-.1-.5-.3-.8-.4l-1.1.4c-.1 0-.2 0-.3-.1l-.9-1.5c-.1-.1 0-.2.1-.3l.9-.7V9v-.4l-.9-.7c-.1-.1-.1-.2-.1-.3l.9-1.5c.1-.1.2-.1.3-.1l1.1.5c.2-.2.5-.3.8-.4l.2-1.2c0-.1.1-.2.2-.2h1.8c.1 0 .2.1.2.2l.2 1.2c.3.1.5.3.8.4l1.1-.5c.1 0 .2 0 .3.1l.9 1.5c.1.1 0 .2-.1.3l-.9.7V9l-.1.4M254 3.9a.94.94 0 0 0 1-1 .94.94 0 0 0-1-1c-.6 0-1 .5-1 1s.4 1 1 1m2.1-.7l.6.5s.1.1 0 .2l-.6 1c0 .1-.1.1-.2.1l-.7-.3-.5.3-.1.8c0 .1-.1.1-.1.1h-1.2c-.1 0-.1-.1-.1-.1l-.1-.8-.5-.3-.7.3c-.1 0-.1 0-.2-.1l-.6-1v-.2l.6-.5v-.3-.3l-.6-.5c-.1 0-.1-.1 0-.2l.6-1c0-.1.1-.1.2-.1l.7.3.5-.3.1-.8c0-.1.1-.1.1-.1h1.2c.1 0 .1.1.1.1l.1.8.5.3.7-.3c.1 0 .1 0 .2.1l.6 1v.2l-.6.5v.3.3zM76.6 29.4c2.5 1.8 4.1 4.7 4.1 8a9.82 9.82 0 0 1-9.8 9.8 9.82 9.82 0 0 1-9.8-9.8c0-3.3 1.6-6.2 4.1-8 .5-.3 1.1-.2 1.4.3l.6 1.1c.2.4.1.9-.3 1.2-1.6 1.2-2.7 3.2-2.7 5.3 0 3.7 2.9 6.7 6.7 6.7 3.6 0 6.7-2.9 6.7-6.7 0-2.1-1-4-2.7-5.3-.4-.3-.5-.8-.3-1.2l.6-1.1c.3-.5.9-.6 1.4-.3h0zm-4.2 8.3v-9.5c0-.5-.4-1-1-1h-1.3c-.5 0-1 .4-1 1v9.5c0 .5.4 1 1 1h1.3c.6 0 1-.5 1-1zM418.8 9.3v1.1h-6.7V9.3h6.7zm-3.3-5.9l-3.3 4.7h6.7l-3.4-4.7zm-12.1 7c-.7 0-1.3-.6-1.3-1.3s.6-1.3 1.3-1.3 1.3.6 1.3 1.3-.6 1.3-1.3 1.3m3.8 1.9V5.9h-7.6v6.3l7.6.1m0-7.7c.7 0 1.3.6 1.3 1.3v6.3c0 .7-.6 1.3-1.3 1.3h-7.6c-.7 0-1.3-.6-1.3-1.3V5.9c0-.7.6-1.3 1.3-1.3h.6V3.4c0-1.8 1.4-3.2 3.2-3.2s3.2 1.4 3.2 3.2v1.3l.6-.1m-3.8-3.1c-1.1 0-1.9.9-1.9 1.9v1.3h3.8V3.4c0-1.1-.9-1.9-1.9-1.9zm-15.2 3V3.4h6.7v1.1h-6.7zm3.3 5.9l3.3-4.7h-6.7l3.4 4.7zm-11.9 0c-.7 0-1.3-.6-1.3-1.3s.6-1.3 1.3-1.3 1.3.6 1.3 1.3-.6 1.3-1.3 1.3m3.8 1.9V5.9h-7.6v6.3l7.6.1m0-7.7c.7 0 1.3.6 1.3 1.3v6.3c0 .7-.6 1.3-1.3 1.3h-7.6c-.7 0-1.3-.6-1.3-1.3V5.9c0-.7.6-1.3 1.3-1.3h.6V3.4c0-1.8 1.4-3.2 3.2-3.2s3.2 1.4 3.2 3.2v1.3l.6-.1m-3.8-3.1c-1.1 0-1.9.9-1.9 1.9v1.3h3.8V3.4c0-1.1-.9-1.9-1.9-1.9zm-14.2 8.9c-.7 0-1.3-.6-1.3-1.3s.6-1.3 1.3-1.3 1.3.6 1.3 1.3-.6 1.3-1.3 1.3m3.8 1.9V5.9h-7.6v6.3l7.6.1m0-7.7c.7 0 1.3.6 1.3 1.3v6.3c0 .7-.6 1.3-1.3 1.3h-7.6c-.7 0-1.3-.6-1.3-1.3V5.9c0-.7.6-1.3 1.3-1.3h.6V3.4c0-1.8 1.4-3.2 3.2-3.2s3.2 1.4 3.2 3.2v1.3l.6-.1m-3.8-3.1c-1.1 0-1.9.9-1.9 1.9v1.3h3.8V3.4c0-1.1-.8-1.9-1.9-1.9zM221 35.4h-9.3v-2h9.3m0 6h-9.3v-2h9.3m-2.8 6.1h-6.5v-2h6.5m-1.8-12.2c.5 0 .9.5.9 1 0 .6-.4 1-.9 1s-.9-.5-.9-1c-.1-.5.3-1 .9-1m6.5 0H219c-.4-1.2-1.4-2-2.6-2s-2.2.8-2.6 2h-3.9c-1 0-1.9.9-1.9 2v14.1c0 1.1.8 2 1.9 2H223c1 0 1.9-.9 1.9-2v-14c-.1-1.2-1-2.1-2-2.1zm95.3-24.8V3.4h6.7v1.1h-6.7zm3.3 5.9l3.3-4.7h-6.7l3.4 4.7zm-13.6-7h1.4v1.4h-1.4V3.4zm0 2.8h1.4v4.1h-1.4V6.2zm.6-6.2a6.81 6.81 0 0 0-6.8 6.8c0 3.7 3.1 6.8 6.8 6.8s6.8-3.1 6.8-6.8a6.81 6.81 0 0 0-6.8-6.8zm0 12.3c-3 0-5.5-2.5-5.5-5.5s2.5-5.5 5.5-5.5 5.5 2.5 5.5 5.5-2.4 5.5-5.5 5.5zm46.3-3v1.1h-6.7V9.3h6.7zm-3.3-5.9l-3.3 4.7h6.7l-3.4-4.7zm-13.7.2h1.3V5h-1.3V3.6zm0 2.7h1.3v4h-1.3v-4zm.7-6a6.7 6.7 0 1 0 0 13.4 6.7 6.7 0 1 0 0-13.4zm0 12c-3 0-5.4-2.4-5.4-5.4s2.4-5.4 5.4-5.4 5.4 2.4 5.4 5.4-2.5 5.4-5.4 5.4zM54.8 37.2c0 5.7-4.6 10.3-10.3 10.3s-10.3-4.6-10.3-10.3 4.6-10.3 10.3-10.3 10.3 4.7 10.3 10.3zm-10-6.8c-2.3 0-3.7 1-4.8 2.6-.1.2-.1.5.1.7l1.4 1.1c.2.2.5.1.7-.1.7-.9 1.2-1.5 2.4-1.5.8 0 1.9.5 1.9 1.4 0 .6-.5.9-1.3 1.4-1 .5-2.3 1.2-2.3 2.9v.2a.47.47 0 0 0 .5.5h2.3a.47.47 0 0 0 .5-.5V39c0-1.2 3.5-1.2 3.5-4.4-.1-2.4-2.6-4.2-4.9-4.2zm-.3 10.2c-1.1 0-1.9.9-1.9 1.9 0 1.1.9 1.9 1.9 1.9a1.97 1.97 0 0 0 1.9-1.9c0-1-.8-1.9-1.9-1.9zM512.8 1.4v11.2h15V1.4h-15zm9.8 10.5h-4.5v-.8h4.5v.8zm0-1.5h-4.5V8.9h4.5v1.5zm0-2.2h-4.5V6.7h4.5v1.5zm4.5 3.7h-3.8v-.8h3.8v.8zm0-1.5h-3.8V8.9h3.8v1.5zm0-2.2h-3.8V6.7h3.8v1.5zm0-2.3h-3.8V4.4h3.8v1.5zm0-2.1h-.9v-.1h-1.1v.1h-.9v-.1h-1.1v.1h-.9v-.1h-1.1v.1h-.9v-.1h-1v.1h-.9v-.1h-.9v.9h.1v.8h-.1v.8h.1V7h-.1v.9h.1v.8h-.1v.9h0v.8h0v.8h0v.8h-.9 0-1 0-.9 0-.9v-.8h0v-.8h0v-1h0v-.8h0V2.2h.9 0 12.6V3h0l-.1.8h0zm-.9-.8v.8h.9V3h-.9zm-2 0v.8h.9V3h-.9zm-2 0v.8h.9V3h-.9zm-2 0v.8h.9V3h-.9zm5-.8V3h.9v-.8h-.9zm-2 0V3h.9v-.8h-.9zm-2 0V3h.9v-.8h-.9zm-2 0V3h.9v-.8h-.9zm-.9.8v.8h.9V3h-.9zm-2.8.8v.8h.9v-.8h-.9zm-1-.8v.8h.9V3h-.9zm2.7-.8V3h.9v-.8h-.9zm-3.6 0V3h.9v-.8h-.9zm1.7 0V3h.9v-.8h-.9zm1 .8v.8h.9V3h-.9zm-2.7.8v.8h.9v-.8h-.9zm2.9.8v.8h.9v-.8h-.9zm-2 0v.8h.9v-.8h-.9zm-.9 4v.8h.9v-.8h-.9zm1.8.1v.8h.9v-.8h-.9zm-.9.8v.8h.9v-.8h-.9zm-.9.8v.8h.9v-.8h-.9zm2.8-.8v.8h.9v-.8h-.9zm-1 .8v.8h.9v-.8h-.9zm-.9.8v.8h.9v-.8h-.9zm1.9 0v.8h.9v-.8h-.9zm-2.8-5.7v.8h.9v-.8h-.9zm1.9 0v.8h.9v-.8h-.9zm-1 .8V7h.9v-.8h-.9zm-.9.9v.8h.9v-.8h-.9zm2.9-.9V7h.9v-.8h-.9zm-1 .9v.8h.9v-.8h-.9zm-1 .8v.8h.9v-.8h-.9zm2 0v.8h.9v-.8h-.9zM179.2 4.5V3.4h6.7v1.1h-6.7zm3.3 5.9l3.3-4.7h-6.7l3.4 4.7zM176.3.3h-11.9c-.5 0-.8.7-.4 1.1l4.8 4.8v5.3a.55.55 0 0 0 .3.5l2.1 1.4c.4.3 1 0 1-.5V6.1l4.8-4.8c.1-.4-.2-1-.7-1zm36.5 9v1.1h-6.7V9.3h6.7zm-3.3-5.9l-3.3 4.7h6.7l-3.4-4.7zM203.8.3h-11.9c-.5 0-.8.7-.4 1.1l4.8 4.8v5.3a.55.55 0 0 0 .3.5l2.1 1.4c.4.3 1 0 1-.5V6.1l4.8-4.8c.2-.4-.1-1-.7-1zm-45.6 0h-11.9c-.5 0-.8.7-.4 1.1l4.8 4.8v5.3a.55.55 0 0 0 .3.5l2.1 1.4c.4.3 1 0 1-.5V6.1l4.8-4.8c.1-.4-.1-1-.7-1zM102.6.1c.2 0 .3.1.4.2a.76.76 0 0 1 .2.4v11.8c0 .2-.1.3-.2.4a.76.76 0 0 1-.4.2h-9.9c-.2 0-.3-.1-.4-.2a.76.76 0 0 1-.2-.4v-2.2H89c-.2 0-.3-.1-.4-.2a.76.76 0 0 1-.2-.4V3.6c0-.2.1-.3.2-.4A.76.76 0 0 1 89 3h3V.8c0-.2.1-.3.2-.4a.76.76 0 0 1 .4-.2M92 7.5l.9 1.7h1.3l-1.5-2.4 1.4-2.4h-1.3L92 5.9h0V6c-.1-.3-.3-.5-.4-.8s-.3-.5-.4-.8h-1.3l1.4 2.4-1.5 2.4h1.3m6 3v-1.9h-4.2v1.9m4.2-2.7V7.1h-1.4v2.3m1.4-3.2V3.9h-1.4v2.3m1.4-3.3V1.1h-4.2V3m9.3 9.2v-1.9H98v1.9m4.2-2.7V7.1H98v2.3m4.2-3.2V3.9H98v2.3m4.2-3.3V1.1H98V3l4.2-.1h0zm-18.3-.5A1.54 1.54 0 0 0 82.4.9H70.5A1.54 1.54 0 0 0 69 2.4v8.9a1.54 1.54 0 0 0 1.5 1.5h11.9a1.54 1.54 0 0 0 1.5-1.5V2.4zm-1.5 0l-6 3.7-6-3.7c0 0 12 0 12 0zm0 8.9H70.5V3.9l6 3.7 6-3.7-.1 7.4h0zm-38.2.1h.4c.1 0 .2-.1.2-.2V4.1c0-.1-.1-.2-.2-.2h-.4c-.1 0-.2.1-.2.2v7.1c0 .2.1.2.2.2zm-4.2 0h.4c.1 0 .2-.1.2-.2V4.1c0-.1-.1-.2-.2-.2H40c-.1 0-.2.1-.2.2v7.1c0 .2.1.2.2.2zm8-9.6h-2.7L44.4.6c-.2-.3-.6-.5-1-.5h-2.1c-.4 0-.8.2-1 .5l-.9 1.2h-2.7c-.1 0-.2.1-.2.2v.4c0 .1.1.2.2.2h.6v9.7c0 .7.6 1.3 1.3 1.3h0 7.6c.7 0 1.3-.6 1.3-1.3h0V2.6h.5c.1 0 .2-.1.2-.2V2c0-.1-.1-.2-.2-.2zm-7.1-.7c.1-.1.2-.1.3-.1h2.1c.1 0 .3.1.3.2l.5.7h-3.8l.6-.8zm5.6 11.2c0 .2-.2.4-.4.4h-7.6c-.2 0-.4-.2-.4-.4V2.6h8.4v9.7zm-4.4-.9h.4c.1 0 .2-.1.2-.2V4.1c0-.1-.1-.2-.2-.2h-.4c-.1 0-.2.1-.2.2v7.1c0 .2.1.2.2.2zm214 26.3v-.6c0-.4-.3-.6-.6-.6h-11.1v-1.6h2.9c.7 0 1.3-.6 1.3-1.3v-5.1c0-.7-.6-1.3-1.3-1.3h-7.6c-.7 0-1.3.6-1.3 1.3v5.1c0 .7.6 1.3 1.3 1.3h2.9v1.6h-11.1c-.4 0-.6.3-.6.6v.6c0 .4.3.6.6.6h4.1V40h-2.2c-.7 0-1.3.6-1.3 1.3v5.1c0 .7.6 1.3 1.3 1.3h6.3c.7 0 1.3-.6 1.3-1.3v-5.1c0-.7-.6-1.3-1.3-1.3h-2.2v-1.6h12.1V40h-2.2c-.7 0-1.3.6-1.3 1.3v5.1c0 .7.6 1.3 1.3 1.3h6.3c.7 0 1.3-.6 1.3-1.3v-5.1c0-.7-.6-1.3-1.3-1.3h-2.2v-1.6h4.1c.2 0 .5-.3.5-.7zm-15.2-5.3v-2.5h5.1v2.5h-5.1zM238.4 45h-3.8v-2.5h3.8V45zm13.9 0h-3.8v-2.5h3.8V45zM63.1.7h-9.3c-.7 0-1.3.6-1.3 1.3v9.3c0 .7.6 1.3 1.3 1.3h9.3c.7 0 1.3-.6 1.3-1.3V2.1c.1-.8-.5-1.4-1.3-1.4m0 10.6h-9.3V2.1h9.3v9.2m-1.3-7l-2.4 2.4 2.4 2.4-.9.9-2.4-2.4-2.4 2.4-.9-.9 2.4-2.4-2.4-2.4.9-.9 2.4 2.4 2.4-2.4.9.9zm282.4 41a2.22 2.22 0 0 0 2.2 2.2h22.1a2.22 2.22 0 0 0 2.2-2.2v-8.1h-26.5v8.1h0zm8.8-3.1c0-.3.2-.6.6-.6h6.2c.3 0 .6.2.6.6V44c0 .3-.2.6-.6.6h-6.2c-.3 0-.6-.2-.6-.6v-1.8zm-5.9 0c0-.3.2-.6.6-.6h3.3c.3 0 .6.2.6.6V44c0 .3-.2.6-.6.6h-3.3c-.3 0-.6-.2-.6-.6v-1.8zm23.5-13v2.2h-26.5v-2.2a2.22 2.22 0 0 1 2.2-2.2h22.1c1.3-.1 2.2.9 2.2 2.2zM1.4 45.3a2.22 2.22 0 0 0 2.2 2.2h22.1a2.22 2.22 0 0 0 2.2-2.2v-8.1H1.4v8.1zm8.8-3.1c0-.3.2-.6.6-.6H17c.3 0 .6.2.6.6V44c0 .3-.2.6-.6.6h-6.2c-.3 0-.6-.2-.6-.6v-1.8zm-5.9 0c0-.3.2-.6.6-.6h3.3c.3 0 .6.2.6.6V44c0 .3-.2.6-.6.6H4.8c-.3 0-.6-.2-.6-.6l.1-1.8h0zm23.5-13v2.2H1.4v-2.2A2.22 2.22 0 0 1 3.6 27h22.1c1.1-.1 2.1.9 2.1 2.2zm377.1-1.9H377a.68.68 0 0 0-.7.7v18.4a1.54 1.54 0 0 0 1.5 1.5h26.5a1.54 1.54 0 0 0 1.5-1.5V28c-.2-.4-.5-.7-.9-.7zm-.8 19.1h-26.5V33.1h26.5v13.3zm0-14.7h-26.5v-2.9h26.5v2.9zM381 43.4h6.6c.2 0 .4-.2.4-.4v-.7c0-.2-.2-.4-.4-.4H381c-.2 0-.4.2-.4.4v.7c0 .3.2.4.4.4zm13.2 0h6.6c.2 0 .4-.2.4-.4v-.7c0-.2-.2-.4-.4-.4h-6.6c-.2 0-.4.2-.4.4v.7c.1.3.2.4.4.4zM381 39h9.6c.2 0 .4-.2.4-.4v-.7c0-.2-.2-.4-.4-.4H381c-.2 0-.4.2-.4.4v.7c0 .3.2.4.4.4zm13.6 0h5.9a.68.68 0 0 0 .7-.7v-2.9a.68.68 0 0 0-.7-.7h-5.9a.68.68 0 0 0-.7.7v2.9a.68.68 0 0 0 .7.7zm.7-2.9h4.4v1.5h-4.4v-1.5zm154.9-4.6v-1.1h6.7v1.1h-6.7zm3.3 5.9l3.3-4.7h-6.7l3.4 4.7zm-9.5-2.3a3.01 3.01 0 0 0-3 3 3.08 3.08 0 0 0 3 3 3.01 3.01 0 0 0 3-3 3.01 3.01 0 0 0-3-3m0 5.1c-1.1 0-2-.9-2-2a1.69 1.69 0 0 1 .3-1l2.8 2.8c-.3.1-.7.2-1.1.2m1.8-1l-2.8-2.8a1.69 1.69 0 0 1 1-.3c1.1 0 2 .9 2 2a1.39 1.39 0 0 1-.2 1.1zM540 38a3.84 3.84 0 0 1 3.9-3.9c.4 0 .8.1 1.2.2v-4.6c0-.7-.6-1.4-1.4-1.4h-2.8c-.3-.8-1-1.4-1.9-1.4s-1.6.6-1.9 1.4h-2.8c-.7 0-1.4.6-1.4 1.4v9.5c0 .7.6 1.4 1.4 1.4h6.7c-.7-.8-1-1.6-1-2.6zm-1-8.3a.68.68 0 0 1-.7-.7.68.68 0 1 1 1.4 0c0 .4-.4.7-.7.7zm4.9 5.4c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3m0 5c-1.1 0-2-.9-2-2a1.69 1.69 0 0 1 .3-1l2.7 2.7a1.69 1.69 0 0 1-1 .3m1.7-1l-2.7-2.7a1.69 1.69 0 0 1 1-.3c1.1 0 2 .9 2 2a1.69 1.69 0 0 1-.3 1zm-5.6 0h-5.9v-9.4h1.3V31h6.7v-1.3h1.3V34h.2c.4 0 .8.1 1.2.2v-4.5c0-.7-.6-1.3-1.3-1.3h-2.8c-.3-.8-1-1.3-1.9-1.3s-1.6.6-1.9 1.3h-2.8c-.7 0-1.3.6-1.3 1.3v9.4c0 .7.6 1.3 1.3 1.3h6.6a7.62 7.62 0 0 1-.7-1.3zm-1.1-10.8a.68.68 0 0 1 .7.7.68.68 0 1 1-1.4 0 .68.68 0 0 1 .7-.7zm46.9 8v1.1h-6.7v-1.1h6.7zm-3.3-5.9l-3.3 4.7h6.7l-3.4-4.7zm-9.5 4.7a3.01 3.01 0 0 0-3 3 3.08 3.08 0 0 0 3 3 3.01 3.01 0 0 0 3-3 3.01 3.01 0 0 0-3-3m0 5.1c-1.1 0-2-.9-2-2a1.69 1.69 0 0 1 .3-1l2.8 2.8c-.3.1-.7.2-1.1.2m1.8-1l-2.8-2.8a1.69 1.69 0 0 1 1-.3c1.1 0 2 .9 2 2a1.39 1.39 0 0 1-.2 1.1zM569 38a3.84 3.84 0 0 1 3.9-3.9c.4 0 .8.1 1.2.2v-4.6c0-.7-.6-1.4-1.4-1.4h-2.8c-.3-.8-1-1.4-1.9-1.4s-1.6.6-1.9 1.4h-2.8c-.7 0-1.4.6-1.4 1.4v9.5c0 .7.6 1.4 1.4 1.4h6.7c-.7-.8-1-1.6-1-2.6zm-1-8.3a.68.68 0 0 1-.7-.7.68.68 0 1 1 1.4 0c0 .4-.4.7-.7.7zm4.9 5.4c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3m0 5c-1.1 0-2-.9-2-2a1.69 1.69 0 0 1 .3-1l2.7 2.7a1.69 1.69 0 0 1-1 .3m1.7-1l-2.7-2.7a1.69 1.69 0 0 1 1-.3c1.1 0 2 .9 2 2a1.69 1.69 0 0 1-.3 1zm-5.6 0h-5.9v-9.4h1.3V31h6.7v-1.3h1.3V34h.2c.4 0 .8.1 1.2.2v-4.5c0-.7-.6-1.3-1.3-1.3h-2.8c-.3-.8-1-1.3-1.9-1.3s-1.6.6-1.9 1.3h-2.8c-.7 0-1.3.6-1.3 1.3v9.4c0 .7.6 1.3 1.3 1.3h6.6a7.62 7.62 0 0 1-.7-1.3zm-1.1-10.8a.68.68 0 0 1 .7.7.68.68 0 1 1-1.4 0 .68.68 0 0 1 .7-.7zm-73.7 3.2v-1.1h6.7v1.1h-6.7zm3.3 5.9l3.3-4.7h-6.7l3.4 4.7zm-9.2-5h-6.8V31h6.8m0 4.1h-6.8v-1.4h6.8m-2 4.1h-4.7v-1.4h4.7m-1.4-8a.68.68 0 0 1 .7.7.68.68 0 1 1-1.4 0 .68.68 0 0 1 .7-.7m4.7 0h-2.8c-.3-.8-1-1.4-1.9-1.4s-1.6.6-1.9 1.4h-2.8c-.7 0-1.4.6-1.4 1.4v9.5c0 .7.6 1.4 1.4 1.4h9.5c.7 0 1.4-.6 1.4-1.4v-9.5c-.1-.8-.7-1.4-1.5-1.4zm38.2 7.9v1.1h-6.7v-1.1h6.7zm-3.3-5.9l-3.3 4.7h6.7l-3.4-4.7zm-9.2 2h-6.8V31h6.8m0 4.1h-6.8v-1.4h6.8m-2 4.1h-4.7v-1.4h4.7m-1.4-8a.68.68 0 0 1 .7.7.68.68 0 1 1-1.4 0 .68.68 0 0 1 .7-.7m4.7 0h-2.8c-.3-.8-1-1.4-1.9-1.4s-1.6.6-1.9 1.4h-2.8c-.7 0-1.4.6-1.4 1.4v9.5c0 .7.6 1.4 1.4 1.4h9.5c.7 0 1.4-.6 1.4-1.4v-9.5c-.1-.8-.7-1.4-1.5-1.4z"/><path d="M593.2 42.2h4.4c1-5.2 3.3-9.3 6.9-12.3v-2.8H591v3.1h8.9c-3.5 3.6-5.7 7.4-6.7 12zm13.7-15v3.1h-1.7V33h1.7v6.5c0 2.1 1.2 2.8 3.8 2.8h2.4v-2.8h-1.5c-1.2 0-1.2-.2-1.2-1.6V33h2.7v-2.7h-2.7v-3.1h-3.5zm7.1 15h3.6v-5.7c0-2.1 1.3-3.3 3.4-3.3 2 0 2.5 1.1 2.5 3.4v5.6h3.6v-6.4c0-1.5 0-2.7-.7-3.7-.8-1.2-2.3-1.8-4.3-1.8-1.8 0-3.3.7-4.5 2v-5.7H614v15.6h0z" fill="%233366ff"/><path d="M352.4 40.7h8.7v5h-8.7z" fill="none" stroke="%23ff0000" stroke-miterlimit="10"/></svg>');
}
.chinaonly {display:none;}
html, body {
background-color:#f6f6f6;
height:100%;
margin:0;
padding:0;
width:100%;
}
body, body * {
font-family: "Arial", fontawesome, sans-serif !important;
font-size: 12px !important;
}
.z-vlayout-inner {
padding:0 !important;
}
.z-hlayout-inner {
padding-right: 0 !important;
}
.z-icon-sync {
content:"\f2f1"
}
a:visited, a:active, a:link {
color: var(--color-links);
text-decoration:underline;
}
.z-select {
height: 34px;
padding: 0 4px;
border: 1px solid #D9D9D9;
border-radius: 4px;
}
.z-listheader-content, .z-listcell-content, .z-listgroup-content, .z-listgroupfoot-content, .z-listfooter-content {
font-weight: normal;
font-style: normal;
line-height: 1.3em;
overflow: hidden;
padding: 10px 10px;
}
.z-listheader-content {
color: #fff;
}
.z-listheader, .z-listhead-bar {
/*border-left: 1px solid #ccc;*/
border-bottom: 1px solid #ccc;
background: var(--color-hover-opened);
}
.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox {
font-weight: normal;
font-style: normal;
color: rgba(0,0,0,0.9);
height: 34px;
border: 1px solid #D9D9D9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
padding: 0 8px;
line-height: 16px;
background: #fff;
}
.z-button {
font-weight: normal !important;
font-style: normal;
min-height: 34px;
border: 1px solid var(--color-buttons) !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
color:var(--color-buttons) !important;
padding: 8px 16px;
line-height: normal;
background: #fff !important;
box-shadow:none;
cursor: pointer;
white-space: nowrap;
text-shadow: none !important;
margin:0 5px;
}
.z-button.ddbtn { border-radius: 0 4px 4px 0 !important; }
.z-button.pbtn {
background:var(--color-buttons) !important;
color: #fff !important;
font-weight:normal !mportant;
}
.z-button.delbtn {
background:#fff;
border-color:var(--color-destructive) !important;
color: var(--color-destructive) !important;
}
.z-button.pbtn.delbtn {
background:var(--color-destructive) !important;
border-color:var(--color-destructive) !important;
color: #fff !important;
}
.headerbox {
background:#fff;
border-bottom:#36f solid 1px;
height:60px;
}
.topcontainer {
border-right:solid 1px #dedede;
z-index:5;
}
.metalabel { color:#36f; }
.pagetitle {
align-items:center;
/*color:var(--color-mainsvg);*/
display: flex;
font-size:15px !important;
height:60px;
padding:10px 20px;
}
/*** START STANDARD SWITCH ***/
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
.switch input[type="checkbox"] {
-webkit-appearance: none;
height: 30px;
outline: none;
display: inline-block;
vertical-align: top;
position: relative;
margin: 0;
cursor: pointer;
border: 1px solid var(--bc, var(--switch-border));
background: var(--b, var(--switch-unchecked-bg-color));
transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
width: 57px;
border-radius: 100px;
}
.switch input[type="checkbox"]::after {
top: 1px;
left: 2px;
border-radius: 50%;
width: 26px;
height: 26px;
background: var(--switch-toggle);
box-shadow: 0 0 2px rgb(0 0 0 / 15%), 0 3px 1px rgb(0 0 0 / 10%), 0 5px 15px rgb(0 0 0 / 15%);
transform: translateX(var(--x, 0));
content: "";
display: block;
position: absolute;
-webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
}
.switch input[type="checkbox"]:checked {
--ab: var(--switch-toggle);
--x: 26px;
--b: var(--switch-checked-bg-color);
--bc: var(--switch-checked-bg-color);
--d-o: 0.3s;
--d-t: 0.6s;
--d-t-e: cubic-bezier(0.4, 0.5, 0, 1);
}
.switch input[type="checkbox"]:focus, .text-switch:focus {
border-radius: 30px;
box-shadow: 0 0 0 var(--switch-focus);
}
.switch input[type="checkbox"]:hover:not(:checked):not(:disabled) {
--bc: var(--switch-checked-bg-color);
}
.switch input[type="checkbox"]:disabled::after {
opacity: 0.8;
}
.switch input[type="checkbox"]:disabled:not(:checked)::after {
opacity: 0.6;
}
}
.switch input[type="checkbox"]:disabled {
--b: #ddd;
cursor: not-allowed;
opacity: 0.9;
}
.switch input[type="checkbox"]:disabled:checked {
--b: var(--switch-disabled-toggle);
--bc: var(--switch-disabled-toggle);
}
.switch input[type="checkbox"]:checked:before {
content: "";
}
.z-menu, .z-menuitem {
border-radius:0;
}
/*** END STANDARD SWITCH ****/
/*** Start NAV ****/
.zknavbar .z-menu-icon {
color:var(--color-mainsvg);
position: relative;
padding-left: 5px;
top: -2px;
right: 0;
}
.zknavbar .z-menu-icon:hover, .zknavbar .z-menu-icon:active {
color:var(--color-hover-opened);
}
.zknavbar .z-menu a:hover, .zknavbar .z-menu a:focus {
color:var(--color-hover-opened);
}
.zknavbar .z-menu-text, .zknavbar .z-menuitem-text {
}
.zknavbar {
border-right: 1px solid #ccc !important;
position:releative;
padding: 0;
width:60px;
z-index:30;
}
.zknavbar ul {
}
.zknavbar ul li {
padding-left: 2px;
margin-right:2px;
}
.zknavbar, .zknavbar ul {
background:#fff;
min-height:540px;
height: 100%;
position:relative;
}
.zknavbar .z-menuitem {
position:relative;
}
.zknavbar .z-menuitem-text {
line-height: 14px;
}
.zknavbar .z-menu, .zknavbar .z-menuitem {
width:56px !important;
}
.zknavbar .z-menu, .zknavbar .z-menuitem:not(.zknavbar .z-menuitem:last-child) {
border-bottom: 1px solid #ccc;
}
.zknavbar .z-menuitem:last-child {
border-top: 1px solid #ccc;
}
.zknavbar .z-menu a, .zknavbar .z-menupopup-content a {
}
.zknavbar.z-menubar-vertical li {
margin: 0;
}
.zknavbar .z-menu a, .zknavbar .z-menuitem-content {
color:var(--color-mainsvg);
text-align:center;
text-decoration: none;
white-space: pre-wrap;
}
.zknavbar .z-menu a {
min-height:60px;
min-width:56px;
display:inline-block;
}
.z-menubar, z-navbar, .z-menu-content, .z-menuitem-content {
background:transparent !important;
}
.zknavbar.z-menubar-horizontal li {
margin: 0 !important;
}
.z-menu-image, .z-menuitem-image {
max-width: 40px !important;
}
.zknavbar .z-menuitem {
line-height:0;
height:60px;
width:60px;
}
.zknavbar .z-menuitem .z-menu-image,
.zknavbar .z-menuitem .z-menuitem-image {
padding:0;
margin: 2px auto 0 auto !important;
display:block;
max-width: auto;
background-color:var(--color-mainsvg);
-webkit-mask: var(--svgmenu) 0 0 / 629px 48px no-repeat border-box;
mask: var(--svgmenu) 0 0 / 629px 48px no-repeat;
}
.subnav-container .z-navitem .z-navitem-image {
padding:0;
display:inline-block;
max-width: 58px;
background-color:var(--color-mainsvg);
-webkit-mask: var(--svgmenu) 0 0 / 629px 48px no-repeat border-box;
mask: var(--svgmenu) 0 0 / 629px 48px no-repeat;
}
.zknavbar .z-menuitem:hover .z-menu-image, .zknavbar .z-menuitem:hover .z-menuitem-image,
.zknavbar .z-menuitem.opened .z-menu-image, .zknavbar .z-menuitem.opened .z-menuitem-image,
.mcost.opened img, .mretail.opened img, .munits.opened img,
.subnav-container .z-navbar .z-navitem:hover .z-navitem-image {
background-color:var(--color-hover-opened);
}
.zknavbar .z-menuitem:hover *, .zknavbar .z-menuitem.opened *, .opened *,
.subnav-container .z-navbar .z-navitem:hover *, .subnav-container .z-navbar .z-navitem.opened *{
color:var(--color-hover-opened);
}
.zknavbar .z-menu-content, .zknavbar .z-menuitem-content {
border: none;
border-radius: 0;
padding: 0;
min-height:60px;
min-width:56px;
display: flex;
flex-direction:column;
align-items: center;
justify-content: center;
}
.zknavbar .z-menuitem.IconLogo .z-menuitem-image {
background-color:var(--color-hover-opened);
-webkit-mask-position:top -27px left -592px;
mask-position:top -27px left -592px;
height:16px;
width:36px;
}
.zknavbar .z-menuitem.IconOTB .z-menuitem-image {
-webkit-mask-position:top -27px left -320px;
mask-position:top -27px left -320px;
height:24px;
width:19px;
}
.zknavbar .z-menuitem.IconStyleListMedia .z-menuitem-image {
-webkit-mask-position:top -27px left -263px;
mask-position:top -27px left -263px;
height:20px;
width:29px;
}
.zknavbar .z-menuitem.IconPORec .z-menuitem-image {
-webkit-mask-position:top -28px left -296px;
mask-position:top -27px left -296px;
height:23px;
width:20px;
}
.zknavbar .z-menuitem.IconReports .z-menuitem-image {
-webkit-mask-position:top -28px left -87px;
mask-position:top -27px left -87px;
height:23px;
width:28px;
}
.zknavbar .z-menuitem.IconSync .z-menuitem-image {
-webkit-mask-position:top -27px left -121px;
mask-position:top -27px left -121px;
height:21px;
width:20px;
}
.zknavbar .z-menuitem.IconSync .z-menuitem-text {
margin-top: 3px;
}
.zknavbar .z-menuitem.IconSettings .z-menuitem-image {
-webkit-mask-position:top -27px left -148px;
mask-position:top -27px left -148px;
height:24px;
width:20px;
}
.zknavbar .z-menuitem.IconHelp .z-menuitem-image {
-webkit-mask-position:top -27px left -34px;
mask-position:top -27px left -34px;
height:22px;
width:21px;
}
.zknavbar .z-menuitem.IconLogOut .z-menuitem-image {
-webkit-mask-position:top -27px left -61px;
mask-position:top -27px left -61px;
height:22px;
width:20px;
}
.zknavbar .z-menuitem.IconLogOut {
position:absolute;
bottom:0;
}
@media only screen and (max-height: 540px) {
.zknavbar .z-menuitem:last-child {
border-top: none;
}
}
/*** End NAV ***/
/*** Start Settings Navbar **/
.subnav-container .z-navitem.IconBilling .z-navitem-image {
-webkit-mask-position:top -27px left 0;
mask-position:top -27px left 0;
height:27px;
width:32px;
margin-right:10px;
}
.subnav-container .z-navitem.IconDataConnections .z-navitem-image {
-webkit-mask-position:top -27px left -229px;
mask-position:top -27px left -229x;
height:27px;
width:33px;
margin-right:10px;
}
.subnav-container .z-navitem.IconInventory .z-navitem-image {
-webkit-mask-position:top -27px left -206px;
mask-position:top -27px left -206px;
height:27px;
width:20px;
margin-left:4px;
margin-right:19px;
}
.subnav-container .z-navitem.IconUsers .z-navitem-image {
-webkit-mask-position:top -27px left -174px;
mask-position:top -27px left -174px;
height:27px;
width:32px;
margin-right:10px;
}
/*** End Settings Navbar **/
/*** Start Menubar ***/
.z-menubar {
border:0;
}
.zkmenubar {
background-color:#fff;
border-bottom: 1px solid #ccc;
}
.zkmenubar .z-menu-icon {
color:var(--color-mainsvg);
position: relative;
padding-left: 5px;
top: -2px;
right: 0;
}
.zkmenubar .z-menu-content i, .zkmenubar .z-menuitem-content i {
margin-right: 0;
}
.zkmenubar .z-menu-icon:hover, .zkmenubar .z-menu-icon:active {
color:var(--color-hover-opened);
}
.zkmenubar .z-menu a:hover, .zkmenubar .z-menu a:focus {
color:var(--color-hover-opened);
}
.zkmenubar .z-menu-text, .zkmenubar .z-menuitem-text {
margin:0 auto;
padding-bottom:3px;
}
.zkmenubar {
border-top: none;
position:relative;
}
.zkmenubar .z-menu, .zkmenubar .z-menuitem:not(.zkmenubar .z-menuitem:last-child) {
border-right: 1px solid #ccc;
}
.zkmenubar .z-menuitem {
position:relative;
}
.zkmenubar .z-menuitem:last-child {
border-left: 1px solid #ccc;
position: absolute;
right:0;
}
.zkmenubar .z-menu a, .z-menupopup-content a {
line-height:37px;
}
.zkmenubar .z-menu a, .zkmenubar .z-menuitem-content {
height:40px;
max-height:40px;
color:#666;
vertical-align: middle;
}
.z-menubar, .z-menu-content, .zkmenubar .z-menuitem-content {
background:#fff !important;
}
.zkmenubar.z-menubar-horizontal li {
margin: 0 !important;
}
.zkmenubar .z-menu-image, .zkmenubar .z-menuitem-image {
max-width: 40px !important;
}
.zkmenubar .z-menuitem {
line-height:0;
min-width:40px;
}
.zkmenubar .z-menuitem .z-menu-image,
.zkmenubar .z-menuitem .z-menuitem-image {
padding:0;
margin: 2px auto 0 auto !important;
display:block;
height:15px;
max-width: auto;
width:15px;
background-color:var(--color-mainsvg);
-webkit-mask: var(--svgmenu) 0 0 / 629px 48px no-repeat border-box;
mask: var(--svgmenu) 0 0 / 629px 48px no-repeat;
}
.mcost a, .mretail a, .munits a {
color:#666;
}
.mcost img, .mretail img, .munits img {
background-color:var(--color-mainsvg);
-webkit-mask: var(--svgmenu) 0 0 / 629px 48px no-repeat border-box;
mask: var(--svgmenu) 0 0 / 629px 48px no-repeat;
}
.zkmenubar .z-menuitem:hover .z-menu-image,
.zkmenubar .z-menuitem:hover .z-menuitem-image,
.zkmenubar .z-menuitem.opened .z-menu-image,
.zkmenubar .z-menuitem.opened .z-menuitem-image,
.mcost.opened img, .mretail.opened img, .munits.opened img {
background-color:var(--color-hover-opened);
}
.mcost.opened a, .mretail.opened a, .munits.opened a {
pointer-events: none;
}
.zkmenubar .z-menuitem:hover *, .zkmenubar .z-menuitem.opened *, .opened * {
color:var(--color-hover-opened);
}
.zkmenubar .z-menu-content, .zkmenubar .z-menuitem-content {
border: none;
border-radius: 0;
padding: 4px 10px;
}
.zkmenubar .z-menuitem.IconSaveClose .z-menuitem-image {
-webkit-mask-position: top 0 left -17px;
mask-position: top 0 left -17px;
}
.zkmenubar .z-menuitem.IconDelete .z-menuitem-image {
-webkit-mask-position: top 0 left -17px;
mask-position: top 0 left -17px;
}
.zkmenubar .z-menuitem.IconDelete .z-menuitem-image {
-webkit-mask-position: top 0 left -36px;
mask-position: top 0 left -36px;
}
.zkmenubar .z-menuitem.IconClose .z-menuitem-image {
-webkit-mask-position:top 0 left -51px;
mask-position: top 0 left -51px;
}
.zkmenubar .z-menuitem.IconEmail .z-menuitem-image {
-webkit-mask-position:top 0 left -67px;
mask-position: top 0 left -67px;
width:17px;
}
.zkmenubar .z-menuitem.IconExcel .z-menuitem-image {
-webkit-mask-position: top 0 left -88px;
mask-position: top 0 left -88px;
}
.zkmenubar .z-menuitem.IconFreeze .z-menuitem-image {
-webkit-mask-position:top 0 left -511px;
mask-position:top 0 left -511px;
width:20px;
}
.zkmenubar .z-menuitem.IconReset .z-menuitem-image {
-webkit-mask-position:top 0 left -107px;
mask-position:top 0 left -107px;
width:19px;
}
.zkmenubar .z-menuitem.IconUndo .z-menuitem-image {
-webkit-mask-position:top 0 left -127px;
mask-position:top 0 left -127px;
}
.zkmenubar .z-menuitem.IconView .z-menuitem-image {
-webkit-mask-position:top 0 left -278px;
mask-position:top 0 left -278px;
width:21px;
}
.zkmenubar .z-menuitem.IconUseradd .z-menuitem-image {
-webkit-mask-position:top 0 left -463px;
mask-position:top 0 left -463px;
width:21px;
}
.zkmenubar .z-menuitem.IconStylecoloradd .z-menuitem-image {
-webkit-mask-position:top 0 left -485px;
mask-position:top 0 left -485px;
width:25px;
}
.zkmenubar .z-menuitem.IconFilter-OC .z-menuitem-image {
-webkit-mask-position:top 0 left -162px;
mask-position:top 0 left -162px;
width:26px;
}
.zkmenubar .z-menuitem.IconFilter-OC.opened .z-menuitem-image {
-webkit-mask-position:top 0 left -190px;
mask-position:top 0 left -190px;
}
.zkmenubar .z-menuitem.IconInfo-OC .z-menuitem-image {
-webkit-mask-position:top 0 left -300px;
mask-position:top 0 left -300px;
width:27px;
}
.zkmenubar .z-menuitem.IconInfo-OC.opened .z-menuitem-image {
-webkit-mask-position:top 0 left -331px;
mask-position:top 0 left -331px;
}
.zkmenubar .z-menuitem.IconPopulate-OC .z-menuitem-image {
-webkit-mask-position:top 0 left -561px;
mask-position:top 0 left -561px;
width:26px;
}
.zkmenubar .z-menuitem.IconPopulate-OC.opened .z-menuitem-image {
-webkit-mask-position:top 0 left -532px;
mask-position:top 0 left -532px;
}
.zkmenubar .z-menuitem.IconOptions-OC .z-menuitem-image {
-webkit-mask-position:top 0 left -220px;
mask-position:top 0 left -561px;
width:25px;
}
.zkmenubar .z-menuitem.IconOptions-OC.opened .z-menuitem-image {
-webkit-mask-position:top 0 left -251px;
mask-position:top 0 left -532px;
}
.zkmenubar .z-menuitem.IconLock-OC .z-menuitem-image {
-webkit-mask-position:top 0 left -372px;
mask-position:top 0 left -372px;
width:25px;
}
.zkmenubar .z-menuitem.IconLock-OC.opened .z-menuitem-image {
-webkit-mask-position:top 0 left -396px;
mask-position:top 0 left -396px;
}
.zkmenubar .z-menuitem.IconCreateJob-OC .z-menuitem-image {
-webkit-mask-position:top -27px left -478px;
mask-position:top -27px left -478px;
width:25px;
}
.zkmenubar .z-menuitem.IconCreateJob-OC.opened .z-menuitem-image {
-webkit-mask-position:top -27px left -505px;
mask-position:top -27px left -505px;
}
.zkmenubar .z-menuitem.IconCancelJob-OC .z-menuitem-image {
-webkit-mask-position:top -27px left -532px;
mask-position:top -27px left -532px;
width:25px;
}
.zkmenubar .z-menuitem.IconCancelJob-OC.opened .z-menuitem-image {
-webkit-mask-position:top -27px left -561px;
mask-position:top -27px left -561px;
}
.mcost img {
-webkit-mask-position:top -25px left -459px;
mask-position:top -25 left -459px;
}
.mretail img {
-webkit-mask-position:top -25px left -421px;
mask-position:top -25 left -421px;
}
.munits img {
-webkit-mask-position:top -25px left -439px;
mask-position:top -25 left -439px;
}
.z-menupopup-separator {
background:none;
}
.z-menupopup {
background:#fff;
margin-top:3px;
margin-left: -2px;
}
.z-menupopup .z-menu-image, .z-menupopup .z-menuitem-image {
min-width: 19px;
min-height: 19px;
}
.zkmenubar .menuitem-disabled *,
.zkmenubar .menuitem-disabled.z-menu-hover>.z-menu-content,
.zkmenubar .menuitem-disabled:hover *,
.zkmenubar .z-menu-content[disabled='disabled'],
.zkmenubar .z-menuitem-content[disabled='disabled'],
.zkmenubar .z-menu-content[disabled='disabled']:hover,
.zkmenubar .z-menuitem-content[disabled='disabled']:hover {
pointer-events: none;
opacity: .6;
filter: alpha(opacity=60);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-color:#ddd !important;
}
.z-listitem .z-listcell {
border-top: none;
border-bottom: 1px solid #d9d9d9;
}
.z-listitem.z-listitem-selected>.z-listcell {
background-color:#eee !important;
}
.z-listitem:hover .z-listcell {
background-color:#ddd !important;
}
.nohover.z-listitem:hover .z-listcell {
background:transparent !important;
}
.nonselectable .z-listitem .z-listcell, .draggable .z-listitem.notdraggable .z-listcell {
cursor:default;
}
.syncing .z-menuitem-image {
animation: spin 1s linear infinite;
transform-origin:50% 50%;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/*** End Menubar ***/
.subnav {
backface-visibility: hidden;
background-color: #f6f6f6;
bottom: 0;
margin: 0;
min-width: 320px;
max-width: 500px;
overflow-x: hidden;
overflow-y: auto;
padding-left: 60px;
padding-right: 0;
position: fixed;
top: 0;
width: auto;
will-change: transform;
z-index:29;
}
.subnav {
box-shadow: 5px 0 5px -5px rgba(131, 127, 127, 0.9);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: normal;
align-items: stretch;
align-content: stretch;
padding-top:0;
margin-top:0;
}
.subnav-header {
align-self: auto;
background:#fff;
border-bottom:1px solid #36f;
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
height:60px;
order: 0;
line-height:60px;
padding-left:19px;
}
.subnav-header .z-button {
border:none !important;
box-shadow:none !important;
}
.subnav-container {
display: block;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
overflow-x: hidden;
overflow-y: auto;
}
.subnav-container .z-navbar {
border-top: none;
border-bottom: none;
padding:0;
}
.subnav-container .z-navbar-vertical li {
margin:0;
}
.subnav-container .z-navbar .z-navitem, .subnav-container .z-navbar .z-navitem:hover {
border-bottom: 1px solid #ccc !important;
height:60px;
line-height:59px;
}
.subnav-container .z-navbar .z-navitem * {
color:#666;
font-size:14px !important;
}
.subnav-container .z-navbar .z-navitem .z-navitem-info {
font-size:11px !important;
}
.merror .z-navitem-info, .merror.z-label {
color:#cc0000 !important;
}
.merror .z-navitem-info::before, .merror.z-label::before,
.mwarning .z-navitem-info::before, .mwarning.z-label::before {
content: "\f071 ";
}
.mwarning .z-navitem-info, .mwarning.z-label {
color:#fc0 !important;
background-color:#000;
}
.minfo .z-navitem-info, .minfo.z-label {
color:#390 !important;
}
.minfo .z-navitem-info::before, .minfo.z-label::before {
content: "\f05a ";
}
.z-nav-info, .z-navitem-info {
-webkit-border-radius: none;
border-radius: none;
background: none;
}
.subnav-container .z-navitem-image {
width:68px;
}
.subnav-container .z-nav-content, .z-navitem-content{
padding:0;
padding-left: 19px;
}
.subnav-footer {
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
}
.subnav-footer * {
font-size:11px !important;
}
.overlaymask {
background-color: rgba(204, 204, 204, 0.3);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom:0;
z-index:21
}
.paymenttypebox legend {
text-align:left;
margin-left:7px;
}
.paymenttypebox legend *{
font-size:8px !important;
}
.paymenttypebox fieldset {
background-color:#fff;
}
.z-toast-icon.z-icon-exclamation-circle:before, .z-toast-icon.z-icon-times-circle::before {
content: "\f071";
}
.z-toast-warning .z-toast-icon, .z-toast-warning .z-toast-content::before {
background-color: #ffcc00;
}
.disabled-row span {color:#999;}
.disabled-row img {filter: grayscale(1);}
.pp {
background-color:#fbfbfb;
border-bottom: 1px solid #ccc;
}
.z-listheader {
display:flex;
align-items: center;
}
.z-listheader-checkable, .z-listitem-checkable {
margin-left:8px;
}
.z-icon-check:before {
line-height: 18px;
padding-left: 3px;
color: #666 !important;
}
.z-tabpanel {
border-top: none;
padding: 0;
zoom: 1;
}
.z-listbox-body {
}
</style>
<tabbox id="fTabbox" orient="bottom" vflex="1" style="border:none">
<tabs >
<tab id="tab1" label="Tab1"/>
<tab id="tab2" label="Tab2"/>
</tabs>
<tabpanels vflex="1">
<tabpanel id="tabpanel1" vflex="1" >
<listbox hflex="1" vflex="1" style="background:transparent;">
<listhead>
<listheader label="Name" hflex="1"/>
<listheader hflex="min" align="center" />
<listheader hflex="min" align="center" />
<listheader label="Enable" hflex="min" style="text-align:center" />
</listhead>
<listitem>
<listcell>
<hlayout>
<label value="BigCommerce US" style="font-weight:bold" />
 - 
<label value="BigCommerce connection" />
</hlayout>
</listcell>
<listcell>
<button label="Sync" />
</listcell>
<listcell>
<button label="" sclass="delbtn" />
</listcell>
<listcell />
</listitem>
<listitem sclass=""><!-- THIS SCLASS NEEDED TO BE TOGGLED BETWEEN ""/enabled AND "sku-disabled"/disabled BASED ON THE CHECKBOX line 20 -->
<listcell>
<hlayout>
<label value="FAB CA" />
</hlayout>
</listcell>
<listcell />
<listcell>
<button label="Edit" />
</listcell>
<listcell>
<checkbox sclass="switch" tooltiptext="Enable/Disable SKU" checked="true" /><!-- DEFAULT IS CHECKED SO ENABLED -->
</listcell>
</listitem>
<listitem sclass="disabled-row"><!-- THIS SCLASS NEEDED TO BE TOGGLED BETWEEN ""/enabled AND "disabled-row"/disabled BASED ON THE CHECKBOX line 20 -->
<listcell>
<hlayout>
<label value="FAB US" />
</hlayout>
</listcell>
<listcell />
<listcell>
<button label="Edit" />
</listcell>
<listcell>
<checkbox sclass="switch" tooltiptext="Enable/Disable SKU" checked="false" /><!-- DEFAULT IS CHECKED SO ENABLED -->
</listcell>
</listitem>
<listitem>
<listcell>
<hlayout>
<label value="BigCommerce UK" style="font-weight:bold" />
 - 
<label value="BigCommerce connection" />
</hlayout>
</listcell>
<listcell>
<button label="Sync" />
</listcell>
<listcell >
<button label="" sclass="delbtn" />
</listcell>
<listcell />
</listitem>
<listitem sclass=""><!-- THIS SCLASS NEEDED TO BE TOGGLED BETWEEN ""/enabled AND "sku-disabled"/disabled BASED ON THE CHECKBOX line 20 -->
<listcell>
<hlayout>
<label value="BigCommerce UK Warehouse" />
</hlayout>
</listcell>
<listcell />
<listcell>
<button label="Edit" />
</listcell>
<listcell>
<checkbox sclass="switch" tooltiptext="Enable/Disable SKU" checked="true" /><!-- DEFAULT IS CHECKED SO ENABLED -->
</listcell>
</listitem>
</listbox>
</tabpanel>
<tabpanel id="tabpanel2" vflex="1" >
<vlayout hflex="1">
<separator/>
<div><label style="font-weight: bold; color:orange; font-size: xx-large;" value=" -- SANDBOX 2 -- " /></div>
</vlayout>
</tabpanel>
</tabpanels>
</tabbox>
</zk>