`Ÿ¿^SXqÁÙiXZôTÆ±™{Š©e|X<YáªIÆ(!Qµi›TØaH¥mŠ$Ešàºü›8Q¾dKè}Ÿ=ø€ó2K §\ñbÓGúfia×áqŒÄ®½øYºßÙ?ÃÇÈavæþ@zø®bðŠt&®ÇQ*•žüü»¼ˆÊûÛ d‘ZVËáv„¡ ˜Í˜ž°=ÖâânÑÔ°ú:|¤øÕ«/{uˆhDãêå9ãmÖã§I07ïÄ¸6ˆœ éIª›DÇÚpTg†Bé4G‹<çS["ªEÓâcÊ[Ãº5ÐÉÁ¾þ3O‘3Œù7yHõÚJ8†<& æ¤MRçßmë8­:?²dœÁ‡¡\q%Ýr/õŠåÀ¬ùî@öÁ^
ðº¿4F-b½šO«rH÷DÌ¯C 0™œ ·e‰Á”þMe†#hŠÄmØí{f|ˆª¿®cñ4Ù¦ˆpÞ”È»IƒˆÀÊ«Ìß¦Ì6*d®ì½¤´³ÑÇžA˜÷¶8(‡¾.i*P«˜×¤O fypïrë‘pÒœyŸæ¢ÕÒ
2"õreö˜"îsüA
f† ÌÑÁ°wÉÄ>:ÏÐ)uj5û´·zG|Úø•®6ê+‡ûÅ½ŒÖ›œKª
ù›*Ö`Ll¤‘Uù\<"æžviŽ~\Œ&ÓÈ‰ßSÐ^"ívä%OaÌ‚×÷€f¼lˆ„(–[Ý³ÕJVÁµk†Ÿæ%pÇ^š£X1³D=cÞqÙq…Bk´5Ã¡©N›-Tup¦h™‰H§¼ËÆ·0oíx/}t^­B9j¿øàd“s¿.g~ŽqDîØôKf#®ˆ7on/ÔúâëµljqPÆªhKG¯tžsàš+­íô½s©'éPÏsÕÛ®ŽŠ“Ï{™Ùy"‹S§RÒ	7Ù“»â»,ööŸ©Ý‚ºË-¦"
}¿N×u%ªqúPš•b]yt‡ôØ?’ `¦Ãÿ? øð´úAiÀL“VÈh½ßÔd  &þ.E=°ÔÔ¤YÓ8<ànÿÁŸÇ›xv¼ØGº1î*ýÇ¨Ù‚CèœÜd°’Z‡Adà@/z2Î_Ñ„WòQÚùà8D>ŸõÛn8˜À‡^Ã‘y³£S"Ã0ßÿºZNL0‹K~†*8G‚ØÔ‡únY”Ì:‘Ýè±YzªªzXUž·Å…ù"c${¬˜ †|‰°)M‘rR L3†ì&Êï³ÏvX›ùjƒ, IÛ†¡0Ä9ŠAzÈN¨ø!·ÌsÑñÃ5U¸´BP&´@X’ì%¥!¹}m‰‚ªl)³ÏRurj À"üÃfo(êG6„¦ÚµK\Ö†¦ ^ttÈ±Ú¢bF¶o€òayípæŒšY;›NBöÄl!¢’´2À¬ùî@öÁ^
ðº¿4LâÄâã†À¸±·9¾Ô}N@DV™8¬Æ¸4ZmFóBÌI#Ú”5¹½Vñ¥ó’r1ôÏm"jÆèeÍÒ²`ç\Yñ9\7–»ìÃjÛ\c‰îàÍŒ²ÀMìæ¾/}ÁU)’ÖØEÀ”Ç Íö3ç9k©Ãöyƒôqïm²“dåÉflK4ã±gÙ‚3¥—_R.±@ï/>O)qO[§ßÏH4›È*¡DªO.9ÃºÁI$ÚƒÖÆ4vf™]%æP9C´ÓÍÔ·!—ãM›Gê$‚ÅÏ‡Adà@/z2Î_Ñ„W	Ù>â|eÙä°`ñ[ÄSÍö[aÈÔ|¯22$›ÐÎŽÔíÞPƒ<o¬×þ {Éš˜À‡^Ã‘y³£S"£ô?&GCwd2Žo¯D¹Ÿ¶ŸìŸˆEb‚„$]³Ž%z9Æ†ÏÉ@ç©\P ºëÍ¶ ^¼½„úK©Ä(ígN—ù=‹GÄÑ6|ÕÂ{˜:µcüˆ/:7Õ¹fTqñúij€Úÿ%¡œúl–5 f‹Óu%ªqúPš•b]yt‡ôØ?’ `¦Ãÿ? øð´úAiÀL“VÈh½ßÔdŠ>Ç–N‚tªæN°.Þ2ÒànÿÁŸÇ›xv¼ØGº1îÓ¥×}X·­vÀÕ-…|O£öÚM^ÿþCÇú¯'ËO*QÚ›8Wˆ “.	ƒª‡S –T+²,™žuÿmW€°“‡õøVyÙRçòÞîû¶ué<Ã`}˜!ƒ¤=¾¹¬fº°NÍµ›wHŸÛ(XÌWz¬oH„åW W¤Ò¼Î ÈäFC•±`9Á™Ì€tcòÏÒ•â¥s–(ˆyßht†„¶ÖsÄôX§Í¢f@qôÓüoÝT4f>'Ãr\‡^¬Õy&pcRA8ž>ñƒ¯¬Âž/úH=kqØu\ÊªGL’ÓJë)NŽÔíÞPƒ<o¬×þ {Éš˜À‡^Ã‘y³£S"!îbq®[%lª}€ÃËµIÖÓnBðB’h¿tn_Óô*´@·ÇáåÁé‚~‡†K‡91É2Ö+|qî¿Ë	›æ£©wö`ÍÙçDšÔZ‡Ù•f^Þ™Áø¹ËÀåíDÀ:É¥Å¢4_`ÏYæÔÄ«žý3÷ £ò¨ cÑoóà;xkÚÉòø?}Ûpqè±qdÚ¶–¨c~ÎrN@DV™8¬Æ¸4ZmFóBŒ9úq?ý>‹?ŽÍÂ+TE÷äí¾2A{ÌàÑæ‘@ôæ7=Aw®Œo‹×îz×yÂÅ’§³˜è«Š%ç-¤6óV(~ÞFšñÁð5Uuþ¬Ž)ƒÂ½¾n[ v_ÄÊÍI‡ýØÛçŒ;5 ýi¶ïÙS½ÒuuvNý°gEUPÁ°¨Ä Ý¼3àVã´E}æŸQgâ0]i/8ÕÂ-÷· £›qRÏIûñ ÓyÂ…üÀ¹úÀ!½¾´±¢[ö®æsÇ]°ZI«Özò•Þ¿Ë	›æ£©wö`ÍÙçDšÔZ‡Ù•f^Þ™Áø¹ËÀåíDÀ:É¥Å¢4_`ÏYæÔÄ«žý3÷ £ò¨ ¹äƒz¼	¤'d=ÈÓ)e¾.i*P«˜×¤O fypïrë‘pÒœyŸæ¢ÕÒ
2"õreö˜"îsüA
f† ÌüÄQ¿÷x`É¾0g_"CÙnS®ÑæÑ‚ÌJ{Êxú„ßÿ]3Ot5Øî¬|˜*ö”®ŒE€4žÌF{ì#¡;úäð†O‹B„aûZhÕÃà—ì}þ"Ù›Þó„z&ŽÔíÞPƒ<o¬×þ {Éš˜À‡^Ã‘y³£S"Bò£B­™­N¿–Ø‡Ág³W ‡\.Ôj·üoµ=ÉM`ª`#p,ºçwHxÞ7•ŸEà-¿(cn×žtP²kÔpmrÈÄþc
ƒaü :q\]X²j
ÜÊ—éöRõNfÂ0è\9¡Ÿ›Ð­RùOpÆ¶q¿µ¾‡PÜ÷Ò r«dL¬ºBÔ¤7ÜÞ§?6wÙãC#óùŒøõDÇ^pµ;+Õýö°„7	/:Xfªî8.	?¦*°pƒÓ¥×}X·­vÀÕ-…|O£öÚM^ÿþCÇú¯'ËO*QÚ›8Wˆ “.	ƒª‡S –T+²,™žuÿmW€°“‡õøVyÙRçòÞînbã¤R8×Â}=VÚ_Šè2†ú&»dªÀ¨v4=Ì•å†E®º£òJP€#9è€na½æj_lnbìa6€¹®?D|Ü'Ô!:ƒâ-S‰>•°gw7	°á•¢zò¾{zªV(„û¥\h«§WÔ!·û<5Só>–.§ÞÐ(–6+áÕ¥'ˆ$,6Ue…3Xc¹`úüÁÔ›ïB1\¨xVµ6Bjœ0ò>¨d]ÿ+ó›9G	MÍ¨‹zxWoIæUÈÃâ2=W#ÔZùéôøé¸ëŸ7ëñÔ×1—š¥bhÏ%ƒO˜MXo~s\¦æ¥Î¯Æ6>?3¸]¸…Ö<@À¿b¼åœ˜FŒ¬%@ÍÆõxálnbìa6€¹®?D|Ü'Ô!:ƒâ-S‰>•°gw7	°á•¢zò¾{zªV\Dw††‹™À“ÇÁ‚ÜL}Hý…oôB5Fà`«Ø¥WÒïfyþì£)‡á²) ÔH¿ãÁó-ïæ¯Bµtn’©iÿ”¯íÉ4L:á¼†‘ç'þvÀiÈœ3Q SÒ6MâòêBÿ^`¢ã¥Žœ:¼[ß'ÚñW#¸:ðM,ù©Cd®
­>0¸hóÕ¨üÁøÒîs”ßê¹v’€­GJº"ÜÜr2ð˜Ê}ŒEÝöSSÅüø‡€}ÐÃ,þ0½K£Zóe¸©£Ý¨bÙ›Ã,þ¯TV9¤"¼>‹Œ_[ÑƒÏ¤¸{Oá,ó¡…N½/cØDO,MØ~9pgJrKÄ”1C$pî#uZù-A“™;Å÷Ø,¬5ÔÁýkd©|¶ŽØŸ§bosA;Ë. ò®\ê.ñ¼‰MKÊ:üpU‡«"’ xÿÅ‡q&‘8ðã6¡®Ì!£¿óØNäuw™ð³^î`õ’oûVT 
i>”Û¶ÁŸÈÑÅPdæØÏlöÆ-òp¶ÓN:äø´bíß¡e©X*É—žCª)DhZ4•ÑzøOÀGØvÜ·KfîVAQð+Hé¸ªKŸÁø¹'À‰…tˆE¸›ù‹T¶?N[Ã/iÊàå&QÞ:…[on–]°¨˜€,%"ª–ûóûÚ
CÎ{º©zØ3„ŽM[uŽÜ€‚/"kled˜Øã5²­@ä´€9B`ç3ÜÐÚŒ:A0‚ï/TÅõ\6~BÏ>©¥Z2“z¢;u­ˆ5Ž ×+Í·Ì»d(ý;åÍJÆP&éJA€°%CóxÆõØÀRÆ/ÓMZÙ©àˆ ¬ŒZý¼îŸYÓZŽ$î_-(ÇT"1@°å½ÖT)Ÿ]<wjo«Þ‡ÿa=	9ª÷E¦¥DUû/T!Öl4­GJº"ÜÜr2ð˜Ê}Œp»Ítg­¾Y«­'2CˆP5ËÚïì]¿«ê2¯HÕGE(’dK¶,]-ò¦-Ò^êœ~n’ô—ÛêË…þ4$tú‰8f3ÙÛ¦LÅzfùùfQÜº>l]ˆ½2y9mçÇo®ÞCÅIWMU°í9%äƒJg6™¨\TË¢`Æð	¬…Iºâ‘"p‹2C¿¿pïªÙ.½¡Dº¹fEuÖÛœ“Nv»ýXÂY­².âas„Ä´ÄjzÞbA_6¹‰aÝØuc6Í	 •0¶ömaP‘ö>›úß6ñSK™Ú·¦¼+–rzÒœÊ¸{¢\Òf5 5‘‚%¦t+–Î~êÅ¿Óxstory"><<i class="fas fa-dragon"></i></a></li>
              
              
              <li><a href="/map/quests" class="hide-on-small-only" title="Quests"><i class="material-icons">explore</i></a></li>
              
              
              
              <li><a href="javascript:void(0);" data-target="stats-sidenav" class="sidenav-trigger" title="Live stats"><i class="material-icons">equalizer</i></a></li>
              
            </ul>
          </div>
        </nav>
      </div>
    </header>

    
    <ul id="navbar-dropdown" class="dropdown-content">
      
      <li><a href="/map/pokemon-history"><<i class="fas fa-dragon"></i>PokÃ©mon history</a></li>
      
      
      <li><a href="/map/quests"><i class="material-icons">explore</i>Quests</a></li>
      
      
      
      
      
      <li class="divider" tabindex="-1"></li>
      
      
      
      
      
      
    </ul>
    

    
    <div id="motd-modal" class="modal">
      <div class="modal-content">
        <h4 id="motd-title"></h4>
        <span id="motd-content"></span>
      </div>
    </div>
    

    <div id="image-modal" class="modal">
      <div class="modal-content">
        <h5></h5>
        <img class="responsive-img">
      </div>
    </div>

    
    <div id="pokemon-filter-modal" class="modal filter-modal pokemon-filter-modal">
      <div class="modal-content">
        <h6 id="filter-pokemon-title">PokÃ©mon</h6>
        <label for="exclude-pokemon">
          <input id="exclude-pokemon" type="text" readonly="true" style="display:none;">
          <div class="pokemon-filter-list"></div>
          <div class="filter-footer-container">
            <div class="filter-footer-left">
              <a class="btn-flat tooltipped search-info-btn" data-html="true" data-position="top" data-tooltip="You can search for: Name, ID, Type and Generation. Multiple search terms can be used by separating them with commas. Exclusion is possible by prepending &#39;-&#39; to a search term."><i class="material-icons">info_outline</i></a>
              <input type="search" class="search" placeholder="Search...">
            </div>
            <div class="filter-footer-right">
              <a class="waves-effect btn-flat pokemon-select-filtered" style="display:none;"><i class="material-icons" title="Select all">select_all</i></a>
              <a class="waves-effect btn-flat pokemon-deselect-filtered" style="display:none;"><i class="material-icons" title="Deselect all">delete_forever</i></a>
              <a class="waves-effect btn-flat pokemon-select-all"><i class="material-icons" title="Select all">select_all</i></a>
              <a class="waves-effect btn-flat pokemon-deselect-all"><i class="material-icons" title="Deselect all">delete_forever</i></a>
            </div>
          </div>
        </label>
      </div>
    </div>
    

    
    <div id="pokemon-values-filter-modal" class="modal filter-modal pokemon-filter-modal">
      <div class="modal-content">
        <h6 id="filter-values-pokemon-title">PokÃ©mon filtered by values</h6>
        <label for="unfiltered-pokemon">
          <input id="unfiltered-pokemon" type="text" readonly="true" style="display:none;">
          <div class="pokemon-filter-list"></div>
          <div class="filter-footer-container">
            <div class="filter-footer-left">
              <a class="btn-flat tooltipped search-info-btn" data-html="true" data-position="top" data-tooltip="You can search for: Name, ID, Type and Generation. Multiple search terms can be used by separating them with commas. Exclusion is possible by prepending &#39;-&#39; to a search term."><i class="material-icons">info_outline</i></a>
              <input type="search" class="search" placeholder="Search...">
            </div>
            <div class="filter-footer-right">
              <a class="waves-effect btn-flat pokemon-select-filtered" style="display:none;"><i class="material-icons" title="Select all">select_all</i></a>
              <a class="waves-effect btn-flat pokemon-deselect-filtered" style="display:none;"><i class="material-icons" title="Deselect all">delete_forever</i></a>
              <a class="waves-effect btn-flat pokemon-select-all"><i class="material-icons" title="Select all">select_all</i></a>
              <a class="waves-effect btn-flat pokemon-deselect-all"><i class="material-icons" title="Deselect all">delete_forever</i></a>
            </div>
          </div>
        </label>
      </div>
    </div>
    

    
    <div id="raid-pokemon-filter-modal" class="modal filter-modal pokemon-filter-modal">
      <div class="modal-content">
        <h6 id="filter-raid-pokemon-title">Raid Bosses</h6>
        <label for="exclude-raid-pokemon">
          <input id="exclude-raid-pokemon" type="text" readonly="true" style="display:none;">
          <div class="pokemon-filter-list"></div>
          <div class="filter-footer-container">
            <div class="filter-footer-left">
              <a class="btn-flat tooltipped search-info-btn" data-html="true" data-position="top" data-tooltip="You can search for: Name, ID, Type and Generation. Multiple search terms can be used by separating them with commas. Exclusion is possible by prepending &#39;-&#39; to a search term."><i class="material-icons">info_outline</i></a>
              <input type="search" class="search" placeholder="Search...">
            </div>
            <div class="filter-footer-right">
              <a class="waves-effect btn-flat pokemon-select-filtered" style="display:none;"><i class="material-icons" title="Select all">select_all</i></a>
              <a class="waves-effect btn-flat pokemon-deselect-filtered" style="display:none;"><i class="material-icons" title="Deselect all">delete_forever</i></a>
              <a class="waves-effect btn-flat pokemon-select-all"><i class="material-icons" title="Select all">select_all</i></a>
              <a class="waves-effect btn-flat pokemon-deselect-all"><i class="material-icons" title="Deselect all">delete_forever</i></a>
            </div>
          </div>
        </label>
      </div>
    </div>
    

    
    <div id="quest-filter-modal" class="modal filter-modal quest-filter-modal">
      <div class="modal-content">
        <ul id ="quest-filter-tabs" class="tabs quest-filter-tabs">
          <li class="tab"><a href="#quest-pokemon-tab" class="active">Quest PokÃ©mon</a></li>
          <li class="tab"><a href="#quest-item-tab">Quest Items</a></li>
        </ul>
        <div id="quest-pokemon-tab">
          <label for="exclude-quest-pokemon">
            <input id="exclude-quest-pokemon" type="text" readonly="true" style="display:none;">
            <div class="pokemon-filter-list"></div>
            <div class="filter-footer-container">
              <div class="filter-footer-left">
                <a class="btn-flat tooltipped search-info-btn" data-html="true" data-position="top" data-tooltip="You can search for: Name, ID, Type and Generation. Multiple search terms can be used by separating them with commas. Exclusion is possible by prepending &#39;-&#39; to a search term."><i class="material-icons">info_outline</i></a>
                <input type="search" class="search" placeholder="Search...">
              </div>
              <div class="filter-footer-right">
                <a class="waves-effect btn-flat pokemon-select-filtered" style="display:none;"><i class="material-icons" title="Select all">select_all</i></a>
                <a class="waves-effect btn-flat pokemon-deselect-filtered" style="display:none;"><i class="material-icons" title="Deselect all">delete_forever</i></a>
                <a class="waves-effect btn-flat pokemon-select-all"><i class="material-icons" title="Select all">select_all</i></a>
                <a class="waves-effect btn-flat pokemon-deselect-all"><i class="material-icons" title="Deselect all">delete_forever</i></a>
              </div>
            </div>
          </label>
        </div>
        <div id="quest-item-tab">
          <label for="exclude-quest-items">
            <input id="exclude-quest-items" type="text" readonly="true" style="display:none;">
            <div class="quest-item-filter-list"></div>
            <div class="filter-footer-container">
              <div></div>
              <div class="filter-footer-right">
                <a class="waves-effect btn-flat quest-item-select-all"><i class="material-icons" title="Select all">select_all</i></a>
                <a class="waves-effect btn-flat quest-item-deselect-all"><i class="material-icons" title="Deselect all">delete_forever</i></a>
              </div>
            </div>
          </label>
        </div>
      </div>
    </div>
    

    
    <div id="invasion-filter-modal" class="modal filter-modal invasion-filter-modal">
      <div class="modal-content">
        <h6 id="filter-invasion-title">Rocket Invasions</h6>
        <label for="exclude-invasions">
          <input id="exclude-invasions" type="text" readonly="true" style="display:none;">
          <div class="invasion-filter-list"></div>
          <div class="filter-footer-container">
            <div></div>
            <div class="filter-footer-right">
              <a class="waves-effect btn-flat invasion-select-all"><i class="material-icons" title="Select all">select_all</i></a>
              <a class="waves-effect btn-flat invasion-deselect-all"><i class="material-icons" title="Deselect all">delete_forever</i></a>
            </div>
          </div>
        </label>
      </div>
    </div>
    

    
    <div id="weather-modal" class="modal">
      <div class="modal-content">
        <h4>Weather</h4>
        <div id="weather-modal-image"><img src="" width="192"></div>
        <h5>Boosted Types</h5>
        <div id="boosted-types-container"></div>
      </div>
    </div>
    

    
    <div id="notif-pokemon-filter-modal" class="modal filter-modal pokemon-filter-modal">
      <div class="modal-content">
        <h6 id="notif-pokemon-filter-title">Notif PokÃ©mon</h6>
        <label for="no-notif-pokemon">
          <input id="no-notif-pokemon" type="text" readonly="true" style="display:none;">
          <div class="pokemon-filter-list"></div>
          <div class="filter-footer-container">
            <div class="filter-footer-left">
              <a class="btn-flat tooltipped search-info-btn" data-html="true" data-position="top" data-tooltip="You can search for: Name, ID, Type and Generation. Multiple search terms can be used by separating them with commas. Exclusion is possible by prepending &#39;-&#39; to a search term."><i class="material-icons">info_outline</i></a>
              <input type="search" class="search" placeholder="Search...">
            </div>
            <div class="filter-footer-right">
              <a class="waves-effect btn-flat pokemon-select-filtered" style="display:none;"><i class="material-icons" title="Select all">select_all</i></a>
              <a class="waves-effect btn-flat pokemon-deselect-filtered" style="display:none;"><i class="material-icons" title="Deselect all">delete_forever</i></a>
              <a class="waves-effect btn-flat pokemon-select-all"><i class="material-icons" title="Select all">select_all</i></a>
              <a class="waves-effect btn-flat pokemon-deselect-all"><i class="material-icons" title="Deselect all">delete_forever</i></a>
            </div>
          </div>
        </label>
      </div>
    </div>
    

    
    <div id="notif-pokemon-values-filter-modal" class="modal filter-modal pokemon-filter-modal">
      <div class="modal-content">
        <h6 id="notif-pokemon-values-filter-title">Notif PokÃ©mon filtered by values</h6>
        <label for="no-notif-values-pokemon">
          <input id="no-notif-values-pokemon" type="text" readonly="true" style="display:none;">
          <div class="pokemon-filter-list"></div>
          <div class="filter-footer-container">
            <div class="filter-footer-left">
              <a class="btn-flat tooltipped search-info-btn" data-html="true" data-position="top" data-tooltip="You can search for: Name, ID, Type and Generation. Multiple search terms can be used by separating them with commas. Exclusion is possible by prepending &#39;-&#39; to a search term."><i class="material-icons">info_outline</i></a>
              <input type="search" class="search" placeholder="Search...">
            </div>
            <div class="filter-footer-right">
              <a class="waves-effect btn-flat pokemon-select-filtered" style="display:none;"><i class="material-icons" title="Select all">select_all</i></a>
              <a class="waves-effect btn-flat pokemon-deselect-filtered" style="display:none;"><i class="material-icons" title="Deselect all">delete_forever</i></a>
              <a class="waves-effect btn-flat pokemon-select-all"><i class="material-icons" title="Select all">select_all</i></a>
              <a class="waves-effect btn-flat pokemon-deselect-all"><i class="material-icons" title="Deselect all">delete_forever</i></a>
            </div>
          </div>
        </label>
      </div>
    </div>
    

    
    <div id="notif-raid-pokemon-filter-modal" class="modal filter-modal pokemon-filter-modal">
      <div class="modal-content">
        <h6 id="notif-raid-pokemon-filter-title">Notif Raid Bosses</h6>
        <label for="no-notif-raid-pokemon">
          <input id="no-notif-raid-pokemon" type="text" readonly="true" style="display:none;">
          <div class="pokemon-filter-list"></div>
          <div class="filter-footer-container">
            <div class="filter-footer-left">
              <a class="btn-flat tooltipped search-info-btn" data-html="true" data-position="top" data-tooltip="You can search for: Name, ID, Type and Generation. Multiple search terms can be used by separating them with commas. Exclusion is possible by prepending &#39;-&#39; to a search term."><i class="material-icons">info_outline</i></a>
              <input type="search" class="search" placeholder="Search...">
            </div>
            <div class="filter-footer-right">
              <a class="waves-effect btn-flat pokemon-select-filtered" style="display:none;"><i class="material-icons" title="Select all">select_all</i></a>
              <a class="waves-effect btn-flat pokemon-deselect-filtered" style="display:none;"><i class="material-icons" title="Deselect all">delete_forever</i></a>
              <a class="waves-effect btn-flat pokemon-select-all"><i class="material-icons" title="Select all">select_all</i></a>
              <a class="waves-effect btn-flat pokemon-deselect-all"><i class="material-icons" title="Deselect all">delete_forever</i></a>
            </div>
          </div>
        </label>
      </div>
    </div>
    

    
    <div id="notif-quest-filter-modal" class="modal filter-modal quest-filter-modal">
      <div class="modal-content">
        <ul id ="notif-quest-filter-tabs" class="tabs quest-filter-tabs">
          <li class="tab"><a href="#notif-quest-pokemon-tab" class="active">Notif Quest PokÃ©mon</a></li>
          <li class="tab"><a href="#notif-quest-item-tab">Notif Quest Items</a></li>
        </ul>
        <div id="notif-quest-pokemon-tab">
          <label for="no-notif-quest-pokemon">
            <input id="no-notif-quest-pokemon" type="text" readonly="true" style="display:none;">
            <div class="pokemon-filter-list"></div>
            <div class="filter-footer-container">
              <div class="filter-footer-left">
                <a class="btn-flat tooltipped search-info-btn" data-html="true" data-position="top" data-tooltip="You can search for: Name, ID, Type and Generation. Multiple search terms can be used by separating them with commas. Exclusion is possible by prepending &#39;-&#39; to a search term."><i class="material-icons">info_outline</i></a>
                <input type="search" class="search" placeholder="Search...">
              </div>
              <div class="filter-footer-right">
                <a class="waves-effect btn-flat pokemon-select-filtered" style="display:none;"><i class="material-icons" title="Select all">select_all</i></a>
                <a class="waves-effect btn-flat pokemon-deselect-filtered" style="display:none;"><i class="material-icons" title="Deselect all">delete_forever</i></a>
                <a class="waves-effect btn-flat pokemon-select-all"><i class="material-icons" title="Select all">select_all</i></a>
                <a class="waves-effect btn-flat pokemon-deselect-all"><i class="material-icons" title="Deselect all">delete_forever</i></a>
              </div>
            </div>
          </label>
        </div>
        <div id="notif-quest-item-tab">
          <label for="no-notif-quest-items">
            <input id="no-notif-quest-items" type="text" readonly="true" style="display:none;">
            <div class="quest-item-filter-list"></div>
            <div class="filter-footer-container">
              <div></div>
              <div class="filter-footer-right">
                <a class="waves-effect btn-flat quest-item-select-all"><i class="material-icons" title="Select all">select_all</i></a>
                <a class="waves-effect btn-flat quest-item-deselect-all"><i class="material-icons" title="Deselect all">delete_forever</i></a>
              </div>
            </div>
          </label>
        </div>
      </div>
    </div>
    

    
    <div id="notif-invasion-filter-modal" class="modal filter-modal invasion-filter-modal">
      <div class="modal-content">
        <h6 id="notif-invasion-filter-title">Notif Rocket Invasions</h6>
        <label for="no-notif-invasions">
          <input id="no-notif-invasions" type="text" readonly="true" style="display:none;">
          <div class="invasion-filter-list"></div>
          <div class="filter-footer-container">
            <div></div>
            <div class="filter-footer-right">
              <a class="waves-effect btn-flat invasion-select-all"><i class="material-icons" title="Select all">select_all</i></a>
              <a class="waves-effect btn-flat invasion-deselect-all"><i class="material-icons" title="Deselect all">delete_forever</i></a>
            </div>
          </div>
        </label>
      </div>
    </div>
    

    
    <div id="import-pokemon-list-modal" class="modal">
      <div class="modal-content">
        <h4>Import PokÃ©mon list</h4>
        <p>
          <form action="#">
            <div class="file-field input-field">
              <div class="btn">
                <span>File</span>
                <input id="pokemon-list-file" type="file" accept=".txt">
              </div>
              <div class="file-path-wrapper">
                <input class="file-path validate" type="text">
              </div>
            </div>
          </form>
        </p>
        <p>Import to:</p>
        
        <p>
          <label>
            <input type="checkbox" id="import-pokemon-checkbox"/>
            <span>PokÃ©mon filter</span>
          </label>
        </p>
        
        
        <p>
          <label>
            <input type="checkbox" id="import-values-pokemon-checkbox"/>
            <span>PokÃ©mon values filter</span>
          </label>
        </p>
        
        
        <p>
          <label>
            <input type="checkbox" id="import-raid-pokemon-checkbox"/>
            <span>Raid Boss filter</span>
          </label>
        </p>
        
        
        <p>
          <label>
            <input type="checkbox" id="import-quest-pokemon-checkbox"/>
            <span>Quest PokÃ©mon filter</span>
          </label>
        </p>
        
        
        <p>
          <label>
            <input type="checkbox" id="import-notif-pokemon-checkbox"/>
            <span>PokÃ©mon notification filter</span>
          </label>
        </p>
        
        
        <p>
          <label>
            <input type="checkbox" id="import-notif-values-pokemon-checkbox"/>
            <span>PokÃ©mon values notification filter</span>
          </label>
        </p>
        
        
        <p>
          <label>
            <input type="checkbox" id="import-notif-raid-pokemon-checkbox"/>
            <span>Raid Boss notification filter</span>
          </label>
        </p>
        
        
        <p>
          <label>
            <input type="checkbox" id="import-notif-quest-pokemon-checkbox"/>
            <span>Quest PokÃ©mon notification filter</span>
          </label>
        </p>
        
        <a id="import-pokemon-list" class="waves-effect waves-light btn"><i class="material-icons left">file_download</i>Import</a>
      </div>
    </div>

    <div id="export-pokemon-list-modal" class="modal">
      <div class="modal-content">
        <h4>Export PokÃ©mon lists</h4>
        
        <p><a id="export-pokemon-button" class="waves-effect waves-teal btn-flat"><i class="material-icons left">file_upload</i>PokÃ©mon list</a></p>
        
        
        <p><a id="export-values-pokemon-button" class="waves-effect waves-teal btn-flat"><i class="material-icons left">file_upload</i>PokÃ©mon values list</a></p>
        
        
        <p><a id="export-raid-pokemon-button" class="waves-effect waves-teal btn-flat"><i class="material-icons left">file_upload</i>Raid Bosses list</a></p>
        
        
        <p><a id="export-quest-pokemon-button" class="waves-effect waves-teal btn-flat"><i class="material-icons left">file_upload</i>Quest PokÃ©mon list</a></p>
        
        
        <p><a id="export-notif-pokemon-button" class="waves-effect waves-teal btn-flat"><i class="material-icons left">file_upload</i>PokÃ©mon notifications list</a></p>
        
        
        <p><a id="export-notif-values-pokemon-button" class="waves-effect waves-teal btn-flat"><i class="material-icons left">file_upload</i>PokÃ©mon values notifications list</a></p>
        
        
        <p><a id="export-notif-raid-pokemon-button" class="waves-effect waves-teal btn-flat"><i class="material-icons left">file_upload</i>Raid Boss notifications list</a></p>
        
        
        <p><a id="export-notif-quest-pokemon-button" class="waves-effect waves-teal btn-flat"><i class="material-icons left">file_upload</i>Quest PokÃ©mon notifications list</a></p>
        
      </div>
    </div>
    

    <ul id="settings-sidenav" class="sidenav collapsible">
      
      <li>
        <div class="collapsible-header"><<i class="fas fa-dragon"></i>PokÃ©mon</div>
        <div class="collapsible-body">
          <div class="settings-container">
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="pokemon-switch">
                  <span class="lever"></span>
                  PokÃ©mon
                </label>
              </div>
            </div>
            <div class="pokemon-filters-wrapper">
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="filter-pokemon-switch">
                    <span class="lever"></span>
                    Filter PokÃ©mon
                  </label>
                  <a data-target="pokemon-filter-modal" class="waves-effect btn-flat modal-trigger filter-button" title="Select PokÃ©mon"><i class="material-icons left">filter_list</i></a>
                </div>
              </div>
              <div class="form-control">
                <div class="input-field">
                  <div class="select-title">Icon size</div>
                  <select id="pokemon-icon-size-select">
                    <option value="50">X-Small</option>
                    <option value="75">Small</option>
                    <option value="100">Normal</option>
                    <option value="150">Large</option>
                    <option value="200">X-Large</option>
                  </select>
                </div>
              </div>
            </div>
          </div>
          <div class="pokemon-filters-wrapper">
            
            <div class="settings-container">
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="pokemon-values-switch">
                    <span class="lever"></span>
                    PokÃ©mon values
                  </label>
                </div>
              </div>
              <div id="filter-pokemon-values-wrapper">
                <div class="form-control">
                  <div class="switch">
                    <label>
                      <input type="checkbox" id="filter-values-switch">
                      <span class="lever"></span>
                      Filter by values
                    </label>
                    <a data-target="pokemon-values-filter-modal" class="waves-effect btn-flat modal-trigger filter-button" title="Select PokÃ©mon"><i class="material-icons left">filter_list</i></a>
                  </div>
                </div>
                <div id="pokemon-values-filters-wrapper">
                  <div id="zero-ivs-pokemon-switch-wrapper">
                    <div class="form-control">
                      <div class="switch">
                        <label>
                          <input type="checkbox" id="zero-ivs-pokemon-switch">
                          <span class="lever"></span>
                          0% IV PokÃ©mon
                        </label>
                      </div>
                    </div>
                  </div>
                  <div id="hundo-ivs-pokemon-switch-wrapper">
                    <div class="form-control">
                      <div class="switch">
                        <label>
                          <input type="checkbox" id="hundo-ivs-pokemon-switch">
                          <span class="lever"></span>
                          100% IV PokÃ©mon
                        </label>
                      </div>
                    </div>
                  </div>
                  <div class="form-control">
                    <span id="pokemon-ivs-slider-title" class="slider-title">IVs</span>
                    <div class="slider-container">
                      <div id="pokemon-ivs-slider"></div>
                    </div>
                  </div>
                  <div class="form-control">
                    <span id="pokemon-level-slider-title" class="slider-title">Levels</span>
                    <div class="slider-container">
                      <div id="pokemon-level-slider"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            
            
          </div>
        </div>
      </li>
      
      
      <li>
        
        <div class="collapsible-header"><i class="material-icons">security</i>Gyms &amp; Raids</div>
        
        <div class="collapsible-body">
          <div id="gym-name-filter-sidebar-wrapper">
            <div class="settings-container">
              <div class="form-control">
                <div class="input-field">
                  <div class="text-input-title">Name includes</div>
                  <input placeholder="Filter..." id="gym-name-filter" type="text">
                </div>
              </div>
              
            </div>
          </div>
          
          <div class="settings-container">
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="gym-switch">
                  <span class="lever"></span>
                  Gyms
                </label>
              </div>
            </div>
            
            <div id="gym-filters-wrapper">
              <div class="form-control">
                <div class="input-field">
                  <div class="select-title">Teams</div>
                  <select id="gym-team-select" multiple>
                    <option value="0">Uncontested</option>
                    <option value="1">Mystic</option>
                    <option value="2">Valor</option>
                    <option value="3">Instinct</option>
                  </select>
                </div>
              </div>
              <div class="form-control">
                <span id="gym-level-slider-title" class="slider-title">Gym levels</span>
                <div class="slider-container">
                  <div id="gym-level-slider"></div>
                </div>
              </div>
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="gym-open-spot-switch">
                    <span class="lever"></span>
                    Open spot only
                  </label>
                </div>
              </div>
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="gym-ex-eligible-switch">
                    <span class="lever"></span>
                    EX eligible Gyms only
                  </label>
                </div>
              </div>
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="gym-in-battle-switch">
                    <span class="lever"></span>
                    Gyms in battle only
                  </label>
                </div>
              </div>
              <div class="form-control">
                <div class="input-field">
                  <div class="select-title">Last scanned</div>
                  <select id="gym-last-scanned-select">
                    <option value="0">Any time</option>
                    <option value="1">Within last hour</option>
                    <option value="6">Within last 6 hours</option>
                    <option value="12">Within last 12 hours</option>
                    <option value="24">Within last day</option>
                    <option value="168">Within last week</option>
                    <option value="730">Within last month</option>
                    <option value="4380">Within last 6 months</option>
                    <option value="8760">Within last year</option>
                  </select>
                </div>
              </div>
            </div>
            
          </div>
          
          
          <div class="settings-container">
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="raid-switch">
                  <span class="lever"></span>
                  Raids
                </label>
              </div>
            </div>
            
            <div id="raid-filters-wrapper">
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="filter-raid-pokemon-switch">
                    <span class="lever"></span>
                    Filter Raid Bosses
                  </label>
                  <a data-target="raid-pokemon-filter-modal" class="waves-effect btn-flat modal-trigger filter-button" title="Select PokÃ©mon"><i class="material-icons left">filter_list</i></a>
                </div>
              </div>
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="raid-active-switch">
                    <span class="lever"></span>
                    Active Raids only
                  </label>
                </div>
              </div>
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="raid-ex-eligible-switch">
                    <span class="lever"></span>
                    EX eligible Raids only
                  </label>
                </div>
              </div>
              <div class="form-control">
                <div class="input-field">
                  <div class="select-title">Raid levels</div>
                  <select id="raid-level-select" multiple>
                    <option value="1">Level 1</option>
                    <option value="2">Level 2</option>
                    <option value="3">Level 3</option>
                    <option value="4">Level 4</option>
                    <option value="5">Level 5</option>
                    <option value="6">Level 6</option>
                  </select>
                </div>
              </div>
            </div>
            
          </div>
          
        </div>
      </li>
      
      
      <li>
        <div class="collapsible-header"><i class="material-icons">nature</i>PokÃ©Stops</div>
        <div class="collapsible-body">
          <div class="settings-container">
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="pokestop-switch">
                  <span class="lever"></span>
                  PokÃ©Stops
                </label>
              </div>
            </div>
            <div class="pokestop-filters-wrapper">
              <div class="form-control">
                <div class="input-field">
                  <div class="text-input-title">Name includes</div>
                  <input placeholder="Filter..." id="pokestop-name-filter" type="text">
                </div>
              </div>
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="pokestop-no-event-switch">
                    <span class="lever"></span>
                    PokÃ©Stops without event
                  </label>
                </div>
              </div>
            </div>
          </div>
          <div class="pokestop-filters-wrapper">
            
            <div class="settings-container">
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="quest-switch">
                    <span class="lever"></span>
                    Quests
                  </label>
                </div>
              </div>
              <div id="filter-quests-switch-wrapper">
                <div class="form-control">
                  <div class="switch">
                    <label>
                      <input type="checkbox" id="filter-quests-switch">
                      <span class="lever"></span>
                      Filter Quests
                    </label>
                    <a data-target="quest-filter-modal" class="waves-effect btn-flat modal-trigger filter-button" title="Select rewards"><i class="material-icons left">filter_list</i></a>
                  </div>
                </div>
              </div>
            </div>
            
            
            <div class="settings-container">
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="invasion-switch">
                    <span class="lever"></span>
                    Rocket Invasions
                  </label>
                </div>
              </div>
              <div id="filter-invasions-switch-wrapper">
                <div class="form-control">
                  <div class="switch">
                    <label>
                      <input type="checkbox" id="filter-invasions-switch">
                      <span class="lever"></span>
                      Filter Rocket Invasions
                    </label>
                    <a data-target="invasion-filter-modal" class="waves-effect btn-flat modal-trigger filter-button" title="Select Rocket Invasions"><i class="material-icons left">filter_list</i></a>
                  </div>
                </div>
              </div>
            </div>
            
            
            <div class="settings-container">
              <div class="form-control">
                <div class="input-field">
                  <div class="select-title">Lures</div>
                  <select id="lure-type-select" multiple>
                    <option value="501">Normal Lures</option>
                    <option value="502">Glacial Lures</option>
                    <option value="504">Magnetic Lures</option>
                    <option value="503">Mossy Lures</option>
                  </select>
                </div>
              </div>
            </div>
            
          </div>
        </div>
      </li>
      
      
      <li>
        <div class="collapsible-header"><i class="material-icons">cloud</i>Weather</div>
        <div class="collapsible-body">
          <div class="settings-container">
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="weather-switch">
                  <span class="lever"></span>
                  Weather
                </label>
              </div>
            </div>
            <div id="weather-forms-wrapper">
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="weather-cells-switch">
                    <span class="lever"></span>
                    Weather cells
                  </label>
                </div>
              </div>
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="main-weather-switch">
                    <span class="lever"></span>
                    Main weather in header
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </li>
      
      
      <li>
        <div class="collapsible-header"><i class="material-icons">grid_on</i>S2 cells</div>
        <div class="collapsible-body">
          <div class="settings-container">
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="s2-cell-switch">
                  <span class="lever"></span>
                  S2 cells
                </label>
              </div>
            </div>
            <div id="s2-filters-wrapper">
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="s2-level10-switch">
                    <span class="lever"></span>
                    Weather cells (S2 L10)
                  </label>
                </div>
              </div>
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="s2-level13-switch">
                    <span class="lever"></span>
                    Ex trigger cells (S2 L13)
                  </label>
                </div>
              </div>
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="s2-level14-switch">
                    <span class="lever"></span>
                    Gym cells (S2 L14)
                  </label>
                </div>
              </div>
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="s2-level17-switch">
                    <span class="lever"></span>
                    PokÃ©Stop cells (S2 L17)
                  </label>
                </div>
              </div>
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="s2-cells-warning-switch">
                    <span class="lever"></span>
                    Warn about hidden cells
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </li>
      
      
      <li>
        <div class="collapsible-header"><i class="material-icons">map</i>Map misc</div>
        <div class="collapsible-body">
          <div class="settings-container">
            
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="spawnpoint-switch">
                  <span class="lever"></span>
                  Spawn points
                </label>
              </div>
            </div>
            
            
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="scanned-locs-switch">
                  <span class="lever"></span>
                  Scanned locations
                </label>
              </div>
            </div>
            
            
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="nest-park-switch">
                  <span class="lever"></span>
                  Nest parks
                </label>
              </div>
            </div>
            
            
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="ex-park-switch">
                  <span class="lever"></span>
                  EX eligible parks
                </label>
              </div>
            </div>
            
            
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="ranges-switch">
                  <span class="lever"></span>
                  Interaction ranges
                </label>
              </div>
            </div>
            <div id="range-type-select-wrapper">
              <div class="form-control">
                <div class="input-field">
                  <div class="select-title">Filter interaction ranges</div>
                  <select id="range-type-select" multiple>
                    
                    <option value="1">PokÃ©mon ranges</option>
                    
                    
                    <option value="2">Gym ranges</option>
                    
                    
                    <option value="3">PokÃ©Stop ranges</option>
                    
                    
                    <option value="4">Spawn point ranges</option>
                    
                  </select>
                </div>
              </div>
            </div>
            
          </div>
        </div>
      </li>
      
      <li>
        <div class="collapsible-header"><i class="material-icons">place</i>Location</div>
        <div class="collapsible-body">
          <div class="settings-container">
            <div id="start-at-user-location-wrapper">
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="start-at-user-location-switch">
                    <span class="lever"></span>
                    Start map at my position
                  </label>
                </div>
              </div>
            </div>
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="start-at-last-location-switch">
                  <span class="lever"></span>
                  Start map at last position
                </label>
              </div>
            </div>
            
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="lock-start-marker-switch">
                  <span class="lever"></span>
                  Lock start location marker
                </label>
              </div>
            </div>
            
            <div id="follow-user-location-wrapper">
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="follow-user-location-switch">
                    <span class="lever"></span>
                    Follow me
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </li>
      <li>
        <div class="collapsible-header"><i class="material-icons">notifications</i>Notifications</div>
        <div class="collapsible-body">
          
          <div class="settings-container">
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="pokemon-notifs-switch">
                  <span class="lever"></span>
                  PokÃ©mon notifs
                </label>
              </div>
            </div>
            <div id="pokemon-notif-filters-wrapper">
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="pokemon-id-notifs-switch">
                    <span class="lever"></span>
                    Notifs filtered by ID
                  </label>
                  <a data-target="notif-pokemon-filter-modal" class="waves-effect btn-flat modal-trigger filter-button" title="Select PokÃ©mon"><i class="material-icons left">filter_list</i></a>
                </div>
              </div>
              
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="pokemon-values-notifs-switch">
                    <span class="lever"></span>
                    Notifs filtered by values
                  </label>
                  <a data-target="notif-pokemon-values-filter-modal" class="waves-effect btn-flat modal-trigger filter-button" title="Select PokÃ©mon"><i class="material-icons left">filter_list</i></a>
                </div>
              </div>
              <div id="pokemon-values-notif-filters-wrapper">
                <div id="zero-ivs-pokemon-notifs-switch-wrapper">
                  <div class="form-control">
                    <div class="switch">
                      <label>
                        <input type="checkbox" id="zero-ivs-pokemon-notifs-switch">
                        <span class="lever"></span>
                        0% IV PokÃ©mon notifs
                      </label>
                    </div>
                  </div>
                </div>
                <div id="hundo-ivs-pokemon-notifs-switch-wrapper">
                  <div class="form-control">
                    <div class="switch">
                      <label>
                        <input type="checkbox" id="hundo-ivs-pokemon-notifs-switch">
                        <span class="lever"></span>
                        100% IV PokÃ©mon notifs
                      </label>
                    </div>
                  </div>
                </div>
                <div class="form-control">
                  <span id="pokemon-ivs-notifs-slider-title" class="slider-title">Notif IVs</span>
                  <div class="slider-container">
                    <div id="pokemon-ivs-notifs-slider"></div>
                  </div>
                </div>
                <div class="form-control">
                  <span id="pokemon-level-notifs-slider-title" class="slider-title">Notif Levels</span>
                  <div class="slider-container">
                    <div id="pokemon-level-notifs-slider"></div>
                  </div>
                </div>
              </div>
              
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="tiny-rattata-notifs-switch">
                    <span class="lever"></span>
                    Tiny Rattata notifs
                  </label>
                </div>
              </div>
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="big-magikarp-notifs-switch">
                    <span class="lever"></span>
                    Big Magikarp notifs
                  </label>
                </div>
              </div>
              
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="notif-pokemon-only-switch">
                    <span class="lever"></span>
                    Show notif PokÃ©mon only
                  </label>
                </div>
              </div>
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="notif-pokemon-always-switch">
                    <span class="lever"></span>
                    Always show notif PokÃ©mon
                  </label>
                </div>
              </div>
              
            </div>
          </div>
          
          
          <div class="settings-container">
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="raid-notifs-switch">
                  <span class="lever"></span>
                  Raid notifs
                </label>
              </div>
            </div>
            <div id="raid-notif-filters-wrapper">
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="raid-pokemon-notifs-switch">
                    <span class="lever"></span>
                    Raid Boss notifs
                  </label>
                  <a data-target="notif-raid-pokemon-filter-modal" class="waves-effect btn-flat modal-trigger filter-button" title="Select PokÃ©mon"><i class="material-icons left">filter_list</i></a>
                </div>
              </div>
              <div class="form-control">
                <div class="input-field">
                  <div class="select-title">Egg notifs</div>
                  <select id="egg-notifs-select" multiple>
                    <option value="1">Level 1</option>
                    <option value="2">Level 2</option>
                    <option value="3">Level 3</option>
                    <option value="4">Level 4</option>
                    <option value="5">Level 5</option>
                    <option value="6">Level 6</option>
                  </select>
                </div>
              </div>
            </div>
          </div>
          
          
          <div class="settings-container">
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="pokestop-notifs-switch">
                  <span class="lever"></span>
                  PokÃ©Stop notifs
                </label>
              </div>
            </div>
            <div id="pokestop-notif-filters-wrapper">
              
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="quest-notifs-switch">
                    <span class="lever"></span>
                    Quest notifs
                  </label>
                  <a data-target="notif-quest-filter-modal" class="waves-effect btn-flat modal-trigger filter-button" title="Select rewards"><i class="material-icons left">filter_list</i></a>
                </div>
              </div>
              
              
              <div class="form-control">
                <div class="switch">
                  <label>
                    <input type="checkbox" id="invasion-notifs-switch">
                    <span class="lever"></span>
                    Rocket Invasion notifs
                  </label>
                  <a data-target="notif-invasion-filter-modal" class="waves-effect btn-flat modal-trigger filter-button" title="Select Rocket Invasions"><i class="material-icons left">filter_list</i></a>
                </div>
              </div>
              
              
              <div class="form-control">
                <div class="input-field">
                  <div class="select-title">Lure notifs</div>
                  <select id="lure-notifs-select" multiple>
                    <option value="501">Normal Lures</option>
                    <option value="502">Glacial Lures</option>
                    <option value="504">Magnetic Lures</option>
                    <option value="503">Mossy Lures</option>
                  </select>
                </div>
              </div>
              
            </div>
          </div>
          
          <div class="settings-container">
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="browser-popups-switch">
                  <span class="lever"></span>
                  Browser popups
                </label>
              </div>
            </div>
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="notif-sound-switch">
                  <span class="lever"></span>
                  Play sound on notif
                </label>
              </div>
            </div>
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="upscale-notif-markers-switch">
                  <span class="lever"></span>
                  Upscale notif markers
                </label>
              </div>
            </div>
            <div class="form-control">
              <div class="switch">
                <label>
                  <input type="checkbox" id="bounce-notif-markers-switch">
                  <span class="lever"></span>
                  Bounce notif markers
                </label>
              </div>
            </div>
          </div>
        </div>
      </li>
      <li>
        <div class="collapsible-header"><i class="material-icons">settings_backup_restore</i>Backup &amp; reset</div>
        <div class="collapsible-body">
          <div class="settings-container">
            <div class="form-control">
              <input id="settings-file-input" type="file" accept=".txt" style="display:none;">
              <div><a id="import-settings-button" class="waves-effect waves-light btn" onclick="if (!window.__cfRLUnblockHandlers) return false; document.getElementById('settings-file-input').click()" data-cf-modified-74f575cfe2edbf9ff1576cd2-=""><i class="material-icons left">file_download</i>Import settings</a></div>
            </div>
            <div class="form-control">
              <div><a id="export-settings-button" class="waves-effect waves-light btn"><i class="material-icons left">file_upload</i>Export settings</a></div>
            </div>
            <div class="form-control">
              <div><a id="reset-settings-button" class="waves-effect waves-light btn"><i class="material-icons left">autorenew</i>Reset settings</a></div>
            </div>
          </div>
          
          <div class="settings-container">
            <div class="form-control">
              <div><a class="waves-effect waves-light btn modal-trigger" href="#import-pokemon-list-modal"><i class="material-icons left">file_download</i>Import PokÃ©mon list</a></div>
            </div>
            <div class="form-control">
              <div><a class="waves-effect waves-light btn modal-trigger" href="#export-pokemon-list-modal"><i class="material-icons left">file_upload</i>Export PokÃ©mon lists</a></div>
            </div>
          </div>
          
        </div>
      </li>
    </ul>

    <ul id="stats-sidenav" class="sidenav">
      <ul id="stats-tabs" class="tabs tabs-fixed-width">
        
        <li class="tab" title="PokÃ©mon"><a href="#pokemon-stats-tab"><<i class="fas fa-dragon"></i></a></li>
        
        
        <li class="tab" title="Gyms &amp; Raids"><a href="#gym-stats-tab"><i class="material-icons">security</i></a></li>
        
        
        <li class="tab" title="PokÃ©Stops"><a href="#pokestop-stats-tab"><i class="material-icons">nature</i></a></li>
        
      </ul>
      
      <div id="pokemon-stats-tab">
        <table id="pokemon-table" class="order-column row-border hover" width="100%">
          <thead>
            <tr>
              <th></th>
              <th>ID</th>
              <th>Name</th>
              <th>#</th>
              <th>%</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
        </table>
      </div>
      
      
      <div id="gym-stats-tab">
        
        <h6 id="gym-table-title">Gyms</h6>
        <table id="gym-table" class="order-column row-border top-border hover" width="100%">
          <thead>
            <tr>
              <th></th>
              <th>Team</th>
              <th>#</th>
              <th>%</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
        </table>
        
        
        <h6 id="egg-table-title">Eggs</h6>
        <table id="egg-table" class="order-column row-border top-border hover" width="100%">
          <thead>
            <tr>
              <th></th>
              <th>Level</th>
              <th>#</th>
              <th>%</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
        </table>
        <h6 id="raid-pokemon-table-title">Raid Bosses</h6>
        <table id="raid-pokemon-table" class="order-column row-border top-border hover" width="100%">
          <thead>
            <tr>
              <th></th>
              <th>LVL</th>
              <th>ID</th>
              <th>Name</th>
              <th>#</th>
              <th>%</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
        </table>
        
      </div>
      
      
      <div id="pokestop-stats-tab">
        <table id="pokestop-table" class="order-column row-border hover" width="100%">
          <thead>
            <tr>
              <th></th>
              <th>Status</th>
              <th>#</th>
              <th>%</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
        </table>
      </div>
      
    </ul>

    
    <ul id="gym-sidebar" class="sidenav">
      <i class="material-icons sidenav-close">close</i>
      <div class="center-align">
        <h5 id="sidebar-gym-title"></h5>
        <div class="gym-sidebar-subheader-container">
          <div class="team"></div>
        </div>
        <div class="gym-sidebar-image-container">
          <img id="sidebar-gym-image" class="gym-image" width=162 height=162>
        </div>
        <div class="gym-sidebar-info-container">
          <div class="gym-sidebar-info-container-left">
            <div>
              Free slots:
            </div>
            <div id="sidebar-gym-leader-container">
              Gym leader:
            </div>
            <div>
              Last scanned:
            </div>
            <div>
              Last modified:
            </div>
          </div>
          <div class="gym-sidebar-info-container-right">
            <div>
              <strong><span id="sidebar-gym-free-slots"></span></strong>
            </div>
            <div id="sidebar-gym-leader-container">
              <strong><span id="sidebar-gym-leader"></span></strong>
            </div>
            <div>
              <strong><span id="sidebar-gym-last-scanned"></span></strong>
            </div>
            <div>
              <strong><span id="sidebar-gym-last-modified"></span></strong>
            </div>
          </div>
        </div>
        <div id="sidebar-gym-coordinates-container"></div>
        
        <div id="sidebar-ongoing-raid-container">
          <div class="divider"></div>
          <h5 id="sidebar-ongoing-raid-title"></h5>
          <div class="gym-sidebar-subheader-container">
            <div id="sidebar-ongoing-raid-level-container"></div>
            <div id="sidebar-ongoing-raid-end-container"></div>
          </div>
          <div class="gym-sidebar-image-container">
            <div>
              <img id="sidebar-raid-pokemon-image" width=128>
            </div>
            <div id="sidebar-raid-types-container"></div>
          </div>
          <div class="gym-sidebar-info-container">
            <div class="gym-sidebar-info-container-left">
              <div>
                CP:
              </div>
              <div>
                Fast move:
              </div>
              <div>
                Charge move:
              </div>
            </div>
            <div class="gym-sidebar-info-container-right">
              <div>
                <strong><span id="sidebar-raid-cp"></span></strong>
              </div>
              <div>
                <strong><span id="sidebar-raid-fast-move"></span></strong>
              </div>
              <div>
                <strong><span id="sidebar-raid-charge-move"></span></strong>
              </div>
            </div>
          </div>
        </div>
        <div id="sidebar-upcoming-raid-container">
          <div class="divider"></div>
          <h5 id="sidebar-upcoming-raid-title"></h5>
          <div class="gym-sidebar-subheader-container">
            <div id="sidebar-upcoming-raid-start-container"></div>
            <div id="sidebar-upcoming-raid-end-container"></div>
          </div>
          <img id="sidebar-raid-egg-image" width=96>
        </div>
        
      </div>
    </ul>
    

    <div class="map-container">
      <div id="map" class="leaflet-map"></div>
    </div>

</html>