À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Ú­¯»Ú.k_ÿ5l„àÆÓåõðì ð·; {zK”¢àªaÀÉ.{Ÿ!È áëEÈ3³`“Z)srˆE$ õF—£¹ƒ5ê0ü÷LðáÕý¸N-<—|ËøÈÓsù5	·rÍ ­”Ónƒ„W¯Oy:3Š÷“h’„0Ä½-^}z™‚4Û–?š?ùMõI¢}Á¶®ÀTX¢KüspÃRÐ(ØaÁ­ÕId‹s·YëÓÈKBr%´ÙÆðyVAÍ–âfWÄ€Né=Ž üù¶ï›Vâõ½½Ç Žkhe¬>€:©_ópho©ß¦jARè¥|ÀYB›el—ggÆmõtðˆ]%Ž‡9ÛI»|-Ó
ºú`9šEìLkþIçiT6UR•÷Ž§þ™1@a-lÀŸHeÌ‰ÿÔ2’«Núhä4âÔ¹Å‚;"ç2Á€@rðÝÔByîÌÇ;l”Äl{r#bIÔôðj6Õ3Ÿ6Êñ
 ‘bÃI™B\¦ºU¸Ð·ôbF–í°~\|ÃDþ¥O’¨Ã~sÈ}[	?ÿr-êÿJ Ç÷Þª¯³ÒÀéŸ+g;ñm—#,€”ŸÃÐýî0?®fž¶NŸNj˜Þ•NÙè&O eÜ­Ö¥ñj¶I]+‰XÒ^1¨&^² [êcTØç
* ÔY@_“¡ÓPßÿ)>ÝZ’½³<5cƒ60ßEÅð+ˆÜÍììLª>r¿”ÎÑ‹Þ4ó|(—¡»å›[Ù‡(åÇ8aŽn‰e	@a-lÀŸHeÌ‰ÿÔ2’«Núhä4âÔ¹Å‚;"ç2Á€@rðÝÔByîÌÇ;l”Äl{r#bIÔôðj6Õ3Ÿ6Êñ
 ‘bÃI™BˆãU¶#É¦ÅOrnË1¨&^² [êcTØç
* ÔY@_“¡ÓPßÿ)>ÝZ’½³<5cƒ60ßEÅð+ˆÜÍììLª>r¿”ÎÑ‹Þ4ó|(—¡»‰$Ð‚Â¹Qü~Vü%3zÁ» ?_€ö©Eœðç¤xÄ¬M(xÒ`¦;í‡¤ÄÂV³‰Üb…S2 úeÀ2á’ý¡xþQ":­¦Ðäg÷#ý‘íêJ†ÄW}i !îZÇôO¿ˆd)~\|ÃDþ¥O’¨Ã~…} fÏêÑÐQ\ 3ñYve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠ¢s=p3îâ¤ÞqÅÞõåŠ>èKÞ¬cM×ÑŽPJá›®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þºx¬H©ÍÇ‰žj:ìÞpÀCV`¶Rø€Ý»¬n“˜¨ö¤ø0„N!¼²'Ç5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿ°F<±Î®¿æ]ˆ(i›UùÍzËVW"Ü³Cû$–‡Œ°¥F‹¾Ý\ÎëÞûdAÁ9LfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn á#•—£{–wc,™ÝCß%m@§5%-õÞ±üW1gçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠð:6ü"ñ…£YÈêå[ýŠÁb`„ÿÙp9YaÂÄÓ*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇmXYâ®ƒŸ¡êûbÖ÷XàLåk·ú-bl;‹Aç¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚÒÔC†ëÇx Œ`¹%)Hjgï€[£ØÑòàÆm@S­ˆÖh.Ì@KVª¹†ÃgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠð:6ü"ñ…£YÈêå[ý¡B±Ò¯ZÏa!•Xž)I…&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òV»»Sgé:hpõ¸ýL>$g.9ÕÀLôax4‡£'˜¨ö¤ø0„N!¼²'Ç5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿ°F<±Î®¿æ]ˆ(i›UùÍ‘ûgPêvÀ‰NÛÕÛqa{Dê°lÛt~M‚:vLfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn á#•—£{–wc,™ÝCß;®Ï\ë0i‘¾ž^\´ª®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þºx¬H©ÍÇ‰žj:ìÞ{Ü~í ð0ƒ#TœDK’Fj“Ñ·¶Ë•1ÂÖr„á$¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õà>«F2!cU6Añ„áÚ²Té3>ËúŸÌÀºÛ#F$­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ßIŠ¡¿tRAªôÐVÖ|€lÙä¤d_Îu\»ÇJÕXŠš—,€ô¾ótÊß™gçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠð:6ü"ñ…£YÈêå[ý
ïø©âñ¶¶Á×t¤üñ¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚÒÔC†ëÇx Œ`¹%)Hj,u¯ðöÍŽq‘‘SZ¯‘lbíž¢SÆ„ÍçKàá8 ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯ûü*Opõ318”cÇØg¶ÕÓ=f_ìc­Çéï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°IWl¥Û žnç+{‹Hå}8ÜKÒGÃIëÄ3¢S!ü&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òV»»Sgé:hpõ¸ýLÖs‰Šj"*?§k÷w¿íÓ\´èê×„àóÚ´8z?²³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼.¡ýc_#îSo+ªâbè²½.dÑtZ•<Tr°Óp? Û¶G·9o2­\ì|W&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckhôeMW¸·5§€¡ó&wÝûá"ZYÝ_êºc#Š"¨’±3àZÏ(û½b˜¨ö¤ø0„N!¼²'Ç5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿ°F<±Î®¿æ]ˆ(i›UùÍÒ!!ø<,5¸£iÐ ÓŒÆb„)ƒL›q•yJ¡=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ e5·[týøqO”à0Zÿ¢ð=Ð8ÅÖ“}Çær©»É7=
ÁYjx, Š‰¦ZøÔgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠð:6ü"ñ…£YÈêå[ý÷®,pòb•.°ú²ŽXñ&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckhôeMW¸·5§€¡ó&wÝûá"ZYÝ_êºc#Š"¨vîbSÔ ù»z~yÏõf®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þºx¬H©ÍÇ‰žj:ìÞ§A7ÔÇ}+”ÕøÓŸZ™òéJ€ñ¨&Uy²( ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯ûü*Opõ318”cÇØg½­°ãam¾¦`0DÓ*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇmXYâ®ƒŸ¡êûbÖ÷–A–Çõ¨Ãl ÅÑôq­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ßIŠ¡¿tRAªôÐÒ§t;ÍU*¦³¾ÿ°æ‘#¡_Õ!úBZìÀÔødäöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d"Ô7¯³Z¡3¯%ØbVn=Û¼<Íõ×<mÛÀ%nÝ¢¡fð7¦¢÷xÇLrØ¯
ï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°IWl¥Û žnç+{‹Hå)Q!˜Ô<H*Ì—+µž¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õà>«F2!cU6Añ„áÚšŽI:àÌ“èØè‚¯c~ËÎ­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ßIŠ¡¿tRAªôÐŽü "ð^—i¸e&fèÚücñæ¥Þþ9a9ÿ¦+ÏLfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn á#•—£{–wc,™ÝCßò”<­†ÇLD]V›9ï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°IWl¥Û žnç+{‹Hå¾6Xõ÷Àk|#ê™B¶V¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚÒÔC†ëÇx Œ`¹%)HjYY	1F»™„Vmã9ÂçŠµû
Ý4ëù®ñR‰ý‚¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õà>«F2!cU6Añ„áÚs/jqxtree.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxtagcloud.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxkanban.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxsortable.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxsplitter.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxeditor.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxdropdownbutton.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxgauge.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxknob.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxexpander.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxradiobutton.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxnotification.js"></script>
    <script type="text/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="../../../jqwidgets/globalization/globalize.culture.de-DE.js"></script>
    <script type="text/javascript" src="main.js"></script>
    <link href="style.css" rel="stylesheet" />
</head>
<body>
    <div style="background-color: white; height:80px;">
        <div style="max-width: 1200px; margin: 0px auto 0px auto;">
            <img src="../../../resources/design/i/logo-jqwidgets.svg" alt="jQWidgets" class="logo" />
            <div id='jqxMenu' ></div>
            <img src="../../../resources/design/i/logo-jqwidgets.svg" class="logo-top2" alt="jQWidgets">
            <div style="clear:both;"></div>
        </div>
    </div>

    <div class="breadcrumb-containter">
        <div class="breadcrumb"> <span> jQWidgets Fitness Management System</span>&nbsp;&raquo;&nbsp;<span id="page">Dashboard</span></div>
    </div>
        <div class="row" id="row">
            <div>
                <div>

                    <div id='page1' class="page">
                        <div id="docking">
                            
                            <div>
                                <div id="window2" style="height: 380px">
                                    <div>
                                        Set temperature
                                    </div>
                                    <div style="overflow: hidden;">
                                        <div id='themperatureKnob' style="margin-left:auto; margin-right:auto; width:330px; height:330px;">
                                        </div>
                                    </div>
                                </div>
                                <div id="window4" style="height: 380px;">
                                    <div>
                                        Rooms themperature
                                    </div>
                                    <div style="overflow: hidden;">
                                        <div class="demo-gauge">
                                            <div style="margin: 0px 1% 0px 1%; float: left; padding: 1%; width: 20%;">
                                                <div style="text-align:center;">Fitness</div>
                                                <div class="temperatureText"><div style="text-align: center; color: blue; font-size:10px;">Low temp.</div></div>
                                                <div id="gauge1"></div>
                                            </div>
                                            <div style="margin: 0px 1% 0px 1%; float: left; padding: 1%; width: 20%; ">
                                                <div style="text-align:center;">Groups</div>
                                                <div class="temperatureText"><div style="text-align: center; color: green; font-size: 10px;">Temp. in range</div></div>
                                                <div id="gauge2"></div>
                                            </div>
                                            <div style="margin: 0px 1% 0px 1%; float: left; padding: 1%; width: 20%; ">
                                                <div style="text-align:center;">Sauna</div>
                                                <div class="temperatureText"><div style="text-align: center; color: red; font-size: 10px;">High temp.</div></div>
                                                <div id="gauge3"></div>
                                            </div>
                                            <div id="gaugeRadioBtns" style="margin-left: 1%; float: left; padding: 1%; width: 20%;">
                                                <div>Select</div>
                                                <div>

                                                    <div style='margin-top: 10px;' id='jqxRadioButton1' class="themperatureRadioButton">
                                                        Fitness
                                                    </div>
                                                    <div style='margin-top: 10px;' id='jqxRadioButton2' class="themperatureRadioButton">
                                                        Groups
                                                    </div>
                                                    <div style='margin-top: 10px;' id='jqxRadioButton3' class="themperatureRadioButton">
                                                        Sauna
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                              
                            </div>
                            <div>
                                <div id="window1" style="height: 380px;">
                                    <div>
                                        Important Notes
                                    </div>
                                    <div style="overflow: hidden;">
                                        <div id="dashboardListbox">
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>

                    <div id='page2' class="page page-hidden">
                        <div id='roomsSheduler'></div>
                    </div>

                    <div id='page3' class="page page-hidden">
                        <div id='instructorsSheduler'></div>
                    </div>

                    <div id='page5' class="page page-hidden">
                        <div id='instructorsGrid'></div>
                    </div>

                    <div id='page6' class="page page-hidden" style="width: 99%;">
                        <div class="row" id='workloadResponsiveContainer' style="width:100%; height:100%;">
                            <div style="height: 100%;">
                                <div id='instructorsJqxExpander'>
                                    <div>
                                        Instructors with their clients
                                    </div>
                                    <div style="overflow: hidden;">
                                        <div id="jqxTree"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 100%; text-align: center; font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif">
                                <h1>Weekly fitness instructors workload</h1>
                                <h4>Chart presents the daily number of client per current week about each instructor</h4>
                                <div id="jqxChart" style="width:100%; height:500px; padding-bottom:10px;"></div>

                                <h4>Weekly comparisson</h4>
                                <h5>(In red is the instructor with more  clients, in green is with less clients)</h5>
                                <center><div id="jqxTagCloud"></div></center>
                            </div>
                        </div>
                    </div>

                    <div id='page7' class="page page-hidden" style="height: calc(100vh-200px);">
                        <div id='jqxKanban'></div>
                    </div>

                    <div id='page8' class="page page-hidden">
                        <div id="splitter">
                            <div style="overflow: hidden;">
                                <div id='jqxListBox'></div>
                            </div>
                            <div style="overflow: hidden;" id="ContentPanel">
                                <div id="dropdownlist" style="margin-top:2px; margin-bottom:2px;"></div>
                                <input id="subject" type="text" value="value" /><br />
                                <textarea id="editor"></textarea><br />
                                <button id="add">Update</button><br />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</body>
</html>