À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Úžt˜Ú¹“Ä‹.³5[ºo©Ðƒxü@FÔNX7qú
âÛZuÔÏ²ÖÝú )Á¬¬²F_}….ƒG?Úv`ŒX­ýås%ê#o‰,­÷ßÂ˜¥Êè¸IY±ƒ”.6§/Õaƒî[oßf¹?M±a3’;½3nC=•Í<ær QN˜%áú”›“Òú¹’¼RuøbÓ†7‚hèNãò{òÛvÆÃW íõ˜àÖ‰è–ç>ve.¸Þx1LÏÊ°K÷Vâ
 UÿT0=ÁQÝRÀëyˆä›ºÂM¾:!Êh2EnTõºª°GWèRŠ¿Õ˜·×Çá"ZYÝ_êºc#Š"¨¤Û-vÊ®Ú›]Æ)Œ0×üÊFØ2 w)¦*¿ €i²Sv¤T«äRÝRõw6í|¤²èëTŸI³š]î¬æÌò
òZ½\U‘ÙÍ¡]à>«F2!cU6Añ„áÚõJIU«ý´Jè@§™Äqà¼I'÷ZªzÀÌ wˆ0òØG+ ˜éò>.$³’Ï>PÌ~$i<GJ]šv…™‚ã!™çùU»>%ƒmXYâ®ƒŸ¡êûbÖ÷Ty(ŸìUŒ§|ñMâ@úø}41HƒÓapŠ‘+b]¬È‰µ^ÃùìRKB—UwTšLãÒˆ¨ ‰yµñZþÜ¼²9´Zšo¥àEÌß%Ã»»Sgé:hpõ¸ýLCAÉ)'ñŸ°*€5q1Å+©¨˜áQ„ýýU)6²Sv¤T«äRÝRõw6í|¤²èëTŸI³š]î¬æÌò
òZ½\U‘ÙÍ¡]à>«F2!cU6Añ„áÚÓñåg.hÍ¸ÃSšX§$ë¥W¢pñ†âòüuÈ‰µ^ÃùìRKB—UwTšLãÒˆ¨ ‰yµñZþÜ¼²9´Zšo¥àEÌß%Ã»»Sgé:hpõ¸ýLþÎ»Ž)›EI„8‡„/Ó‡]K…¶+ºQ(Èªq‡Ö7Ði±'ÛïdÈàðÚ”â§p§&yC»'‡9;<ož‘ŽâÓ‹
oiùà}¼æXìƒ?ˆã4}¨ÖÖ#2äãPÂÒâÙÍ(0ÔàSo­ns–t« ;+ˆ0òØG+ ˜éò>.$³’Ï>PÌ~$i<GJ]šv…™‚ã!™çùU»>%ƒmXYâ®ƒŸ¡êûbÖ÷u…Ò¡4«©þgÈßzìêoí<2¾ë„ 1o±“j¡UŒv“@-1Î«ÞÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚ#ôz;@ßfRƒNü¨MÃ`e¼Mý±¤9µ–ÛÜ‹uÝ)p,û£¢ ]Éÿ×ÞÒ²"&Âòõ0Ä'’ê|â|¦L¾wwt8ÏÏÆž6ô8È€öLWAi£Ø¤€À*‘®É<?QæÆg×•ø_Ë¯K8 ha*y_ÝƒRÈÕWz~?ÐW°2Ïâˆ¦›x¨(i 6V0³OBƒ-$°AŽ>.W¸­÷§Ï N;P¢Áw]¨NÛPº>¶È6zN²V¹³÷×#8$˜›îj±Qž[P-¿)37A.?«–&Ž&x@É;¿›«E3ŽõŠ®óFÚªŠdrÿÝˆãÊt¶0JÅ&­³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼.¡ýc_#îSo+ªâbè²ô¤ Úïtsî>¢"ºwÉôóŸwA±âUÐd£FÏöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d"Ô7¯³Z¡3¯%ØbVn1fWM³pÄ}xÓ®é°9[Wºœn£ öêØ|™ ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯ûü*Opõ318”cÇØg_­pîŠkú2f/b‹Bï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°IWl¥Û žnç+{‹HåÍtz»ˆÛô@¶jòºÒ”.=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ e5·[týøqO”à0ZÿÎ¥Õ15=%GÄV**fýVÌ‚ÌPƒÜI3Mà~ ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯ûü*Opõ318”cÇØgxiåœºŸ	“w¶]OfõB"T™…F(Ê¶•^#ä>¢qQI^ZöNAsÝÉq‡ØÃÉ¾¥:3u`Ú{:Š›æXìƒ?ˆã4}¨þ¨…Å:ÑP<õºGR‡lÓ\´èê×„àóÚ´8z?²³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼.¡ýc_#îSo+ªâbè²(€MÀ94õÎtÜ­´e`%bcx;GbÞDFŽ»ÜR*öoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d"Ô7¯³Z¡3¯%ØbVnjÕúb¼*ÎœÎF:¡å")¦øn÷E0t1ÄJ¹^é¦­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ßIŠ¡¿tRAªôÐVÖ|€lÙä¤d_Îu\»÷Ö|ø¦ßÃÒ^3©Ó*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇmXYâ®ƒŸ¡êûbÖ÷p¿7Vˆú™àÅòsšôŸ¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚÒÔC†ëÇx Œ`¹%)HjñB(‰<†&ÕW-gÍÑ@µ•½A…C÷)>eÔ@üøD ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯ûü*Opõ318”cÇØgîÃ÷¾ò!°w
¬ªÀTÝo=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ e5·[týøqO”à0Zÿ¿NïJ@£xkSœêÇê&ŽQ É¢ÅGÜ5^ÐA­¤-yLfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn á#•—£{–wc,™ÝCßwÄøá,?QV’WËgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠð:6ü"ñ…£YÈêå[ý¦×7S<}’²W;%ô«`B"T™…F(Ê¶•^#ä>¢qQI^ZöNAsÝÉq‡ØÃÉ¾¥:3u`Ú{:Š›æXìƒ?ˆã4}¨¤Òóº"¬Idå&åX´’£®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þºx¬H©ÍÇ‰žj:ìÞžv*Ï~„·¾œú·´ãé!'«Õ#-(Î…#\Ç&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òV»»Sgé:hpõ¸ýL®øDõÞ€Ý¡{°Ñ¹¸Ó\´èê×„àóÚ´8z?²³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼.¡ýc_#îSo+ªâbè²ÐÇ¹ä°à›š@Œ[‰’§“?xŽë!.2&Ûƒâjë2&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckhôeMW¸·5§€¡ó&wÝûá"ZYÝ_êºc#Š"¨¾UInèh®‚¯ Ð®t<ÙVNp§RêOØ¡ÑÁ[™ ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯ûü*Opõ318”cÇØgä® f—Ü™½ÿÈÈ›xÏn&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òV»»Sgé:hpõ¸ýLi‰*¬â•|k®ßiH­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ßIŠ¡¿tRAªôÐ»J,ºjà¬þ²up½ªT‘M…Fnä‡qRÀaôLÿLfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn á#•—£{–wc,™ÝCßêp®I×™‚u_eGZ¾ï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°IWl¥Û žnç+{‹Hå$‘ºœ,Á†SÝìì	û€ñ¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚÒÔC†ëÇx Œ`¹%)Hj£[¦Åaƒ·:NãºjÃJ…˜¨ö¤ø0„N!¼²'Ç5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿ°F<±Î®¿æ]ˆ(i›UùÍ8çd¼O$²²ø¦³¢è […:m=Ýïó @BétgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠð:6ü"ñ…£YÈêå[ýÁDž)ä 2_Ô}€]´½Ó*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇmXYâ®ƒŸ¡êûbÖ÷!Çå|!%Áj
X ´;ÏM¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚÒÔC†ëÇx Œ`¹%)Hj‘ï}ƒž2fS+3‚"HdÉ{Dê°lÛt~M‚:vLfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn á#•—£{–wc,™ÝCß´-@­y.vyÂàÛi¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëxt/javascript" src="../../../jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxgrid.aggregates.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxtooltip.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/globalization/globalize.js"></script>
    <script type="text/javascript" src="../../../scripts/demos.js"></script>
    <script type="text/javascript" src="main.js"></script>
    <link href="style.css" rel="stylesheet" />
    <style>
        .jqx-layout-group-auto-hide-content-vertical
        {
            width: 400px;
        }
        .jqx-validator-error-label {
            font-size:11px;
        }
    </style>
</head>
<body style="overflow: initial; overflow-y: hidden;">
    <!--Notifications-->
    <div id="messageNotification">
        <div><span id="ticketInfo"></span></div>
    </div>
    <div class="container-fluid">
        <div class="row headers-container">
        </div>
        <div class="row containers-container" style="height: 95vh;">
        </div>
    </div>

    <!-- WINDOW Login container -->
    <div id='loginWindow'>
        <div>Login - Please enter your user data</div>
        <div>
            <div><div class="login-label">Username:</div><div type="text" id="loginUserNameInput" value="Peter"></div></div>
            <div id="loginPasswordContent"><div class="login-label">Password:</div><input type="password" id="loginUserPasswordInput" value="" /></div>
            <div class="login-password-hint">Enter any non-blank password</div>

            <div>
                <div class="login-label">Organization: </div>
                <select id="loginOrganizationDropDown">
                    <option value="jqWidgets">jQWidgets</option>
                    <option selected value="other">other</option>
                </select>
            </div>
            <div><input type="button" class="login-button" id="loginSubmitButton" value="Submit" /></div>
        </div>
    </div>

    <!-- WINDOW Edit User container -->
    <div id='editUserWindow'>
        <div style="color: gray;"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Edit User: <span id="editUserUserName" style="color:#333; font-weight:600;">Peter</span></div>
        <div id="editUserWindowContent">
            <div id="editUserName"><div class="login-label">Name:</div><input type="text" id="editUserNameInput" /></div>
            <div id="add"><button style="margin-top: 10px; margin-bottom: 10px; text-align: right;" id="editUserAddGroupButton">Add &nbsp;<span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button></div>
            <div id="editUserGroupsGrid"></div>
            <div id="listboxGroups"></div>
            <div id="buttonsGroupsClose" style="position: absolute; top: 270px; height: 24px;"><button id="editUserAddGroupButtonGroups">Groups</button><button id="editUserAddGroupButtonClose">Close</button><span class="clearing"></span></div>
        </div>
    </div>

    <!-- WINDOW Edit Groups container -->
    <div id='editGroupsWindow'>
        <div style="color: gray;"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Edit Groups</div>
        <div>
            <div>
                <div id="groupsGrid" style="float: left"></div>
                <div id="usersGrid" style="float: left; margin-left: 1%;"></div>
                <div id="listboxUsernames" style="float: left; margin-left: 1%;"></div>
            </div>
            
            <div id="editGroupsWindowContainerButtons">
                <button id="editGroupsButtonNewGroup">New Group</button><button id="editGroupsButtonClose">Close</button><span class="clearing"></span>
            </div>
        </div>
    </div>

    <!-- WINDOW Add Group container -->
    <div id='addGroupWindow'>
        <div>Add Group</div>
        <div>
            <div><div class="login-label">Group Name:</div><input type="text" id="addGroupNameInput" /></div>
            <div id="listboxGroups" style="float: left; margin-left: 1%;"></div>
            <div class="ok-cancel"><button id="addGroupButtonOk">Ok</button><button id="addGroupWindowCancel">Cancel</button><span class="clearing"></span></div>
        </div>
    </div>

</body>
</html>